var xmlDoc;
if (window.XMLHttpRequest) {
	xmlDoc = new window.XMLHttpRequest();
	xmlDoc.open("GET","repertoire.xml", false);
	xmlDoc.send("");
	xmlDoc = xmlDoc.responseXML;
  }
// IE 5 and IE 6
else if (ActiveXObject("Microsoft.XMLDOM")) {
	xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	xmlDoc.async = false;
	xmlDoc.load("repertoire.xml");
}
document.write('<table id="tableOne" class="yui" width="920"><thead><tr><td colspan="4" class="filter">Search: <input id="filterBoxOne" value="" maxlength="50" size="40" type="text" /><img id="filterClearOne" src="../css/main/images/tablesorter/tablesorter-cross.png" title="Click to clear filter." alt="Clear Filter Image" align="absmiddle"/></td></tr><tr><th><a href="#" title="Click Header to Sort">Title</a></th><th><a href="#" title="Click Header to Sort">Artist</a></th><th><a href="#" title="Click Header to Sort">Arranger(s)</a></th><th><a href="#" title="Click Header to Sort">Soloists</a></th></tr></thead><tbody');
var x = xmlDoc.getElementsByTagName("song");
var divCounter = 0;
var hiddenDivs = '';
for (i = 0; i < x.length; i++) { 
	var songTitle = x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
	var youtubeId = x[i].getElementsByTagName("youtube")[0].childNodes[0].nodeValue;
	var htmlAnchor;
	if (youtubeId.length > 1)  {
		htmlAnchor = '<a href="#youtube-embed' + divCounter + '" class="youtube-link" rel="shadowbox[Videos];width=480;height=390;" title="' + songTitle + '">';
	} else {
		htmlAnchor = '';
	}
	document.write('<tr><td align="center">' + htmlAnchor + '"');
	document.write(songTitle);
	document.write('"</a></td><td align="center">');
	document.write(x[i].getElementsByTagName("artist")[0].childNodes[0].nodeValue);
	document.write('</td><td align="center">');
	document.write(x[i].getElementsByTagName("arranger")[0].childNodes[0].nodeValue);
	document.write('</td><td align="center">');
	document.write(x[i].getElementsByTagName("soloists")[0].childNodes[0].nodeValue);
	document.write("</td></tr>");
	if (youtubeId.length > 1) {
		var youtubeLink = 'http://www.youtube.com/v/' + youtubeId + '&hl=en&fs=1&rel=0';
		hiddenDivs += '<div id="youtube-embed' + divCounter + '" style="display: none;"><object width="480" height="385"><param name="movie" value="' + youtubeLink + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="' + youtubeLink + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></div>';
	}
	divCounter++;
}
document.write('</tbody><tfoot><tr id="pagerOne"><td colspan="4"><img src="../css/main/images/tablesorter/tablesorter-first.png" class="first"/><img src="../css/main/images/tablesorter/tablesorter-prev.png" class="prev"/><input type="text" class="pagedisplay"/><img src="../css/main/images/tablesorter/tablesorter-next.png" class="next"/><img src="../css/main/images/tablesorter/tablesorter-last.png" class="last"/><select class="pagesize"><option value="20">20</option><option value="30">30</option><option  value="40">40</option></select></td></tr></tfoot></table>');
document.write(hiddenDivs);