// JavaScript Document



//this script reads from an xml catalogue file (catalogue.xml) 
//and outputs required markup into the div called myOutput based on catalogue entries

	//galleryList = STILLLIFE, LANDSCAPE, or MIXEDMEDIA
	



	

function loadXML(xmlFile) {
	
	if (window.XMLHttpRequest)
	  {
	  xmlDoc=new window.XMLHttpRequest();
	  xmlDoc.open("GET",xmlFile,false);
	  xmlDoc.send("");
	  xmlDoc=xmlDoc.responseXML;
	  }
	// IE 5 and IE 6
	else {
		xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
    	xmlDoc.async="false";
    	xmlDoc.onreadystatechange=verify;
    	xmlDoc.load(xmlFile);
	}
	
}

function verify() { 
    if(xmlDoc.readyState!=4)
        return false; 
}

/* function traverse(tree) {
    if(tree.hasChildNodes()) {
        document.write('<ul><li>');
        document.write('<b>'+tree.tagName+' : </b>');
        var nodes=tree.childNodes.length;
        for(var i=0; i<tree.childNodes.length; i++)
            traverse(tree.childNodes(i));
        document.write('</li></ul>');
    }
    else
        document.write(tree.text);
} */


function showCatalogue(galleryList, imagePath, file) {
	
    loadXML(file);
    var doc=xmlDoc.documentElement;
    showContents(galleryList, imagePath, doc);
}

function showContents(galleryList, imagePath, myXML)  {

	var x=myXML.getElementsByTagName("IMAGE");
	

	var opString = "";

	var s0 = "<a id=\"thumb";
	var s0aa  = "\" class='highslide' href='"+ imagePath + "unframed/";
	var s0a = ".jpg' onclick=\"return hs.expand(this, inPageOptions)\">";
	var s1 = "<img src=\""+imagePath+"thumbs/";
	var s1a = ".jpg\" alt=\"" ;
	//var s2a = " <a href=\"" +imagePath + "framed/";
	//var s2b = ".jpg\" class=\"highslide\" onclick=\"return stopSlideshowAndExpand(this, largeImage)\" >show framed</a>";
	var s2 = "\" />";
	var s3 = "</a>";

	var dummyIndex = 10;
	var refID = "";
	
	var framedImageLink = "";

	var opString = "";
	
	var myThumbName = 1;
	
	for (i=0;i<x.length;i++)
	  { 
	  
	  	// include image if it has correct GALLERY label or if searching for any images in catalogue
		
		
	  	if ((galleryList == "") || ( x[i].getElementsByTagName("GALLERY")[0].childNodes[0].nodeValue == galleryList ) )  
		
				  {
				
				      refID = x[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue; 
						
					  opString = opString + s0 + myThumbName + s0aa +  refID + s0a + s1 + refID + s1a;
					 
					  opString = opString + "<strong>" + x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</strong>" + " (ref: " + refID + ")"
					  
					  opString = opString + s2 + s3; 
					  
					  myThumbName += 1;
				  }
				
	
	 
		  		  
		  //}
	  
	  }
	 

	 
	var myOutput = document.getElementById("myOutput"); 
	
	myOutput.innerHTML = myOutput.innerHTML + opString;
	
	

}