var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function mopen(id){				// open hidden layer
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem){ 
		ddmenuitem.style.visibility = 'hidden';
		
		//change the parent menu style
		pmenu = ddmenuitem.parentNode.getElementsByTagName('span');
		pmenu[0].className='menuitem';
		pmenu[1].className='menuitem_left';
		pmenu[2].className='menuitem_right';
		pmenu[3].className='menuitem_inner';		
	}

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

	//change the parent menu style
	pmenu = ddmenuitem.parentNode.getElementsByTagName('span');
	pmenu[0].className='menuitem_hover';
	pmenu[1].className='menuitem_left_hover';
	pmenu[2].className='menuitem_right_hover';
	pmenu[3].className='menuitem_inner_hover';
	
}
function mclose(){				// close showed layer
	if(ddmenuitem){
		ddmenuitem.style.visibility = 'hidden';
		
		//change the parent menu style
		pmenu = ddmenuitem.parentNode.getElementsByTagName('span');
		pmenu[0].className='menuitem';
		pmenu[1].className='menuitem_left';
		pmenu[2].className='menuitem_right';
		pmenu[3].className='menuitem_inner';				
	}
}
function mclosetime(){			// go close timer
	closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime(){	// cancel close timer
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function mactive(element){

}

function mdeactive(element){

}

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