var timeout	= 50;
var opentimeout	= 200;
var closetimer	= 0;
var opentimer   = 0;
var ddmenuitem	= 0;

function popupopen(id)
{	
	
	
	 // cancel open timer
	
	
	if(document.getElementById('popupmenu').style.visibility == 'visible')
		document.getElementById('popupmenu').style.visibility = 'hidden';
	if(document.getElementById('popupmenu2').style.visibility == 'visible')
		document.getElementById('popupmenu2').style.visibility = 'hidden';
	
	popupcancelopentime();
	// show layer
	if(id=='popupmenu'){
		opentimer = window.setTimeout(popupopenfunction, opentimeout);
	}
	
	if(id=='popupmenu2'){
		opentimer = window.setTimeout(popupopenfunction2, opentimeout);
	}
	
	// cancel close timer
	popupcancelclosetime();

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

function popupopenfunction()
{
	// get new layer and show it
	ddmenuitem = document.getElementById('popupmenu');
	ddmenuitem.style.visibility = 'visible';
	
	// cancel open timer
	popupcancelopentime()
}


function popupopenfunction2()
{
	// get new layer and show it
	ddmenuitem = document.getElementById('popupmenu2');
	ddmenuitem.style.visibility = 'visible';
	
	// cancel open timer
	popupcancelopentime()
}



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

// go close timer
function popupclosetime()
{
	popupcancelopentime();
	closetimer = window.setTimeout(popupclose, timeout);
}

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

// cancel open timer
function popupcancelopentime()
{
	if(opentimer) {
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}

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