window.onload = Window_load;

var imgCol = new Array();

function Window_load() {
	try {
		document.getElementById("state").onchange = StateListSelect;
	} catch(e) {
	}
	PreloadImages();
}

function PreloadImages() {
	PreloadImageCollection(document.getElementById("divNavTop").childNodes);
	PreloadImageCollection(document.getElementById("divNavMidA").childNodes);
	PreloadImageCollection(document.getElementById("divNavMidB").childNodes);
	try {
		PreloadImageCollection(document.getElementById("divNavReturn").childNodes);
		PreloadImageCollection(document.getElementById("spanBackForward").childNodes);
	} catch(e) {
	}
	try {
		PreloadMapHeader();
	} catch(e) {
	}
	return true;	
}

function ButtonHover(obj, str) {
	obj.childNodes[0].src = eval(str).src;
}

function PreloadMapHeader() {
	var j = imgCol.length;
	imgCol[j] = new Array();
	imgCol[j][0] = new Image();
	imgCol[j][0].src = "/global/images/map/map-header-off.gif";
	imgCol[j][1] = new Image();
	imgCol[j][1].src = "/global/images/map/map-header-hover.gif";
	document.getElementById("areaMapHeader").onmouseover = new Function("ButtonHover(document.getElementById('divMapHeader'), 'imgCol[" + j + "][1]')");
	document.getElementById("areaMapHeader").onmouseout = new Function("ButtonHover(document.getElementById('divMapHeader'), 'imgCol[" + j + "][0]')");
}

function PreloadImageCollection(navCol) {
	var i;
	var j = imgCol.length;
	for (i=0; i<navCol.length; i++) {
		if (navCol[i].tagName == "A") {
			imgCol[j] = new Array();
			imgCol[j][0] = new Image();
			imgCol[j][0].src = navCol[i].childNodes[0].src;
			if (imgCol[j][0].src.indexOf("-off.gif") > 0) {
				imgCol[j][1] = new Image();
				imgCol[j][1].src = "/global/images/nav/" + navCol[i].childNodes[0].id + "-hover.gif";
				navCol[i].onmouseover = new Function("ButtonHover(this,'imgCol[" + j + "][1]')");
				navCol[i].onmouseout = new Function("ButtonHover(this,'imgCol[" + j + "][0]')");
			}
			j++;
		}
	}
	return true;
}


function StateListSelect() {
	var lstStates = document.getElementById("state");
	var strState = lstStates.options[lstStates.selectedIndex].value;
	location.href = "/content/propertymap/?id=" + ID + "&state=" + strState.toLowerCase();
}


function GoToStateList(strState) {
	location.href = "/content/propertymap/?id=" + ID + "&state=" + strState.toLowerCase();
}
