var myAccordion, stretchers, toggles, yourBrowser, lastOpen, lastImageClicked, appVersion 
var firstProperties = new Array(4);
var propertyImages = new Array();
//var propertyReference = new Array();
firstProperties[0] = new Array(1);
firstProperties[1] = new Array(1);
firstProperties[2] = new Array(1);
firstProperties[3] = new Array(1);
yourBrowser = navigator.appName;
appVersion = navigator.appVersion
lastOpen = 0;

var xmlHttp
var url

function stateChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		if (xmlHttp.status == 200) {
			document.getElementById("ajaxloader").style.display="none";
			document.getElementById("ajaxImages").innerHTML = xmlHttp.responseText;
			document.getElementById("ajaxImages").style.display="";
			//alert(document.getElementById("ajaxImages").style.display);
			//setTimeout('document.getElementById("ajaxImages").innerHTML = xmlHttp.responseText;',1000);
			//setTimeout('document.getElementById("ajaxloader").style.display="none";',1000);
			//setTimeout("document.getElementById('propertyImage').style.display=''",1000)
			galleryManager.setup();
		}
	}
} 
function GetXmlHttpObject()
{ 
var objXMLHttp=null
if (window.XMLHttpRequest)
{
	objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
	objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
} 

function getImages(pid,tablename){
url = "getImages.asp?pid="+pid+"&table="+tablename+"&rnd="+Math.random();
xmlHttp = GetXmlHttpObject()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function showPropertyPages(containerID,extraTitle,tablename) {
	for (var i = 1; i <= 4; i++) {
		if (i != containerID) {
			document.getElementById("container"+i).style.display = "none";
		}
	}	
	document.getElementById("containerLinks").style.display = "none";
	document.getElementById("container"+containerID+"Content").style.display = "";
	//document.getElementById("container"+containerID+"ImageHolder").style.display = "";
	document.getElementById("backButton").style.display = "";	
	if (extraTitle != null) {
		document.getElementById("propertyTitle").innerHTML = document.getElementById("propertyTitle").innerHTML + "&nbsp;" + extraTitle
	}	
	if (containerID == 1) init_1()
	else if (containerID == 2) init_2()
	else if (containerID == 3) init_3()
	else if (containerID == 4) init_4()
	//show first property
	document.getElementById("propertyImageHolder").style.display = "";
	showProperty(containerID,firstProperties[containerID-1][0],0,firstProperties[containerID-1][1],firstProperties[containerID-1][2],tablename);
}

function setTitle(propertyTitle) {
	document.getElementById("propertyImageText").innerHTML = propertyTitle.split(" ");
}

function showProperty(id,id2,id3,propertyTitle,propertyID,tablename) {
	//id1 = container, id2 = counts properties, id3 = property in that container
	document.getElementById("ajaxImages").style.display = "none";
	document.getElementById("ajaxloader").innerHTML = '<center><div class="ajaxLoading">Loading image...</div></center>';
	document.getElementById("ajaxloader").style.display = "";
	
	getImages(propertyID,tablename);
	
	if (yourBrowser.indexOf("Explorer") > -1) {
		if (document.getElementById("ieStretcher"+id+"_"+id3).style.display == "none") {
			if (document.getElementById("ieStretcher"+id+"_"+lastOpen)) document.getElementById("ieStretcher"+id+"_"+lastOpen).style.display = "none";
			document.getElementById("ieStretcher"+id+"_"+id3).style.display = "";
		}
		else {
			document.getElementById("ieStretcher"+id+"_"+id3).style.display = "none";
		}
		lastOpen = id3;
	}
	lastImageClicked = null
	//extraImages(id2,propertyID);
		//document.getElementById("propertyImageText").innerHTML = propertyTitle;
}

function extraImages(id,propertyID) {
var HTMLContent = "";
document.getElementById("extraImages").innerHTML = HTMLContent
var numImages = propertyImages[id][1];
//alert(id);
var i, x;
x = 1;
	for (i = 0; i < numImages; i++) {
		if (i == 0) {
		HTMLContent += "<div id='extraImageNum"+i+"' class='imageButton' style='background-color:#484848' onMouseOver='imageButton(this,\"over\",\"\","+id+");' onMouseOut='imageButton(this,\"out\",\"\","+id+");' onClick='imageButton(this,\"click\",\""+i+"\","+id+");'>";
		} else {
			HTMLContent += "<div id='extraImageNum"+i+"' class='imageButton' style='margin-left:5px' onMouseOver='imageButton(this,\"over\",\"\","+id+");' onMouseOut='imageButton(this,\"out\",\"\","+id+");' onClick='imageButton(this,\"click\",\""+i+"\","+id+");'>";
		}
		HTMLContent += "<div style='padding-left:3px;padding-top:1px'>"+x+"</div>";
		HTMLContent += "</div>";
		x++;
	}
	document.getElementById("extraImages").innerHTML = HTMLContent;
}

function imageButton (obj,action,showImage,container) {
	var bgColour = new RGBColor(obj.style.backgroundColor);
	bgColour = bgColour.toHex();
	if (action == "over") {
		if (bgColour != "#484848") obj.style.backgroundColor = "#424242";
	}else if (action == "out") {
		if (bgColour != "#484848") obj.style.backgroundColor = "#606060";
	}else if (action == "click") {
		obj.style.backgroundColor = "#484848";
		//document.getElementById("container"+container+"Image").src = propertyImages[showImage].src;
		//document.getElementById("container"+container+"ImageLink").href = propertyImages[showImage].src;
		if (lastImageClicked != null) {
			if (lastImageClicked != obj) lastImageClicked.style.backgroundColor = "#606060";
		}
		lastImageClicked = obj;
	}
}

function resetProperties() {
	for (var i = 1; i <= 4; i++) {
		if (document.getElementById("container"+i)) document.getElementById("container"+i).style.display = "";
		if (document.getElementById("containerLinks")) document.getElementById("containerLinks").style.display = "";
		if (document.getElementById("container"+i+"Content")) document.getElementById("container"+i+"Content").style.display = "none";
		if (document.getElementById("backButton")) document.getElementById("backButton").style.display = "none";
		if (document.getElementById("container"+i+"Content"+1) != null) document.getElementById("container"+i+"Content"+1).style.display = "none";
		if (document.getElementById("container"+i+"Content"+2) != null) document.getElementById("container"+i+"Content"+2).style.display = "none";
	}
	if (document.getElementById("propertyTitle")) document.getElementById("propertyTitle").innerHTML = "";
	if (document.getElementById("propertyImageHolder")) document.getElementById("propertyImageHolder").style.display = "none";
}

function init_1(){
	
	stretchers = document.getElementsByClassName('stretcher1'); //div that stretches
	toggles = document.getElementsByClassName('headers1'); //h3s where I click on
	//accordion effect
	if (yourBrowser.indexOf("Explorer") > -1) {
		for (var i=0; i < stretchers.length; i++) {
			stretchers[i].style.display = "none";
		}
	}
	if (yourBrowser.indexOf("Netscape") > -1) {
	myAccordion = new fx.Accordion(toggles, stretchers,{start: 'open-first'});
	}
}

function init_2(){
	
	stretchers = document.getElementsByClassName('stretcher2'); //div that stretches
	toggles = document.getElementsByClassName('headers2'); //h3s where I click on
	//accordion effect
	if (yourBrowser.indexOf("Explorer") > -1) {
		for (var i=0; i < stretchers.length; i++) {
			stretchers[i].style.display = "none";
		}
	}
	if (yourBrowser.indexOf("Netscape") > -1) {
	myAccordion = new fx.Accordion(toggles, stretchers,{start: 'open-first'});
	}
}

function init_3(){
	
	stretchers = document.getElementsByClassName('stretcher3'); //div that stretches
	toggles = document.getElementsByClassName('headers3'); //h3s where I click on
	//accordion effect
	if (yourBrowser.indexOf("Explorer") > -1) {
		for (var i=0; i < stretchers.length; i++) {
			stretchers[i].style.display = "none";
		}
	}
	if (yourBrowser.indexOf("Netscape") > -1) {
	myAccordion = new fx.Accordion(toggles, stretchers,{start: 'open-first'});
	}
}

function init_4(){
	
	stretchers = document.getElementsByClassName('stretcher4'); //div that stretches
	toggles = document.getElementsByClassName('headers4'); //h3s where I click on
	//accordion effect
	if (yourBrowser.indexOf("Explorer") > -1) {
		for (var i=0; i < stretchers.length; i++) {
			stretchers[i].style.display = "none";
		}
	}
	if (yourBrowser.indexOf("Netscape") > -1) {
	myAccordion = new fx.Accordion(toggles, stretchers,{start: 'open-first'});
	}
}

/***************************************************** Investors Page *******************************************************/
function toggleForm(obj){
	var e = document.getElementById(obj);
	var x = document.getElementById("investorsPage");
	if (e.style.display == "none") {
		e.style.display = "";
		if (obj == "investorsProperty"){
			investorsProperty.toggle();
		} else if (obj == "investorsDevelopment") {
			investorsDevelopment.toggle();
		}else if (obj == "investorsLogin") {
			investorsLogin.toggle();
		}else if (obj == "investorsRegister") {
			investorsRegister.toggle();
		}
		investorsPage.toggle();
	} else {
		if (obj == "investorsProperty"){
			investorsProperty.toggle();
		} else if (obj == "investorsDevelopment") {
			investorsDevelopment.toggle();
		}else if (obj == "investorsLogin") {
			investorsLogin.toggle();
		}else if (obj == "investorsRegister") {
			investorsRegister.toggle();
		}
		investorsPage.toggle();
	}
	if (document.getElementById(obj + "Close").style.display == "") {
		document.getElementById(obj + "Close").style.display = "none"
	} else {
		document.getElementById(obj + "Close").style.display = "";
	}
	/*
	if (document.getElementById("investorHolder").style.overflow == "hidden"){
		document.getElementById("investorHolder").style.overflow = "auto";
	} else {
		document.getElementById("investorHolder").style.overflow = "hidden";
	}*/
	document.getElementById("investorHolder").scrollTop = 0;
}