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
		$("#"+ddmenuitem.id).parent().find(".menuitem_hover").toggleClass("menuitem_hover").toggleClass("menuitem");
		$("#"+ddmenuitem.id).parent().find(".menuitem_left_hover").toggleClass("menuitem_left_hover").toggleClass("menuitem_left");
		$("#"+ddmenuitem.id).parent().find(".menuitem_right_hover").toggleClass("menuitem_right_hover").toggleClass("menuitem_right");
		$("#"+ddmenuitem.id).parent().find(".menuitem_inner_hover").toggleClass("menuitem_inner_hover").toggleClass("menuitem_inner");
	}

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

	//change the parent menu style

	$("#"+id).parent().find(".menuitem").toggleClass("menuitem").toggleClass("menuitem_hover");
	$("#"+id).parent().find(".menuitem_left").toggleClass("menuitem_left").toggleClass("menuitem_left_hover");
	$("#"+id).parent().find(".menuitem_right").toggleClass("menuitem_right").toggleClass("menuitem_right_hover");
	$("#"+id).parent().find(".menuitem_inner").toggleClass("menuitem_inner").toggleClass("menuitem_inner_hover");
	
}
function mclose(){				// close showed layer
	if(ddmenuitem){
		ddmenuitem.style.visibility = 'hidden';
		
		//change the parent menu style
		$("#"+ddmenuitem.id).parent().find(".menuitem_hover").toggleClass("menuitem_hover").toggleClass("menuitem");
		$("#"+ddmenuitem.id).parent().find(".menuitem_left_hover").toggleClass("menuitem_left_hover").toggleClass("menuitem_left");
		$("#"+ddmenuitem.id).parent().find(".menuitem_right_hover").toggleClass("menuitem_right_hover").toggleClass("menuitem_right");
		$("#"+ddmenuitem.id).parent().find(".menuitem_inner_hover").toggleClass("menuitem_inner_hover").toggleClass("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