var timeOut	= 500;
var subMenuCloseTimer	= 0;
var closeTimer	= 0;
var ddMenuItem	= 0;
var ddSubMenuItem	= 0;

// open hidden layer
function menuOpen(id)
{	
	// cancel close timer
	menuCancelCloseTime();

	// close old layer
	if(ddMenuItem) ddMenuItem.style.visibility = 'hidden';

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

}
// close showed layer
function menuClose()
{
	if(ddMenuItem) ddMenuItem.style.visibility = 'hidden';	
}

// go close timer
function menuCloseTime()
{
	closeTimer = window.setTimeout(menuClose, timeOut);
}

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

// open sub menu hidden layer
function subMenuOpen(id)
{	
	subMenuCancelCloseTime();
	// close old layer
	if(ddSubMenuItem) ddSubMenuItem.style.visibility = 'hidden';	
    
	ddSubMenuItem = document.getElementById(id);
	ddSubMenuItem.style.visibility = 'visible';

}
// go sub menu close timer
function subMenuCloseTime()
{    
    
	
	subMenuCloseTimer = window.setTimeout(subMenuClose, timeOut);
}
// close sub menu hidden layer
function subMenuClose(id)
{	
	if(ddSubMenuItem) ddSubMenuItem.style.visibility = 'hidden';

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



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