selected = document.location.search.substring(1);
selected = selected.split('&');
//0=soort 1=categorie 3=keuze/foto

var xmlDoc = loadxml();

document.write('<table><td>');
menu();
document.write('</td><td>');
main();
document.write("</td></table>");

function menu()
{
	document.write("<div style=\"width:120px;height:700px;overflow:auto;\"> <b>");
	displaycat();
	document.write("</b> </div>");
}

function displaycat()
{
	if (selected[0] == "")
	{
		document.write("<a href=\"media.html?music\"><h3>Music (WMA)</h3><\a> <br>");
		document.write("<a href=\"media.html?pictures\"><h3>Photos</h3><\a> <br>");
		//document.write("<a href=\"media.html?movies\">videos<\a> <br>");
	} else if (selected[1] == undefined) // no category selected
	{
			document.write("<a href=\"media.html\"></b>back<b><\a> <br><br>");
			var xmlData=xmlDoc.getElementsByTagName(selected[0])[0];
			var xmlData=xmlData.getElementsByTagName("category_type");
			for (i = 0;i<xmlData.length;i++)
			{
				if (selected[0]=="pictures")
				{
				document.write("<a href=\"media.html?pictures&amp;");
				document.write(xmlData[i].getElementsByTagName("number")[0].childNodes[0].nodeValue);
				document.write("\">");
				
				document.write(xmlData[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);				
				
				document.write("<\a><br><br>");
				}
				if (selected[0]=="music")
				{
				document.write("<a href=\"media.html?music&amp;");
				document.write(xmlData[i].getElementsByTagName("number")[0].childNodes[0].nodeValue);
				document.write("\">");
				
				document.write(xmlData[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
				document.write("<br><img border=\"0\" src=\"");
				document.write(xmlData[i].getElementsByTagName("cover")[0].childNodes[0].nodeValue);
				document.write("\" width=100>");
				
				document.write("<\a><br><br>");
				}
			}
	}else //cat selected
	{
		document.write("<a href=\"media.html?"+selected[0]+"\"></b>back<b></a><br><br>");
		
		if(selected[0] == "pictures")
		{
			var xmlData=xmlDoc.getElementsByTagName("photo");
			
			for (i = 0; i<xmlData.length; i++)
			{
				if (selected[1] == xmlData[i].getElementsByTagName("category_number")[0].childNodes[0].nodeValue )
				{
					document.write("<a href=\"media.html?pictures&amp;"+selected[1]+"&amp;");
					document.write(xmlData[i].getElementsByTagName("location")[0].childNodes[0].nodeValue);
					document.write(xmlData[i].getElementsByTagName("filename")[0].childNodes[0].nodeValue);
					document.write("\">");
					
					//Cover
					document.write("<img border=\"0\" src=\"");
					document.write(xmlData[i].getElementsByTagName("location")[0].childNodes[0].nodeValue + xmlData[i].getElementsByTagName("filename")[0].childNodes[0].nodeValue);
					document.write("\" width=100>");
					document.write(xmlData[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
					document.write("</a><br>");
					
				}
			}
		}
		
		if(selected[0] == "music")
		{
			var xmlData=xmlDoc.getElementsByTagName("song");
			
			for (i = 0; i<xmlData.length; i++)
			{
				if (selected[1] == xmlData[i].getElementsByTagName("category_number")[0].childNodes[0].nodeValue )
				{
					document.write("<a href=\"media.html?music&amp;"+selected[1]+"&amp;");
					document.write(xmlData[i].getElementsByTagName("location")[0].childNodes[0].nodeValue);
					document.write(xmlData[i].getElementsByTagName("filename")[0].childNodes[0].nodeValue);
					document.write("\">");
					
					document.write(xmlData[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
					
					document.write("</a><br>");
					
				}
			}
		}
	}
	
	
}

function main()
{
	
	//show cover
	if (selected[0] == "music" && selected[1] != undefined)
	{
			var xmlData=xmlDoc.getElementsByTagName("music")[0];
			xmlData=xmlData.getElementsByTagName("category_type");
			for(i = 0; i<xmlData.length; i++)
			{
				if (xmlData[i].getElementsByTagName("number")[0].childNodes[0].nodeValue == selected[1])
					document.write("<a href=\""+xmlData[i].getElementsByTagName("cover")[0].childNodes[0].nodeValue+"\"><img border=\"0\" src=\""+xmlData[i].getElementsByTagName("cover")[0].childNodes[0].nodeValue+"\" width=500></a>");
			}
	}	
	
	//inhoud
	if(selected[0] != "" && selected[1] != undefined && selected[2] != undefined)
	{
		if (selected[0] == "pictures")
		{
			document.write("<a href=\""+selected[2]+"\"><img border=\"0\" src=\""+selected[2]+"\" width=590></a>");
		}
		
		if (selected[0] == "music")
		{
			document.write("<embed src=\""+selected[2]+"\" width=\"360\" height=\"40\" AUTOSTART=TRUE /> ");/////////////////////////////MUSIC PLAYER
			//document.write("if you don't hear any music playing then you may have to switch to a different internet browser");
		}
	}
	
}



function loadxml()
{
//xml parser
var xmlDoc=null;
if (window.ActiveXObject)
{// code for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{// code for Mozilla, Firefox, Opera, etc.
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("media.xml");
return xmlDoc;
//end parser
	}
}