var menuArray;


//menu constructor
function menu(allitems,thisitem,startstate)
{ 
	divname ="set"+thisitem;
	listname = "menu"+thisitem;
	imgname = "menu_text"+thisitem;
	this.numberofmenuitems = allitems;
	this.theListElement = document.getElementById(listname);
	this.thediv = document.getElementById(divname);
	this.theimg = document.getElementById(imgname);
	this.image = "assets/images/text_menu"+thisitem+".gif";
	this.imageSelected = "assets/images/text_menu"+thisitem+"_S.gif";
	this.thediv.style.visibility = startstate;
	if (startstate=="visible")
	{
		this.theimg.src = this.imageSelected;
		this.theListElement.className = "current";
	}
	else
	{
		this.theimg.src = this.image;
		this.theListElement.className = "";
	}
}

function initializeMenu(totalMenus, selectedMenu)
{
	menuArray = new Array();
	for (var i=0;i<totalMenus;i++)
	{
		menuArray[i] = new menu(totalMenus,i+1, ((selectedMenu==(i+1))?"visible":"hidden"));
	}
}

//Reset the Menu
function resetMenu()
{
	for (var i=0;i<menuArray.length;i++)
	{
		menuArray[i].thediv.style.visibility="hidden";
		menuArray[i].theListElement.className="";
		menuArray[i].theimg.src = menuArray[i].image;
	}
}


//Change the menu item selection
function ehandler(event,theMenuNum)
{
	//Reset all the menu items
	resetMenu();
	
	//Select the right item
	menuArray[theMenuNum-1].thediv.style.visibility="visible";
	menuArray[theMenuNum-1].theListElement.className = "current";
	menuArray[theMenuNum-1].theimg.src = menuArray[theMenuNum-1].imageSelected;
}

function expandMenu(theObj)
{
	// chiude gli altri menu
	var allUL = document.getElementsByTagName('ul');
	for (var i=0; i<allUL.length;i++)
	{
		var obj = allUL[i];
		if (obj.className =="expanded" || obj.className =="collapsed") obj.className = "collapsed";
	}
	
	var menu = theObj.parentNode;
	
	for (var i=0; i<menu.childNodes.length;i++)
	{
		var obj = menu.childNodes[i];
		if(obj.nodeName.toLowerCase() == "ul") obj.className = (obj.className =="expanded") ? "collapsed":"expanded";
	}
	
}