var timeout	= 600;
var endTimer	= 0;
var menuObject	= 0;

// expand drop-down menu
function menuExpand(id)
{	
	// cancel menu close
	cancelMenuClose();

	// close previous menu
	if(menuObject) menuObject.style.visibility = 'hidden';

	// get new menu and show it
	menuObject = document.getElementById(id);
	menuObject.style.visibility = 'visible';

}

// close menu
function menuClose()
{
	if(menuObject) menuObject.style.visibility = 'hidden';
}

// Close menu timer
function menuCloseTimer()
{
	endTimer = window.setTimeout(menuClose, timeout);
}

// cancel close timer
function cancelMenuClose()
{
	if(endTimer)
	{
		window.clearTimeout(endTimer);
		endTimer = null;
	}
}

// close layer when click-out
document.onclick = menuClose;