/* show/hide menus */
var show = "block";
var hide = "none";
var navNumber = "";
var dropdownTimer;
var curButton = "";
var curImage = "";

var menuNum = "";
var imgRef = "";
 
function setNeededVars(menuNumber, imgReference)
{
    menuNum = menuNumber;
    imgRef = imgReference;
}
 
function pauseDropdowns()
{
    showSubnav(menuNum,imgRef);
    removeSubnavTimeouts();
    WCH.Apply(navNumber);
}

function showSubnav(nav, buttonImage)
{
	// showing dropdown
	if (navNumber.indexOf(nav) == -1 && navNumber != "") {
		hideSubnav();
	}
	navNumber = "menu" + nav;
	document.getElementById(navNumber).style.display = show;
	//k = setTimeout('document.getElementById(navNumber).style.display = show;', 1100)
	//WCH.Apply("header","menu0");

	// set button to "on" state
	var button = "menuButton" + nav;
	document.getElementById(button).childNodes[0].className = "on";
	curButton = button;
}

function hideSubnav()
{
	if (navNumber != "") {
		turnOffNavButton();
		document.getElementById(navNumber).style.display = hide;
		WCH.Discard(navNumber);
		navNumber = "";
	}
}

function removeSubnavTimeouts()
{
	clearTimeout(dropdownTimer);
}

function turnOffNavButton()
{
	document.getElementById(curButton).childNodes[0].className = "";
	curButton = "";
}

/* over/off menu row */
var oldClass = "";
function highlightRow(menuRow)
{
	// Backup class info for mouseout event
	oldClass = menuRow.className;
	// Switch class to "on" class
	menuRow.className = "menuContainerHover";
}

function deHighlightRow(menuRow)
{
	// Switch back to "off" class.
	menuRow.className = oldClass;
}