var ajaxInstall;
var installResponse;

function initInstalls(){
	sPage = "Installs";

	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;
	
	getInstallsHeader();
}

//**************************************//
function getInstallsHeader(){
	ajaxInstall = initAjax();
	ajaxInstall.open("GET", appPath + "install_gallery.xml?date=" + Date(), true);
	ajaxInstall.onreadystatechange = handleGetInstallsHeader;
	ajaxInstall.send(null);
}

//**************************************//
function handleGetInstallsHeader(){
	if(checkReadyState(ajaxInstall)){
		var response = ajaxInstall.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='getInstalls(\"" + x[i].getAttribute("XML") + "\",\"" + x[i].getAttribute("header") + "\")'><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)
				getInstalls(x[i].getAttribute("XML"),x[i].getAttribute("header"))
		}

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

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

}

var a2;
var sInstallImage = "";
//*******************************************//
function getInstalls(xmlFile, header){
	sInstallImage = header;

	a2 = initAjax();
	a2.open("GET", appPath + xmlFile + "?date=" + Date(), true);
	a2.onreadystatechange = handleGetInstallsType;
	a2.send(null);
}

//*******************************************//
function handleGetInstallsType(){
	if(checkReadyState(a2)){
		var response = a2.responseXML.documentElement;
		var x=response.getElementsByTagName("INSTALL")
		
		
		boats = new Array();		
		for (i=0;i<x.length;i++){
			var obj = new boatClass();
			obj.header = x[i].getElementsByTagName("HEADER")[0].firstChild.nodeValue;
			obj.thumb = x[i].getElementsByTagName("THUMB")[0].firstChild.nodeValue;
			obj.shortDesc = x[i].getElementsByTagName("SHORT_DESC")[0].firstChild.nodeValue;
			obj.desc = x[i].getElementsByTagName("DESC")[0].firstChild.nodeValue;

			var gear = x[i].getElementsByTagName("GEAR");
			for(var ja=0;ja<gear.length;ja++){
				obj.gear[obj.gear.length] = gear[ja].getAttribute("Name")
			}

			var image = x[i].getElementsByTagName("IMAGE");
			for(var ja=0;ja<image.length;ja++){
				var ooo = new boatImageClass();
				ooo.name = image[ja].getAttribute("Name")
				ooo.thumb = image[ja].getAttribute("Thumb")
				ooo.desc = image[ja].getAttribute("Desc")
				
				obj.image[obj.image.length] = ooo;
			}
			boats[boats.length] = obj;
		}
		
		buildInstallList();
	}
}

//**************************************//
function buildInstallList(){
	var txt="<img src=images/headers/" + sInstallImage + "><br>";
	txt += "<table align=left cellpadding=10>"
	if(boats.length == 0){
		txt+="<tr><td class=textClass>No currnet installs</td></tr>"	
	}else{

		for(var i=0;i<boats.length;i++){
			txt += "<tr><td vAlign=top><a onclick='showInstall(" + i + ")'><img src='" + boats[i].thumb + "' onmouseover='this.className=\"galleryMenuHi\"' onmouseout='this.className=\"galleryMenuNormal\"' class=\"galleryMenuNormal\" /></a></td>"
			txt += "<td vAlign=top><table><tr><td class=textClass style=font-weight:bold vAlign=top>" + boats[i].header + "</td></tr><tr><td class=textClass vAlign=top>" + boats[i].shortDesc + "</td></tr></table></td>"
			txt += "</tr>";
		}

	}	
		txt+="</table>"

	if(sPage == "Installs")		
		document.getElementById("divGalleryBody").innerHTML = txt;

}

//**************************************//
function showInstall(iVal){
	var txt="<table cellpadding=5 width='95%'><tr><td align=right><a href='#' onclick='buildInstallList()'><img src='images/headers/back.jpg' border='0'/></a></td></tr><tr><td class=textClass style=font-weight:bold;font-size:18px vAlign=top>" + boats[iVal].header + "</td></tr>"
	txt +="<tr><td class=textClass style=font-size:12px>" + boats[iVal].desc + "</td></tr>"
	txt +="<tr><td><img src='images/headers/equipment.jpg'/></td></tr>"
	txt +="<tr><td>" + showInstallGear(boats[iVal]) + "</td></tr>"
	txt +="<tr><td>" + showInstallImages(boats[iVal]) + "</td></tr>"

	txt+="</table>"

	document.getElementById("divGalleryBody").innerHTML = txt;
	
			initLightbox();

}

//**************************************//
function showInstallGear(boat){
	var txt="<ul>";
	for(var i=0;i<boat.gear.length;i++){
		txt+="<li class=textClass>" + boat.gear[i]
	}
	txt+="</ul>"
	return txt;
}

//**************************************//
function showInstallImages(boat){
	var txt="<table width='100%'>";
	var iCount = 0;
	for(var i=0;i<boat.image.length;i++){
		if(iCount == 0)
			txt+="<tr>";

		txt+="<td align=center><a href='" + boat.image[i].name + "' rel=\"lightbox[aaa]\" title=\"\">" + "<img src='" + boat.image[i].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+="</table>"
	return txt;
}


var boats = new Array();



//******************************************//
function boatClass(){
	this.header = "";
	this.thumb = "";
	this.shortDesc = "";
	this.desc = "";
	this.gear = new Array();
	this.image = new Array();

	return this;
}

//*****************************************//
function boatImageClass(){
	this.name = "";
	this.thumb = "";
	this.desc = "";
	
	return this;
}



//		<IMAGE Name="http://www.avcmarine.com/gallerypics/white%20boat%20001.jpg" Thumb="http://www.avcmarine.com/gallerypics/white%20boat%20001_small.jpg" Desc="Description 1"/>
//		<IMAGE Name="http://www.avcmarine.com/gallerypics/white%20boat%20003.jpg" Thumb="http://www.avcmarine.com/gallerypics/white%20boat%20003_small.jpg" Desc="Description 2"/>
//		<IMAGE Name="http://www.avcmarine.com/gallerypics/white%20boat%20006.jpg" Thumb="http://www.avcmarine.com/gallerypics/white%20boat%20006_small.jpg" Desc="Description 3"/>
//		<IMAGE Name="http://www.avcmarine.com/gallerypics/white%20boat%20005.jpg" Thumb="http://www.avcmarine.com/gallerypics/white%20boat%20005_small.jpg" Desc="Description 4"/>