var activeDiv;
function revealDiv(myDiv, myHeight, timer)
{
	if(!hiding)
	{
		myDiv.style.display = "block";
		if(myDiv.offsetHeight < myHeight)
		{
			var currentHeight = myDiv.style.height;
			currentHeight = currentHeight.substring(currentHeight, (currentHeight.length-2));
			nextHeight = parseInt(currentHeight) + (myHeight / 8);
			if(nextHeight > myHeight)
			{
				myDiv.style.height = "100%";
				myDiv.style.overflow = "visible";
			}
			else
			{
				myDiv.style.height = nextHeight + "px";
				setTimeout("revealDiv(activeDiv, "+myHeight+", "+timer+")", timer);
			}
		}
		else
		{
			myDiv.style.height = "100%";
			myDiv.style.overflow = "visible";
		}
	}
	else
	{
		myDiv.style.display = "none";
		setTimeout("revealDiv(activeDiv, "+myHeight+", "+timer+")", timer);
	}
}

var hidingDiv;
var hiding = false;
function hideDiv(myDiv, hideHeight, timer)
{
	if(myDiv.offsetHeight > 0)
	{
		var currentHeight = myDiv.style.height;
		currentHeight = currentHeight.substring(currentHeight, (currentHeight.length-2));
		nextHeight = parseInt(currentHeight) - (parseInt(hideHeight) / 8);
		if(nextHeight < 0)
		{
			myDiv.style.display = "none";
			myDiv.style.height = "auto";
			hiding = false;
		}
		else
		{
			myDiv.style.height = nextHeight + "px";
			setTimeout("hideDiv(hidingDiv, "+hideHeight+", "+timer+")", timer);
		}
	}
	else
	{
		myDiv.style.display = "none";
		myDiv.style.height = "auto";
		hiding = false;
	}
}

function displayArea(menuItem, hide) {
	if(menuItem.parentNode.nodeName == "P")
	{
		var clickedLI = menuItem.parentNode.parentNode.parentNode;
		if(clickedLI.nodeName != "LI")
		{
			clickedLI = clickedLI.parentNode.parentNode;
		}
	}
	else
	var clickedLI = menuItem.parentNode.parentNode;
	var nextClass = "over"
	if(clickedLI.className == "over") { nextClass="down"; }
	var parentUL = menuItem.parentNode.parentNode.parentNode;
	if(hide)
	{
		for(i=0;i<parentUL.childNodes.length;i++)
		{
			if(parentUL.childNodes[i].nodeName == "LI")
			{
				parentUL.childNodes[i].className = "down";
				for(j=0;j<parentUL.childNodes[i].childNodes.length;j++)
				{
					if(parentUL.childNodes[i].childNodes[j].nodeName == "DIV" && parentUL.childNodes[i].childNodes[j].style.display != "none" && (parentUL.childNodes[i].childNodes[j].className.indexOf("shutter_content") >= 0 || parentUL.childNodes[i].childNodes[j].className.indexOf("halfbox_content") >= 0))
					{
						hiding = true;
						hidingDiv = parentUL.childNodes[i].childNodes[j];
						targetHeight = hidingDiv.offsetHeight;
						parentUL.childNodes[i].childNodes[j].style.height = targetHeight + "px";
						parentUL.childNodes[i].childNodes[j].style.overflow = "hidden";
						hideDiv(hidingDiv, targetHeight, 5);
					}
				}
			}
		}
	}
	clickedLI.className = nextClass;
	if(nextClass == "over")
	{
		for(i=0;i<clickedLI.childNodes.length;i++)
		{
			if(clickedLI.childNodes[i].nodeName == "DIV" && (clickedLI.childNodes[i].className.indexOf("shutter_content") >= 0 || clickedLI.childNodes[i].className.indexOf("halfbox_content") >= 0))
			{
				activeDiv = clickedLI.childNodes[i];
				clickedLI.childNodes[i].style.display = "block";
				targetHeight = clickedLI.childNodes[i].offsetHeight - 14;
				clickedLI.childNodes[i].style.overflow = "hidden";
				clickedLI.childNodes[i].style.height = "0px";
				revealDiv(activeDiv, targetHeight, 5);
			}
		}
	}
	else
	{
		for(i=0;i<clickedLI.childNodes.length;i++)
		{
			if(clickedLI.childNodes[i].nodeName == "DIV" && (clickedLI.childNodes[i].className.indexOf("shutter_content") >= 0 || clickedLI.childNodes[i].className.indexOf("halfbox_content") >= 0))
			{
				hiding = true;
				hidingDiv = clickedLI.childNodes[i];
				targetHeight = hidingDiv.offsetHeight;
				clickedLI.childNodes[i].style.height = targetHeight + "px"
				clickedLI.childNodes[i].style.overflow = "hidden";
				hideDiv(hidingDiv, targetHeight, 5);
			}
		}
	}
	
}


document.write('<link href="scripts/ShutterJavascript.css" rel="stylesheet" type="text/css" />');