var timeout         = 600;
var closetimer		= 20;
var ddmenuitem      = 0;
// open hidden layer
function menu_open(id)
{	
	// cancel close timer
	
	menu_cancel_close_time();
	// close old layer
	if(id == 'listahome')
	{
		 document.getElementById('listahome').style.display = 'block';
		 document.getElementById('listcmls').style.display = 'none';	
		 document.getElementById('listcommunity').style.display = 'none';	
		 document.getElementById('listtools').style.display = 'none';	
		 document.getElementById('listpartner').style.display = 'none';	
	}
	else if(id == 'listcmls')
	{
		 document.getElementById('listcmls').style.display = 'block';
		 document.getElementById('listahome').style.display = 'none';
		 document.getElementById('listcommunity').style.display = 'none';	
		 document.getElementById('listtools').style.display = 'none';	
		 document.getElementById('listpartner').style.display = 'none';
	}
	else if(id == 'listcommunity')
	{
		 document.getElementById('listcommunity').style.display = 'block';	
		 document.getElementById('listcmls').style.display = 'none';
		 document.getElementById('listahome').style.display = 'none';
		 document.getElementById('listtools').style.display = 'none';	
		 document.getElementById('listpartner').style.display = 'none';
	}
	else if(id == 'listtools')
	{
		 document.getElementById('listtools').style.display = 'block';	
		 document.getElementById('listcommunity').style.display = 'none';	
		 document.getElementById('listcmls').style.display = 'none';
		 document.getElementById('listahome').style.display = 'none';
		 document.getElementById('listpartner').style.display = 'none';
	}
	else if(id == 'listpartner')
	{
		 document.getElementById('listpartner').style.display = 'block';	
		 document.getElementById('listtools').style.display = 'none';	
		 document.getElementById('listcommunity').style.display = 'none';	
		 document.getElementById('listcmls').style.display = 'none';
		 document.getElementById('listahome').style.display = 'none';
	}
	
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

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

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

// go close timer
function menu_close_time()
	{
		closetimer = window.setTimeout(menu_close, timeout);
	}
// cancel close timer
function menu_cancel_close_time(v)
	{	
		if(closetimer)
		{
			window.clearTimeout(closetimer);
			closetimer = null;
		}	
	}

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