/*
**** Insert the following in the header
<SCRIPT LANGUAGE="JavaScript1.2" src="--directory--/HideLayersV2.js"></SCRIPT>

**** Insert tags like the following into the page 
<DIV ID="e1Parent">
	<A HREF="#" onClick="ToggleLayer('e1'); return false;"><IMG id="e1Image" src="image.gif">The Caption</A>
</DIV>
<DIV ID="e1Child">
	the hidden text
</DIV>
*/

var imageUp = "/Images/ArrowUp.gif"
var imageDown = "/Images/ArrowDown.gif"

function ToggleLayer(eID)
{
	if(document.getElementById((eID + "Child")).style.display == "block")
	{
		document.getElementById((eID + "Child")).style.display = "none";
		document.getElementById((eID + "Image")).setAttribute("src", imageDown);
		if(imageDown == "") document.getElementById((eID + "Image")).setAttribute("width", "0");
		else document.getElementById((eID + "Image")).removeAttribute("width");
	}
	else
	{
		document.getElementById((eID + "Child")).style.display = "block";
		document.getElementById((eID + "Image")).setAttribute("src", imageUp);
		if(imageUp == "") document.getElementById((eID + "Image")).setAttribute("width", "0");
		else document.getElementById((eID + "Image")).removeAttribute("width");
	}
}

//will change the image source dynamically if needed
function SetImages(imgUp, imgDown)
{
	imageUp = imgUp;
	imageDown = imgDown;
}

//initial call to hide layers
function HideLayers()
{
	//alert(document.forms[0].items);

	var i;
	var objArray = document.getElementsByTagName("div");
	var temp;
	
	for(i=0;i<objArray.length;i++)
	{
		temp = objArray[i].id;
		if((temp.substr(0,1) == "e") && (temp.substr((temp.length - 5), (temp.length - 1)) == "Child"))
		{
			objArray[i].style.display = "none";
		}
	}
	
}

onload=HideLayers;