/*	Simple JavaScript for using drop down menus on a page. Call
ShowMenu() in some event handler (eg. a mouseover) and pass the
id of a layer to show that layer. Call HideMenus() on the mouseout
handler of the activating button. There is a delay before the layer is
actually hidden which allows a call to RefreshMenu() to cancel the
hide message. Call RefreshMenu() on the layer mouseover and
HideMenus() on the mouseout. */

// globals
var	timerOn = false;	// true when we are timing down to hide the layers.
var	timerID = null;		// holds a refrence to the timer object.
var	timecount = 200;	// period to wait before hidding menus.


function ShowMenu(layerName) // show one particular layer.
{
	MenusOff();
	document.all[layerName].style.visibility = "visible";
	RefreshMenu();
}

function MenusOff() // hide all layers instantly.
{
	document.all["corporatemenu"].style.visibility = "hidden";
	document.all["productsmenu"].style.visibility = "hidden";
	document.all["clientmenu"].style.visibility = "hidden";
}

function HideMenus() // time down and then hide all layers.
{
	if (timerOn == false)
	{
		timerID = setTimeout("MenusOff()", timecount);
		timerOn = true;
	}
}

function RefreshMenu() // cancel timeout on layer.
{
	if (timerOn == true)
	{
		clearTimeout(timerID);
		timerID = null;
		timerOn = false;
	}
}