window.addEvent("domready", function() {
	initMen();
});	


var cur_menu = null;
var cur_item = null;
var cur_item_id = null;

function initMen() {
	var toolBarDiv = document.getElementById("mlvl2");
	var containedULElements = toolBarDiv.getElementsByTagName("ul");
	
	// run through all contained elements:
	for (var i = 0; i < containedULElements.length; i++) {
		var elem = containedULElements[i];
		//elem.style.visibility = "hidden";
		$(elem).fade('hide');
	}
}

Menu = {timer : null, current : null};
Menu.getStyle = function(name){
	if(document.getElementById) return document.getElementById(name).style;
	else if(document.all) return document.all[name].style;
	else if(document.layers) return document.layers[name];
}

Menu.show = function(id, is_menu){
	
	// another menu may be visible so hide
	Menu.doHide();
	
	if(this.timer) clearTimeout(this.timer);
	this.current = id;
	cur_menu = document.getElementById("smenu" + id);
	cur_item = document.getElementById("smenu" + id + "_item");
	cur_item_id = id;

	//cur_menu.style.zOrder = 100;
	
	// check if there is a submenu for this item
	if ( cur_menu != null )
	{
		//cur_menu.style.visibility = "visible";
		$(cur_menu).setStyle('z-index', 1);
		$(cur_menu).fade(1);
	}
	// hilite product menu link
	this.rollOverItem(cur_item);

	/*var fred = document.getElementById("fred")
	fred.innerHTML = cur_item.id + " - " + cur_menu.id;*/

}

Menu.hide = function(){
	this.timer = setTimeout("Menu.doHide()",100);
}
Menu.doHide = function(){
	if(this.current){

		// hilite product menu link
		this.current = null;
		if ( cur_menu != null )
		{
			//cur_menu.style.visibility = "hidden";
			$(cur_menu).setStyle('z-index', -1);
			$(cur_menu).fade(0);
		}
		this.rollOutItem(cur_item);
		
		cur_menu = null;
		cur_item = null;
		cur_item_id = null;
		
	}
}

Menu.rollOverItem = function(item) {
	item.className = "menu_item_active";
}

Menu.rollOutItem = function(item) {
	item.className = "menu_item";
}

Menu.rollOverSubItem = function(item) {
	item.className = "sub_menu_item_active";
}

Menu.rollOutSubItem = function(item) {
	item.className = "sub_menu_item";
}