/**
 * Artist.js v1.0: General functions for kimschoen website
 *
 */

function getWindowHeight()
{
	if (typeof( window.innerWidth ) == 'number')
	{
		// Non-IE
//		NW.document.write(window.innerHeight);				// for debugging
		return window.innerHeight;
	}
	else 
	{
//		NW.document.write(document.body.offsetHeight);		// for debugging
		return document.body.offsetHeight;
	}
}

function getWindowHeightPct(nPct)
{
	return getWindowHeight() * nPct / 100;
}

function popUpWindow(url)
{
	var win = window.open(url,'');
}

function replaceImageThumb(nProject)
{
	var xmlDoc = parseXML("images.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");
	var szImage = "images/thumbs/" + xmlData[nProject].getElementsByTagName("Thumbnail")[0].childNodes[0].nodeValue + ".jpg";
	
	document.images['artwork'].src = szImage;
	return false;
}

function replaceFilmThumb(nProject)
{
	var xmlDoc = parseXML("films.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");
	var szImage = "images/thumbs/" + xmlData[nProject].getElementsByTagName("Thumbnail")[0].childNodes[0].nodeValue + ".jpg";
	
	document.images['artwork'].src = szImage;
	return false;
}

function replaceMain(bOn)
{
	if (bOn)
		document.images['main'].src = "kimschoenblack.jpg";
	else
		document.images['main'].src = "kimschoengrey.jpg";
	
	return false;
}

function getUrlData()
{
	var strUrlData = location.search;
	var strVar = strUrlData.slice(1);
	return strVar;
}

function parseXML(strFilename)
{
	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);
		
		if (window.XMLHttpRequest)
		{
			// code for Mozilla, Safari
			var d = new XMLHttpRequest();
			d.open("GET", strFilename, false);
			d.send(null);
			xmlDoc=d.responseXML;
			return xmlDoc;
		}
	}
	else
	{
		alert ('Your browser cannot handle this script');
	}
	
	if (xmlDoc != null)
	{
		xmlDoc.async = false;
		xmlDoc.load(strFilename);
	}
	
	return xmlDoc;
}

function makeImageList()
{
	var xmlDoc = parseXML("images.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");

	for (var i = 0; i < xmlData.length; i++)
	{
		var title = xmlData[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue;
		document.write("<a href='image_detail.html?" + i + "' onMouseOver='replaceImageThumb(" + i + ")'>" + title + "</a><br>");
	}
}

function makeFilmList()
{
	var xmlDoc = parseXML("films.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");

	for (var i = 0; i < xmlData.length; i++)
	{
		var title = xmlData[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue;
		document.write("<a href='film_detail.html?" + i + "' onMouseOver='replaceFilmThumb(" + i + ")'>" + title + "</a><br>");
	}
}

function makeMoreList()
{
	var xmlDoc = parseXML("more.xml");
	var sectionData = xmlDoc.getElementsByTagName("Section");
	var nProjCnt = 0;

	for (var i = 0; i < sectionData.length; i++)
	{
		document.write("<tr><td colspan='2'>");
		document.write("<div class='txt'>" + sectionData[i].getElementsByTagName("SectionTitle")[0].childNodes[0].nodeValue + "</div>");
		document.write("</td></tr>");
		document.write("<tr>");
		document.write("<td width='62'></td>");
		document.write("<td>");
		
		var projData = sectionData[i].getElementsByTagName("Project");
		for (var j = 0; j < projData.length; j++)
		{
			var bDetail = projData[j].getElementsByTagName("DetailPage")[0].childNodes[0].nodeValue == "true";
			
			if (bDetail)
			{
				document.write("<a href='more_detail.html?" + nProjCnt + "'>> " + projData[j].getElementsByTagName("Name")[0].childNodes[0].nodeValue + "</a><br>");
			}
			else if (projData[j].getElementsByTagName("LinkUrl")[0].childNodes[0].nodeValue.length > 1)
			{
				document.write("<a href='javascript:popUpWindow(&quot;" + projData[j].getElementsByTagName("LinkUrl")[0].childNodes[0].nodeValue + "&quot;)'>> ");
				document.write(projData[j].getElementsByTagName("Name")[0].childNodes[0].nodeValue + "</a><br>");
			}
			else
			{
				document.write("<a>> " + projData[j].getElementsByTagName("Name")[0].childNodes[0].nodeValue + "</a><br>");
			}
			
			nProjCnt++;
		}
		
		document.write("</td>");
		document.write("</tr>");
	}
}

function makeNewsList()
{
	var xmlData = parseXML("news.xml");
	var sectionData = xmlData.getElementsByTagName("Section");	

	for (var i = 0; i < sectionData.length; i++)
	{
		document.write("<tr><td colspan='2'>");
		document.write("<div class='txt'>" + sectionData[i].getElementsByTagName("SectionTitle")[0].childNodes[0].nodeValue + "</div>");
		document.write("</td></tr>");
		document.write("<tr>");
		document.write("<td width='62'></td>");
		document.write("<td>");
		
		var projData = sectionData[i].getElementsByTagName("Project");
		for (var j = 0; j < projData.length; j++)
		{
			if (projData[j].getElementsByTagName("LinkUrl")[0].childNodes[0].nodeValue.length > 1)
			{
				document.write("<a href='javascript:popUpWindow(&quot;" + projData[j].getElementsByTagName("LinkUrl")[0].childNodes[0].nodeValue + "&quot;)'>> ");
				document.write(projData[j].getElementsByTagName("LinkText")[0].childNodes[0].nodeValue + "</a><br>");
			}
			else
			{
				document.write("<a>> " + projData[j].getElementsByTagName("LinkText")[0].childNodes[0].nodeValue + "</a><br>");
			}
		}
		
		document.write("</td>");
		document.write("</tr>");
	}
}

function makeImagePage(nProj)
{
	var xmlDoc = parseXML("images.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");
	var bInstall = xmlData[nProj].getElementsByTagName("Installation")[0].childNodes[0].nodeValue == "true";
	var bText = xmlData[nProj].getElementsByTagName("Text")[0].childNodes[0].nodeValue == "true";
	var imageData = xmlData[nProj].getElementsByTagName("Image");

	document.write("<table border='0'>");
	document.write("<tr>");
	document.write("<td rowspan='3' class='leftspacer'><div class='leftspacer'></div></td>");
    document.write("<td class='topspacer'></td>");
    document.write("<td colspan='2'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("<td colspan='2'></td>");
    document.write("</tr>");
    document.write("<tr>");
	
	
    document.write("<td class='titlespacer'>");
	document.write("<div class='titlespacer'>");
	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td><div class='txt'>" + xmlData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</div></td>");
	document.write("</tr>");
	
	if (bInstall)
	{
	    document.write("<tr>");
	    document.write("<td class='backspacer'><a href='image_install.html?" + nProj +"'><em>installation views</em></a></td>");
	    document.write("</tr>");
	}
	
	if (bText)
	{
	    document.write("<tr>");
	    document.write("<td class='backspacer'><a href='image_text.html?" + nProj +"'><em>text</em></a></td>");
	    document.write("</tr>");
	}
	
    document.write("<tr>");
    document.write("<td class='backspacer'><a href='images.html'><<</a></td>");
    document.write("</tr>");
	document.write("</table>");
	document.write("</div>");
    document.write("</td>");
	
	document.write("<td class='imgspacer' colspan='2'>");
	document.write("<table border='0'>");
	document.write("<tr>");
	
	for (var i = 0; i < imageData.length; i++)
	{
		if (imageData.length == 1)
		{
			document.write("<td>");
		}
		else
		{
			document.write("<td colspan='2' class='imgmultispacer'>");
		}
		
		document.write("<img src='images/" + imageData[i].childNodes[0].nodeValue + ".jpg' border='0'>");
		document.write("</td>");
	}
	
	document.write("</tr>");
	
	
	document.write("<tr>");
	
	for (var i = 0; i < imageData.length; i++)
	{
		document.write("<td class='captspacer'>");
		document.write("<div class='capt'>");
		
		var nameData = xmlData[nProj].getElementsByTagName("Name");
		var medData = xmlData[nProj].getElementsByTagName("Medium");
		var sizeData = xmlData[nProj].getElementsByTagName("Size");
		var dateData = xmlData[nProj].getElementsByTagName("Date");

		if (nameData.length > i)
			document.write("<em>" + nameData[i].childNodes[0].nodeValue + "</em><br>");
		
		if (medData.length > i)
			document.write(medData[i].childNodes[0].nodeValue + "<br>");
			
		if (sizeData.length > i)
			document.write(sizeData[i].childNodes[0].nodeValue + "<br>");
			
		if (dateData.length > i)
			document.write(dateData[i].childNodes[0].nodeValue + "</div>");
		
		document.write("</div></td>");
		
		if (imageData.length > 1)
		{	
			document.write("<td class='nextprevspacer'>");
			
			if (i == imageData.length - 1)
			{
				document.write("<div class='capt'><em><a href='image_detail.html?" + nProj + "'><<</a></em></div>");
			}
			else
			{
				document.write("<div class='capt'><em>></em></div>");
			}
			
			document.write("</td>");
		}
	}
	
	document.write("</tr>");
	document.write("</table>");
	document.write("</td>");
    document.write("</tr>");
	
	document.write("</table>");
}

function makeFilmPage(nProj)
{
	var xmlDoc = parseXML("films.xml");
	var projData = xmlDoc.getElementsByTagName("Project");
	var bInstall = projData[nProj].getElementsByTagName("Installation")[0].childNodes[0].nodeValue == "true";
	var bMovie = projData[nProj].getElementsByTagName("Movie")[0].childNodes[0].nodeValue == "true";
	var bText = projData[nProj].getElementsByTagName("Text")[0].childNodes[0].nodeValue == "true";

	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td rowspan='3' class='leftspacer'><div class='leftspacer'></div></td>");	
    document.write("<td colspan='2' class='topspacer'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td colspan='2' class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='titlespacer'>");
	document.write("<div class='titlespacer'>");
	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td><div class='txt'>" + projData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "<br>");
	
	var MediumData = projData[nProj].getElementsByTagName("Medium");
	if (MediumData.length > 0)
	{
	    document.write(MediumData[0].childNodes[0].nodeValue + "<br>");
	}
	
	var lengthData = projData[nProj].getElementsByTagName("Length");
	if (lengthData.length > 0)
	{
  	  document.write(lengthData[0].childNodes[0].nodeValue + "<br>");
	}
	
	var dateData = projData[nProj].getElementsByTagName("Date");
	if (dateData.length > 0)
	{
	    document.write(dateData[0].childNodes[0].nodeValue + "</div></td>");
	}
	
	document.write("</tr>");

	if (bMovie)
	{
	    document.write("<tr>");
	    document.write("<td class='backspacer'><a href='film_clip.html?" + nProj +"'><em>quicktime</em></a></td>");
	    document.write("</tr>");
	}
	
	if (bInstall)
	{
	    document.write("<tr>");
	    document.write("<td class='backspacer'><a href='film_install.html?" + nProj +"'><em>installation views</em></a></td>");
	    document.write("</tr>");
	}
	
	if (bText)
	{
	    document.write("<tr>");
	    document.write("<td class='backspacer'><a href='film_text.html?" + nProj +"'><em>text</em></a></td>");
	    document.write("</tr>");
	}
	
    document.write("<tr>");
    document.write("<td class='backspacer'><a href='films.html'><<</a></td>");
    document.write("</tr>");
	document.write("</table>");
	document.write("</div>");
	document.write("</td>");
	
	document.write("<td class='imgspacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<img src='images/" + projData[nProj].getElementsByTagName("Image")[0].childNodes[0].nodeValue + ".jpg' border='0'>");  
	document.write("</tr></td>");
	document.write("</table>");
	document.write("</td>");
    document.write("</tr>");
	
	document.write("</table>");
}

function makeTextPage(nProj, bImages)
{
	var xmlDoc = bImages ? parseXML("images.xml") : parseXML("films.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");
	var bText = xmlData[nProj].getElementsByTagName("Text")[0].childNodes[0].nodeValue == "true";

	document.write("<table border='0'>");
	document.write("<tr>");
	document.write("<td rowspan='3' class='leftspacer'></td>");
    document.write("<td class='topspacer'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='titlespacer'>");
	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td>");
	document.write("<div class='txt'>" + xmlData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</div>");
    document.write("</td>");
	document.write("</tr>");
	document.write("<tr><td height='12'></td></tr>");
	document.write("<tr>");
	document.write("<td width='250'>");
	
	var textData = xmlData[nProj].getElementsByTagName("TextLine");
	for (var i = 0; i < textData.length; i++)
	{
		document.write("<div class='txt'>");
		var textLine = textData[i].childNodes[0].nodeValue;
		if (textLine.length > 1)
		{
			document.write(textLine);
		}
		document.write("<br></div>");
	}

	var textCaptData = xmlData[nProj].getElementsByTagName("TextCaption");
	if (textCaptData.length > 0)
	{
		document.write("<br>");
		document.write("<div class='txt'><em>" + textCaptData[0].childNodes[0].nodeValue + "</em></div>");
	}

	document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
	
	if (bImages)
		document.write("<td class='backspacer'><a href='image_detail.html?" + nProj + "'><<</a></td>");
	else
		document.write("<td class='backspacer'><a href='film_detail.html?" + nProj + "'><<</a></td>");
		
    document.write("</tr>");
	document.write("</table>");
    document.write("</td></tr>");
	document.write("</table>");
}

function makeInstallPage(nProj, bImages)
{
	var xmlDoc = bImages ? parseXML("images.xml") : parseXML("films.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");

	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td rowspan='3' class='leftspacer'><div class='leftspacer'></div></td>");
    document.write("<td colspan='2' class='topspacer'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td colspan='2' class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='titlespacer'>");
	document.write("<div class='titlespacer'>");
	document.write("<table border='0'>");
    document.write("<tr>");
    document.write("<td><div class='txt'>" + xmlData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue);
	
	if (!bImages)
	{
		document.write("<br>");
		
		var MediumData = xmlData[nProj].getElementsByTagName("Medium");
		if (MediumData.length > 0)
		{
			document.write(MediumData[0].childNodes[0].nodeValue + "<br>");
		}
		
		var lengthData = xmlData[nProj].getElementsByTagName("Length");
		if (lengthData.length > 0)
		{
		  document.write(lengthData[0].childNodes[0].nodeValue + "<br>");
		}
		
    	document.write(xmlData[nProj].getElementsByTagName("Date")[0].childNodes[0].nodeValue);
	}
	
    document.write("</td></tr>");
    document.write("<tr>");
	
	if (bImages)
		document.write("<td class='backspacer'><a href='image_detail.html?" + nProj + "'><<</a></td>");
	else
		document.write("<td class='backspacer'><a href='film_detail.html?" + nProj + "'><<</a></td>");

	document.write("</tr>");
	
	
	document.write("</div>");
	document.write("</table>");
	document.write("</div>");
    document.write("</td>");
	document.write("<td class='imgspacer'>");
	document.write("<table border='0'>");
	document.write("<tr>");

	var imageData = xmlData[nProj].getElementsByTagName("InstImage");
	
	for (var i = 0; i < imageData.length; i++)
	{
		if (imageData.length == 1)
		{
			document.write("<td>");
		}
		else
		{
			document.write("<td colspan='2' class='imgmultispacer'>");
		}
		
		document.write("<img src='images/" + imageData[i].childNodes[0].nodeValue + ".jpg' border='0'>");
		document.write("</td>");
	}
	
	document.write("</tr>");
	document.write("<tr>");
	
	for (var i = 0; i < imageData.length; i++)
	{
		document.write("<td class='captspacer'>");
		
		var instCaptData = xmlData[nProj].getElementsByTagName("InstCaption");

		if (instCaptData.length > i)
			document.write("<div class='capt'><em>" + instCaptData[i].childNodes[0].nodeValue + "</em></div><br>");
		
		document.write("</td>");
		
		if (imageData.length > 1)
		{	
			document.write("<td class='nextprevspacer'>");
			
			if (i == imageData.length - 1)
			{
				if (bImages)
					document.write("<div class='capt'><em><a href='image_install.html?" + nProj + "'><<</a></em></div>");
				else
					document.write("<div class='capt'><em><a href='film_install.html?" + nProj + "'><<</a></em></div>");
			}
			else
			{
				document.write("<div class='capt'><em>></em></div>");
			}
			
			document.write("</td>");
		}
	}
	
	document.write("</tr>");
	document.write("</table>");
	document.write("</td>");	
    document.write("</tr>");
	document.write("</table>");
}

function makeFilmClipPage(nProj)
{
	var xmlDoc = parseXML("films.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");
	var strMovieFile = "films/" + xmlData[nProj].getElementsByTagName("MovieFile")[0].childNodes[0].nodeValue + ".mov";

	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td rowspan='3' class='leftspacer'></td>");
    document.write("<td colspan='2' class='topspacer'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td colspan='2' class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='titlespacer'>");
	document.write("<table border='0'>");
    document.write("<tr>");
    document.write("<td><div class='txt'>" + xmlData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "<br>");

	var MediumData = xmlData[nProj].getElementsByTagName("Medium");
	if (MediumData.length > 0)
	{
		document.write(MediumData[0].childNodes[0].nodeValue + "<br>");
	}
	
	var lengthData = xmlData[nProj].getElementsByTagName("Length");
	if (lengthData.length > 0)
	{
	  document.write(lengthData[0].childNodes[0].nodeValue + "<br>");
	}
	
    document.write(xmlData[nProj].getElementsByTagName("Date")[0].childNodes[0].nodeValue + "</div></td>");
	document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='backspacer'><a href='film_detail.html?" + nProj + "'><<</a></td>");
    document.write("</tr>");
	document.write("</table>");
    document.write("</td>");
	document.write("<td class='imgspacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http:www.apple.com/qtactivex/qtplugin.cab'");
    document.write("width='480' height='380' id='movie' VIEWASTEXT>");
    document.write("<param name='src' value='" + strMovieFile + "'>");
    document.write("<param name='autoplay' value='true'>");
    document.write("<embed width='480' height='380' src='" + strMovieFile + "' name='movie' autoplay='true'> </embed>");
	document.write("</object>");
	document.write("</td></tr>");
	document.write("</table>");
	document.write("</td>");	
    document.write("</tr>");
	document.write("</table>");
}

function makeMorePage(nProj)
{
	var xmlDoc = parseXML("more.xml");
	var xmlData = xmlDoc.getElementsByTagName("Project");
	var bInfo = xmlData[nProj].getElementsByTagName("Info").length > 0;
	var bLink = xmlData[nProj].getElementsByTagName("Link")[0].childNodes[0].nodeValue == "true";
	var bArrows = xmlData[nProj].getElementsByTagName("BackArrow")[0].childNodes[0].nodeValue == "true";
	var imageData = xmlData[nProj].getElementsByTagName("Image");

	document.write("<table border='0'>");
	document.write("<tr>");

	document.write("<td rowspan='3' class='leftspacer'><div class='leftspacer'></div></td>");
    document.write("<td colspan='2' class='topspacer'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td colspan='2' class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='titlespacer'>");
	document.write("<div class='titlespacer'>");
	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td><div class='txt'>" + xmlData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</div></td>");
	document.write("</tr>");
	
	if (bInfo)
	{
		document.write("<tr>");
		document.write("<td class='backspacer'>");
    	document.write("<div class='txt'>" + xmlData[nProj].getElementsByTagName("Info")[0].childNodes[0].nodeValue + "</div>");
		document.write("</td>");
		document.write("</tr>");
	}
	
	if (bLink)
	{
	    document.write("<tr>");
	    document.write("<td class='backspacer'>");
		document.write("<a href='javascript:popUpWindow(&quot;" + xmlData[nProj].getElementsByTagName("LinkUrl")[0].childNodes[0].nodeValue + "&quot;)'>");
		document.write("<em>" + xmlData[nProj].getElementsByTagName("LinkText")[0].childNodes[0].nodeValue + "</em></a>");
		document.write("</td>");
	    document.write("</tr>");
	}
	
    document.write("<tr>");
    document.write("<td class='backspacer'><a href='more.html'><<</a></td>");
    document.write("</tr>");
	document.write("</table>");
	document.write("</div>");
    document.write("</td>");
		
	document.write("<td class='imgspacer' colspan='2'>");
	document.write("<table border='0'>");
	document.write("<tr>");
	
	for (var i = 0; i < imageData.length; i++)
	{
		document.write("<td colspan='2' class='imgmultispacer'>");
		document.write("<img src='images/" + imageData[i].childNodes[0].nodeValue + ".jpg' border='0'>");
		document.write("</td>");
	}
	
	document.write("</tr>");
	document.write("<tr>");
	
	for (var i = 0; i < imageData.length; i++)
	{
		document.write("<td class='captspacer'>");
		
		var captData = xmlData[nProj].getElementsByTagName("Caption");

		if (captData.length > i)
			document.write("<div class='capt'><em>" + captData[i].childNodes[0].nodeValue + "</em></div>");
		
		document.write("</td>");
		document.write("<td class='nextprevspacer'>");
		
		if (bArrows)
		{
			document.write("<div class='capt'><em><a href='more_detail.html?" + nProj + "'><<</a></em></div>");
		}
		
		document.write("</td>");
	}
	
	document.write("</tr>");
	document.write("</table>");
	document.write("</td>");
    document.write("</tr>");
	document.write("</table>");
}

function makeNewFilmPage(nProj)
{
	var xmlDoc = parseXML("films.xml");
	var projData = xmlDoc.getElementsByTagName("Project");

	document.write("<table border='0'>");
	document.write("<tr>");
    document.write("<td rowspan='3' class='leftspacer'><div class='leftspacer'></div></td>");	
    document.write("<td colspan='2' class='topspacer'></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td colspan='2' class='namespacer'>");
	document.write("<table border='0'>");
	document.write("<tr><td>");
	document.write("<a href='main.html' onMouseOver='replaceMain(true)' onMouseOut='replaceMain(false)'><img src='kimschoengrey.jpg' name='main' border='0'></a>");
	document.write("</td></tr>");
	document.write("</table>");
    document.write("</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='titlespacer'>");
	document.write("<div class='titlespacer'>");
	document.write("<table border='0'>");
    document.write("<tr>");
    document.write("<td><div class='txt'>" + projData[nProj].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</div></td>");
	document.write("</tr>");
    document.write("<tr>");
    document.write("<td class='backspacer'><a href='films.html'><<</a></td>");
    document.write("</tr>");
	document.write("</table>");
    document.write("</td>");
	document.write("<td class='imgspacer'>");
	document.write("<table>");
	
	var imageData = projData[nProj].getElementsByTagName("Image");
	
	for (var i = 0; i < imageData.length; i++)
	{
		if (i > 0)
		{
			document.write("<tr><td height='20'></td></tr>");
		}
		
		document.write("<tr>");
		document.write("<td><img src='images/" + imageData[i].childNodes[0].nodeValue + ".jpg' border='0'></td>");  
		document.write("</tr><tr>");
		document.write("<td><div class='capt'>");
	
		var NameData = projData[nProj].getElementsByTagName("Name");
		if (NameData.length > 0)
		{
			document.write(NameData[i].childNodes[0].nodeValue + "<br>");
		}
		
		var MediumData = projData[nProj].getElementsByTagName("Medium");
		if (MediumData.length > 0)
		{
			document.write(MediumData[i].childNodes[0].nodeValue + "<br>");
		}
		
		var lengthData = projData[nProj].getElementsByTagName("Length");
		if (lengthData.length > 0)
		{
		  document.write(lengthData[i].childNodes[0].nodeValue + "<br>");
		}
		
		document.write(projData[nProj].getElementsByTagName("Date")[i].childNodes[0].nodeValue);
		document.write("</div></td>");
		document.write("</tr>");
	}
	
	document.write("</table>");
	document.write("</td>");
    document.write("</tr>");
	document.write("</table>");
}