var timeout_i	= 100;
var closetimer_i	= 0;
var ddmenuitem_i	= 0;

// open hidden layer
function mopen_i(id){	
	// cancel close timer
	mcancelclosetime_i();

	// close old layer
	if(ddmenuitem_i){
		ddmenuitem_i.style.visibility = 'hidden';
		
		//seta o style do menu
		var mi=document.getElementById("menu_"+ddmenuitem_i.id);
		mi.style.color="#000000";
		mi.style.backgroundColor="#ffffff";
		//seta o style da seta
		var mi_ar=document.getElementById("arrow_"+ddmenuitem_i.id);
		mi_ar.src="images/menu/arrow_black.gif";
	}

	// get new layer and show it
	ddmenuitem_i = document.getElementById(id);
	ddmenuitem_i.style.visibility = 'visible';
	
	//seta o style do menu
	var mi=document.getElementById("menu_"+ddmenuitem_i.id);
	mi.style.color="#ffffff";
	mi.style.backgroundColor="#232223";
	//seta o style da seta
	var mi_ar=document.getElementById("arrow_"+ddmenuitem_i.id);
	mi_ar.src="images/menu/arrow.gif";
	
}
// close showed layer
function mclose_i(){
	if(ddmenuitem_i){
		ddmenuitem_i.style.visibility = 'hidden';
		
		//seta o style do menu
		var mi=document.getElementById("menu_"+ddmenuitem_i.id);
		mi.style.color="#000000";
		mi.style.backgroundColor="#ffffff";
		//seta o style da seta
		var mi_ar=document.getElementById("arrow_"+ddmenuitem_i.id);
		mi_ar.src="images/menu/arrow_black.gif";
	}
}

// go close timer
function mclosetime_i(){
	closetimer_i = window.setTimeout(mclose_i, timeout_i);
}

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

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