var timeout	= 700;
var closetimer = 0;
var menutimer = 0;
var ddmenuitem = 0;

// open hidden layer
function menuOpen(id){	
	// cancel close timer
	menuCancel();
	
	// old mainmenu highlight
	if(ddmenuitem){
		ddmenuitem.style.visibility = 'hidden';
		menuCloseHighlight();
	}

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	
	//highlight mainmenu item
	mainmenuitem_id = id.replace("_submenu", "");
	mainmenuitem = document.getElementById(mainmenuitem_id);
	mainmenuitem.setAttribute("class", "mainmenu_items_submenu_hover");
	//support IE
	mainmenuitem.setAttribute("className", "mainmenu_items_submenu_hover");
}

function setActiveClass(tabID) {

var currTabElem = document.getElementById(tabID);

currTabElem.setAttribute("class", "some_class_name");
currTabElem.setAttribute("className", "some_class_name");

return;
} 

// old mainmenu highlight
function menuCloseHighlight(){
	mainmenuitem.setAttribute("class", "");
	//support IE
	mainmenuitem.setAttribute("className", "");
}

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

// go close timer
function menuCloseTime(){
	closetimer = window.setTimeout(menuClose, timeout);
	menutimer = window.setTimeout(menuCloseHighlight, timeout);
}

// cancel close timer
function menuCancel(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	if(menutimer){
		window.clearTimeout(menutimer);
		menutimer = null;
	}
}
// close layer when click-out
document.onclick = menuClose;