// -----------------------------------------
// menu drop down functionality
// http://javascript-array.com/scripts/simple_drop_down_menu/
// // -----------------------------------------
var menuDelaySeconds = .5;
var menuCloseTimerID = 0;
var tmpMenuItem = 0;

function showMenu(id)
{	
	// cancel close timer
	menuCancelCloseTimer();

	// close old layer
	if(tmpMenuItem)
	{
	    tmpMenuItem.style.visibility = 'hidden';
	} // end if test

	// get new layer and show it
	tmpMenuItem = document.getElementById(id);
	tmpMenuItem.style.visibility = 'visible';
} // end showMenu function

function hideMenu()
{
	if(tmpMenuItem)
	{
	    tmpMenuItem.style.visibility = 'hidden';
	} // end if test
} // end hideMenu function

function menuCloseTimer()
{
	menuCloseTimerID = window.setTimeout(hideMenu, (menuDelaySeconds * 1000));
} // end menuCloseTimer function

function menuCancelCloseTimer()
{
	if(menuCloseTimerID)
	{
		window.clearTimeout(menuCloseTimerID);
		menuCloseTimerID = null;
	} // end if test
} // end menuCancelCloseTimer function

// close layer when click-out
document.onclick = hideMenu;
// -----------------------------------------
// END menu drop down functionality
// -----------------------------------------

