// JavaScript Document

var xmlhttp;
var xmlResponse;
var names = new Array();
var dates = new Array();
var photos = new Array();

function loadXMLDoc(url) {
	xmlhttp = null;
	if (window.XMLHttpRequest) {
		// IE7,Firefox, Mozilla, etc.
		xmlhttp = new XMLHttpRequest();
	}
	else if (window.ActiveXObject){
		//code for IE5, IE6
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (xmlhttp != null) {
		xmlhttp.onreadystatechange = onResponse;
		xmlhttp.open("GET", url, true);
		xmlhttp.send(null);
	} else {
		alert("Your browser does not support XMLHTTP.");
	}
}

function onResponse() {
	if (xmlhttp.readyState != 4) {
		return;
	}
	if (xmlhttp.status != 200) {
		alert("Problem retrieving XML data");
		return;
	}
	
	xmlResponse = xmlhttp.responseXML;
	parseElements(xmlResponse);
}

function parseElements(xmlResponse) {
    //these array names reflect the tag names of the XML 
    for (i=0; i < xmlResponse.documentElement.getElementsByTagName("set").length; i++) {
      
      names[i] = xmlResponse.documentElement.getElementsByTagName("setName")[i].firstChild.nodeValue;
      
      dates[i] = xmlResponse.documentElement.getElementsByTagName("setDate")[i].firstChild.nodeValue;
      
      photos[i] = new Array();
      
      for (j = 0; j < xmlResponse.documentElement.getElementsByTagName("set")[i].getElementsByTagName("photo").length; j++) {
      	photos[i][j] = new Array();
      	photos[i][j]['fileName'] = xmlResponse.documentElement.getElementsByTagName("set")[i].getElementsByTagName("photo")[j].getElementsByTagName("fileName")[0].firstChild.nodeValue;
      	photos[i][j]['caption'] = xmlResponse.documentElement.getElementsByTagName("set")[i].getElementsByTagName("photo")[j].getElementsByTagName("caption")[0].firstChild.nodeValue;
      	
      	//alert("fileName:" + photos[i][j]['fileName'] + " caption: " + photos[i][j]['caption'])
      }
      
    }
    outputThumbs();
}		
		
function outputThumbs() {
	var galleryWrapper = document.getElementById("galleryWrapper");
	
	for (i=0; i < photos.length; i++){
		galleryWrapper.innerHTML += "<h3 class='thumbsHeader'>" + names[i] + "</h3>";
		galleryWrapper.innerHTML += "<div class=\"thumbsWrapper\">";
		galleryWrapper.innerHTML += "</div>";
		for (j=0; j < photos[i].length; j++) {
			galleryWrapper.innerHTML += "<a href=\"galleryImages/full/" + photos[i][j]['fileName'] + "\" rel=\"lightbox[" + names[i] + "]\" ><img class='thumbs' src=\"galleryImages/thumbs/" + photos[i][j]['fileName'] + "\" /></a>";  
		}
	}	
}