/* hide all the forms and change link values to "more info"  */

function clearInfoForms() {
	var infoMain = document.getElementById("info_exp");
	var expBoxes = infoMain.getElementsByTagName("DIV");
	for (var i=0;i<expBoxes.length;i++) {
		if(expBoxes[i].className == "expbox") {
			expBoxes[i].style.display = "none";
		}
	}
	var infoArea = document.getElementById("info");
	var allLinks = document.getElementsByTagName("A");
	for (var x=0;x<allLinks.length;x++) {
		if (allLinks[x].className.indexOf("expander") != -1) {
			allLinks[x].firstChild.nodeValue = "Learn More";
			allLinks[x].onclick = expandInfo;			
		}
	}
}

/* first hide all, then expand target form */

function expandInfo() {
	clearInfoForms();
	infoArea = this.href.split("#");
	infoArea = infoArea[1];
	infoArea = document.getElementById(infoArea);
	infoArea.style.display = "block";
	this.firstChild.nodeValue = "Hide Form";
	this.onclick = hideInfo;
	
	return false;
}

function hideInfo() {
	clearInfoForms();
	this.firstChild.nodeValue = "Learn More";
	this.onclick = expandInfo;
	
	return false;
}

function rollOver() {
	var currSrc = this.src;
	var fileType = currSrc.substring(currSrc.lastIndexOf("."), currSrc.length);
	
	var newSrc = currSrc.replace(fileType, "_over"+fileType);	
	this.src = newSrc;
}

function rollOut() {
	var currSrc = this.src;
	var fileType = currSrc.substring(currSrc.lastIndexOf("."), currSrc.length);
	
	var newSrc = currSrc.replace("_over"+fileType, fileType);	
	this.src = newSrc;
}

function loadPNGs() {
	if(!document.all) {
		var allImgs = document.getElementsByTagName("IMG");
		for (var i=0;i<allImgs.length;i++) {
			if(allImgs[i].className.indexOf("pngreplace") != -1) {
				var currSrc = allImgs[i].src;
				var fileType = currSrc.substring(currSrc.lastIndexOf("."), currSrc.length);
				newSrc = currSrc.replace(fileType, ".png");
				allImgs[i].src = newSrc;
			}
		}
	}
}

function setupInfoLinks() {
	allLinks = document.getElementsByTagName("A");
		for(var i=0;i<allLinks.length;i++) {
			if(allLinks[i].className.indexOf("expander") != -1) {
				allLinks[i].onclick = expandInfo;
				allLinks[i].firstChild.onmouseover = rollOver;
				allLinks[i].firstChild.onmouseout = rollOut;
			}  
		}
}

window.onload = function setupPage() {
	clearInfoForms();
	setupInfoLinks();
	loadPNGs();
	
}