var activeMenu = null;
var menuTimer = 0;
var fadeInterval = 500;  // ms

//////////////////////////
//show top menu item
function subOn(menuID){
	// cancel if existing menu is already active
	if (activeMenu == Ext.get('subMenu' + menuID)) {
		clearTimeout(menuTimer);
		return;
	}
	//hide active menu if exists
	if(activeMenu != null) activeMenu.fadeOut();
	if(activeMenu != null) activeMenu.fadeOut();
	clearTimeout(menuTimer);
	//get menu for this button
	activeMenu = Ext.get('subMenu' + menuID);
	//if menu here - show it
	if(activeMenu != null){
		activeMenu.fadeIn();
	}
}

function subOff(){
	menuTimer = setTimeout("hideMenu()", fadeInterval);
}

function hideMenu(){
	if(activeMenu != null) activeMenu.fadeOut();
	activeMenu = null;
}

///////////////////////////////
//Menu items functions
function onSubMenuItem(divID){
	clearTimeout(menuTimer);
	Ext.get(divID).setStyle('color','#c0c0c0');
	Ext.get(divID).setStyle('background','url(images/menu-background-bullet.gif) no-repeat');
}

function offSubMenuItem(divID){
	menuTimer = setTimeout("hideMenu()", fadeInterval);
	Ext.get(divID).setStyle('color','#ffffff');
	Ext.get(divID).setStyle('background','');
}