var timeOut	= 300;
var closeTimer	= 0;
var ddMenuItem	= 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';
	//document.getElementById('size63').style.visibility = 'visible';		
}

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

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

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