var ajax5;
var ajax6;
function initGallery(){
	sPage = "Gallery";

	var txt="<table cellpadding='0' cellspacing='0' border='0' width='100%'>"
	//txt+="<tr><td><img src='images/headers/gallery.jpg'></td></tr>";
	txt+="<tr><td><div id='divGalleryHeader'><table align='center'><tr><td><img src='images/loading/gallery.jpg'/></td><td><img src='images/spinner2.gif'></td></tr></table></div></td></tr>";
	txt+="<tr><td><div id='divGalleryBody'><table align='center'><tr><td><img src='images/loading/gallery.jpg'/></td><td><img src='images/spinner2.gif'></td></tr></table></div></td></tr>";
	txt+="</table>";
	pauseSlideShow();
	
	document.getElementById("divBody").innerHTML = txt;
	
	getGalleryHeader();
}

//**************************************//
function getGalleryHeader(){
	ajax5 = initAjax();
	ajax5.open("GET", appPath + "gallery.xml?date=" + Date(), true);
	ajax5.onreadystatechange = handleGetGalleryHeader;
	ajax5.send(null);
}

//**************************************//
function handleGetGalleryHeader(){
	if(checkReadyState(ajax5)){
		var response = ajax5.responseXML.documentElement;
		var x=response.getElementsByTagName("GALLERY")
		

		var txt="<table align=center cellpadding=10><tr>";
		for (i=0;i<x.length;i++){
			txt+="<td><a href='#' onclick='getGalleryImages(\"" + x[i].getAttribute("XML") + "\")'><img src=images/gallery/" + x[i].getAttribute("Image") + " border=0  onmouseover='this.className=\"galleryMenuHi\"' onmouseout='this.className=\"galleryMenuNormal\"' class=galleryMenuNormal></a></td>"
	
			if(i==0)
				getGalleryImages(x[i].getAttribute("XML"))
		}

		txt+="</tr></table>";

		if(sPage == "Gallery")		
			document.getElementById("divGalleryHeader").innerHTML = txt;
	}
	
}

//****************************************//
function getGalleryImages(sXMLName){
	ajax6 = initAjax();
	ajax6.open("GET", appPath + sXMLName + "?date=" + Date(), true);
	ajax6.onreadystatechange = handleGetGalleryImages;
	ajax6.send(null);
}

//****************************************//
function handleGetGalleryImages(){
	if(checkReadyState(ajax6)){
		var response = ajax6.responseXML.documentElement;
		var x=response.getElementsByTagName("SPECS")
		sFolder = x[0].getAttribute("Folder")
		
		var x=response.getElementsByTagName("IMAGE")
		
		var txt="<img src=images/gallery/" + sFolder + "/header.jpg><br><table align=center cellpadding=10>";
		var iCount=0;
		for (i=0;i<x.length;i++){
			if(iCount == 0)
				txt+="<tr>";

			txt+="<td><a href='images/gallery/" + sFolder + "/" + x[i].getAttribute("Name") + "' rel='lightbox[" + sFolder + "]'>" + "<img src='images/gallery/" + sFolder + "/" + x[i].getAttribute("Thumb") + "' class='galleryNormal' border='0' onmouseover='this.className=\"galleryHi\"' onmouseout='this.className=\"galleryNormal\"'></a>" + "</td>";			
			if(iCount == 5){
				iCount=0;
				txt+="</tr>";
			}else{
				iCount++;
			}
		}
		
		txt+="</tr></table>";
		
		document.getElementById("divGalleryBody").innerHTML = txt;
		
		initLightbox();
		
	}
}