function menu(){	
	this.menuItems = Array();
	this.selectedMenuItem = null;
	this.selectedSubMenuItem = null;
	this.writeMenu = writeMenu;
	this.expandMenuItem = expandMenuItem;
}

function menuItem(){
	this.title = null;
	this.link = null;
	this.subMenuItems=null;
	this.subMenuItemsExpanded=false;
}

function expandMenuItem(menuItem){
	for (s in this.menuItems){
		obj=document.getElementById(s);
		switch (s){
			case menuItem:
			if(obj) {
				if (!this.menuItems[s].subMenuItemsExpanded) {
					obj.style.display=(obj.style.display=='none') ? 'inline' : 'none';
				}
			}
			break;
			
			case this.selectedMenuItem: 
			if (obj) obj.style.display='inline';
			break;
			
			default :
			if(obj) {
				if (!this.menuItems[s].subMenuItemsExpanded) obj.style.display='none';
			}
		}
	}
}

function writeMenu(){
	document.write(getMenu(this));
}


function getMenu(menuObj){
 s="";
 for (i in menuObj.menuItems){
 	 if (i == menuObj.selectedMenuItem) menuObj.menuItems[i].subMenuItemsExpanded = true;
	 dsp=(menuObj.menuItems[i].subMenuItemsExpanded) ? "display:inline" : "display:none";
	 menuItemLink = (menuObj.menuItems[i].subMenuItems) ? "<A class=sub href=\"javascript:void(0)\" onClick=\"javascript:myMenu.expandMenuItem('" + i + "')\">": "<a class=sub href=\"" + menuObj.menuItems[i].link + "\">";
	 s+="<div style=\"line-height: 9px;top: 0px;\";>&nbsp;&nbsp;&nbsp;&nbsp;" + menuItemLink + "<b>" + menuObj.menuItems[i].title  + "</b></A></div>";
	 s+="<div id=\"" + i + "\" style=\"line-height: 19px; " + dsp + "\">"
	 for (j in menuObj.menuItems[i].subMenuItems){
	  	 bgc = (j == menuObj.selectedSubMenuItem)? " style='background-color:D0C8C3'" : "";
     	 s+= "<div id=\"" + j + "\" onMouseOver=\"mouseMe('" + j + "',true)\" onMouseOut=\"mouseMe('" + j + "',false)\"" + bgc + ">&nbsp;&nbsp;&nbsp;&nbsp;<a class=sub href=\"" + menuObj.menuItems[i].subMenuItems[j].link  + "\">" + menuObj.menuItems[i].subMenuItems[j].title  + "</a></div>";
	 }
	 s+= "</div>";
	 s+= "<div style=\"line-height: 7px\"><img height=7 src=\"img/pixel.gif\" width=\"100%\"></div>";
	 s+= "<div style=\"line-height: 1px\;text-align: center;\"><img height=1 src=\"img/pixel_gris.gif\" width=\"83%\"></div>";
	 s+= "<div style=\"line-height: 7px\"><img height=7 src=\"img/pixel.gif\" width=\"100%\"></div>";
	 }
 return s;
}

function mouseMe(subMenuItem,a){
	if(subMenuItem != myMenu.selectedSubMenuItem){
 		divObj= document.getElementById(subMenuItem);
 		divObj.style.backgroundColor = (a) ? 'D0C8C3' : 'efefef';
	}
}

//create menu instance
myMenu = new menu();

myMenu.menuItems["Specials"]= new menuItem();
myMenu.menuItems["Specials"].title= "Special projects";
myMenu.menuItems["Specials"].subMenuItemsExpanded= true;

myMenu.menuItems["Specials"].subMenuItems = Array();
myMenu.menuItems["Specials"].subMenuItems["Special1"] = new menuItem();
myMenu.menuItems["Specials"].subMenuItems["Special1"].title = "Industry elevators";
myMenu.menuItems["Specials"].subMenuItems["Special1"].link = "tbv-specials.html";

myMenu.menuItems["Specials"].subMenuItems["Special2"] = new menuItem();
myMenu.menuItems["Specials"].subMenuItems["Special2"].title = "MOB device";
myMenu.menuItems["Specials"].subMenuItems["Special2"].link = "tbv-mob-device.html";

myMenu.menuItems["Specials"].subMenuItems["Special3"] = new menuItem();
myMenu.menuItems["Specials"].subMenuItems["Special3"].title = "Clipper";
myMenu.menuItems["Specials"].subMenuItems["Special3"].link = "tbv-clipper.html";

myMenu.menuItems["Specials"].subMenuItems["Special4"] = new menuItem();
myMenu.menuItems["Specials"].subMenuItems["Special4"].title = "RETF";
myMenu.menuItems["Specials"].subMenuItems["Special4"].link = "tbv-retf.html";

myMenu.menuItems["Specials"].subMenuItems["Special5"] = new menuItem();
myMenu.menuItems["Specials"].subMenuItems["Special5"].title = "CWM";
myMenu.menuItems["Specials"].subMenuItems["Special5"].link = "tbv-cwm.html";