function getElement(layerName) {
	if (document.all) return document.all[layerName];
	else return document.getElementById(layerName);
}

function loadXML(filename)
{
	var xmlDoc;
	if (window.ActiveXObject)
	{// code for IE
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	}
	else if (document.implementation.createDocument)
	{// code for Firefox, Mozilla, Opera, etc.
		xmlDoc=document.implementation.createDocument("","",null);
	}
	else
	{
		alert('An error occurred while running the required script.');
	}
	xmlDoc.async=false;
	xmlDoc.load(filename);
	
	return xmlDoc;
}

function initContent()
{
	loadStartupVideo();
}

function getContentTableStr()
{
	var tableStr = "";
	var xmlDoc = loadXML("data/content.xml");

	if (!xmlDoc)
		return;

	tableStr = "<table cellpadding=\"0\" cellspacing=\"20\" width=\"100%\">";
	
	var x=xmlDoc.getElementsByTagName("clip");
	for (var i=0;i<x.length;i++)
	{
		var id			= "";
		var image		= "";
		var video		= "";
		var title		= "";
		var year		= "";
		var description	= "";
		var caption		= "";

		if (x[i].getElementsByTagName("id").length > 0)
			id = x[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
		if (x[i].getElementsByTagName("image").length > 0)
			image = x[i].getElementsByTagName("image")[0].childNodes[0].nodeValue;
		if (x[i].getElementsByTagName("video").length > 0)
			video = x[i].getElementsByTagName("video")[0].childNodes[0].nodeValue;
		if (x[i].getElementsByTagName("title").length > 0)
			title = x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
		if (x[i].getElementsByTagName("year").length > 0)
			year = x[i].getElementsByTagName("year")[0].childNodes[0].nodeValue;
		if (x[i].getElementsByTagName("description").length > 0)
			description = x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue;
		if (x[i].getElementsByTagName("caption").length > 0)
			caption = x[i].getElementsByTagName("caption")[0].childNodes[0].nodeValue;

		tableStr += "<a name=\"";
		tableStr += id;
		tableStr += "\"></a>";
		tableStr += "<tr id=\"";
		tableStr += id;
		tableStr += "_row\"";

		if (video != "")
		{
			tableStr += "onclick=\"loadVideoSWF('";
			tableStr += title + "','" + video + "','" + caption;
			tableStr += "');";
		}
		tableStr += "\">";
		tableStr += "<td class=\"clipsCol1\" width=\"25%\">";

		if (image != "")
		{
			tableStr += "<img src=\"";
			tableStr += image;
			tableStr += "\" alt=\"\" width=\"150px\" height=\"110\"/>";
		}

		tableStr += "</td>";
		tableStr += "<td width=\"30%\">";
		tableStr += "<h1>";
		tableStr += title;
		tableStr += "</h1>";
		tableStr += "<h2>";
		tableStr += year;
		tableStr += "</h2>";
		tableStr += "<p>";
		tableStr += description;
		tableStr += "</p>";
		tableStr += "</td>";
		tableStr += "</tr>";
	}
	tableStr += "</table>";

	return tableStr;
}

function loadVideoSWF(title, filename, caption)
{
	var titleEl = getElement("title");
	titleEl.innerHTML = title;

	var player = document.getElementById("player_flv_id");
	player.jsPlayFile(filename);

	var captionEl = getElement("video_caption");
	captionEl.innerHTML = caption;
}

function loadStartupVideo()
{
	var startup_id = getClipIdFromURL();

	if (!startup_id)
		return;

	var rowEl = getElement(startup_id + "_row");

	if (rowEl)
		rowEl.onclick();
/*
	if (startup_video != "")
	{
		loadVideoSWF(startup_title, startup_video);
//		window.location.hash = startup_id;
	}*/
}

function getClipIdFromURL()
{
	var searchString = document.location.search;

	// strip off the leading '?'
	searchString = searchString.substring(1);

	var nvPairs = searchString.split("&");

	for (i = 0; i < nvPairs.length; i++)
	{
		var nvPair = nvPairs[i].split("=");
		var name = nvPair[0];
		var value = nvPair[1];
		
		if (name == "id")
		{
			return value;
		}
	}
}