// JavaScript Document
function maxlength(obj, mlength){
	if (obj.value.length>mlength)
		obj.value=obj.value.substring(0,mlength)
}

var numimages
var xmlHttp
var targSelect, targSelect2
var lst_num


function GetXmlHttpObject(handler) { 
	var objXMLHttp=null
	if (window.XMLHttpRequest) {
		objXMLHttp=new XMLHttpRequest()
	}
	else if (window.ActiveXObject) {
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
	}
	return objXMLHttp
}

var subHeading;

function getSuburbList(value,level,area) {
	if (value>0) {
		switch(level) {
			case 3: targSelect = document.getElementById('add_district'); break;
			case 2: targSelect = document.getElementById('add_city'); break;
			case 1: targSelect = document.getElementById('add_suburb'); break;
		}
		switch (area) {
			case 1: subHeading = "Please Select...";
			case 2: subHeading = "All/Any";
		}
		if (level>2) removeChildrenFromNode(document.getElementById('add_city'))
		if (level>1) removeChildrenFromNode(document.getElementById('add_suburb'))
		removeChildrenFromNode(targSelect)
		targSelect.options[0] = new Option("Loading...","")
		targSelect.disabled = true
		url= "reassets/suburb.php?v=" + value + "&l=" + level
		xmlHttp=GetXmlHttpObject()
		xmlHttp.onreadystatechange=subStateChanged 
		xmlHttp.open("GET",url,true)
		xmlHttp.send(null)
	} else {
		if (level>=2) removeChildrenFromNode(document.getElementById('add_city'))
		if (level>=1) removeChildrenFromNode(document.getElementById('add_suburb'))
	}
}


function subStateChanged() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		removeChildrenFromNode(targSelect)
		targSelect.disabled = false
		targSelect.options[0] = new Option(subHeading,"")
		var ret = xmlHttp.responseText.split("\n")
		for(var i=0;i<ret.length;i++) {
			if (ret[i]!="") {
				var val = ret[i].split(",");
				targSelect.options[i+1] = new Option(val[1],val[0]);
			}
		}
	}
}

function getTypeList(value) {
	if (value>0) {
		targSelect2 = document.getElementById('typ_sub')
		removeChildrenFromNode(targSelect2)
		targSelect2.options[0] = new Option("Loading...","")
		targSelect2.disabled = true
		url= "reassets/type.php?v=" + value
		xmlHttp=GetXmlHttpObject()
		xmlHttp.onreadystatechange=typeStateChanged 
		xmlHttp.open("GET",url,true)
		xmlHttp.send(null)
	} else {
		removeChildrenFromNode(document.getElementById('typ_sub'))
	}
}

function typeStateChanged() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		removeChildrenFromNode(targSelect2)
		targSelect2.disabled = false
		targSelect2.options[0] = new Option("Any Property Type...","")
		var ret = xmlHttp.responseText.split("\n")
		for(var i=0;i<ret.length;i++) {
			if (ret[i]!="") {
				var val = ret[i].split(",");
				targSelect2.options[i+1] = new Option(val[1],val[0]);
			}
		}
	}
}

function removeChildrenFromNode(node)
{
	while (node.hasChildNodes()) {
		node.removeChild(node.firstChild);
	}
}


var slideActive = false;
var doneSlide = false;
var slideTarg = null;
var slideCount = 0;
var slideAmount = 0;

function slideLeft() {
	clearBorders()
	if (!slideActive && scrollOn) {
		slideTarg = document.getElementById('scroll')
		slideCount = 0;
		slideAmount = -4;
		slideActive = true;
	} else {
		if (currImage==maxImage) {
			setImageActive(0)	
		} else {
			setImageActive(currImage+1)
		}
	}
}

function slideRight() {
	clearBorders()
	if (!slideActive && scrollOn) {
		slideTarg = document.getElementById('scroll')
		slideCount = 0;
		slideAmount = 4;
		slideActive = true;
	} else {
		if (currImage==0) {
			setImageActive(maxImage)	
		} else {
			setImageActive(currImage-1)
		}
	}
}

window.setInterval("doSlide()", 12);

function doSlide() {
	if (slideActive) {
		slideCount++
		var oldMarg = slideTarg.style.marginLeft
		oldMarg = oldMarg.substr(0,oldMarg.length-2)
		slideTarg.style.marginLeft = parseInt(oldMarg)+slideAmount + 'px'
		
		if (slideCount == 25) {
			slideActive  = false;
			//alert(slideTarg.lastChild.src + '..' + slideTarg.firstChild.src)
			if (slideAmount>0) {
				var oldFirst = slideTarg.removeChild(slideTarg.lastChild)
				slideTarg.insertBefore(oldFirst,slideTarg.firstChild)
			} else {
				var oldFirst = slideTarg.removeChild(slideTarg.firstChild)
				slideTarg.appendChild(oldFirst)
			}
			doneSlide = true;
			setImageActive(slideTarg.firstChild.nextSibling.nextSibling.nextSibling.name)
			slideTarg.style.marginLeft = '-100px'
		}
	}
}

function setImageActive(num) {
	clearBorders()
	slideTarg = document.getElementById('scroll')
	var targ = document.getElementById('mainImage')
	targ.src = imageDir + '/' + images[num] + '.jpg'
	currImage = num
	var targ2 = document.getElementById('img_' + num)
	targ2.style.border = '2px solid #FFBB00'
	targ2.style.margin = '2px'
	if (scrollOn && !doneSlide) {
		var arr = document.getElementById('scroll').getElementsByTagName('IMG')
		var i = 0;
		do {
			i++	
		} while (arr[i]!=targ2)
		if (i>3) {
			for (var j=3; j<i; j++) {
				var oldFirst = slideTarg.removeChild(slideTarg.firstChild)
				slideTarg.appendChild(oldFirst)
			}
		} else if (i<3) {
			for (var j=i; j<3; j++) {
				var oldFirst = slideTarg.removeChild(slideTarg.lastChild)
				slideTarg.insertBefore(oldFirst,slideTarg.firstChild)
			}
		}
	}
	doneSlide = false
}

function clearBorders() {
	var targ = document.getElementById('scroll').getElementsByTagName('IMG')
	for (var i = 0; i < targ.length; i++) {
		targ[i].style.border = 	'0'
		targ[i].style.margin = '4px'
	}
	
}