var mainItems = Array();
function Item(oName, oLink, oTarget)
{
	this.name = oName;
	this.link = oLink;
	if (oTarget == '')
		this.target = 'content';
	else
		this.target = oTarget;
	
	this.items = Array();		
}
Item.prototype.Add = function(oItem)
{ 
	this.items.push(oItem);	
}
Item.prototype.HasChilds = function()
{
	return this.items.length > 0;	
}
Item.prototype.Childs = function()
{
	return this.items.length;	
}
Item.prototype.GetSubMenuHTML = function ()
{
	var strHTML = '';
	
	if(this.HasChilds())
	{							
		for(var iChild=0; iChild < this.items.length; iChild++)
		{
			var childItem = this.items[iChild];		
								
			strHTML += '<a class="link" href="' + childItem.link + '" target="' + childItem.target + '">' + childItem.name + '</a>&nbsp;&nbsp;&nbsp;';																								
		}												
	}	
	return strHTML;
}
function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
	{
		curleft += obj.x;
	}
	return curleft;
}
function showMouseOverBg(oTop, oWidth, oHasChilds)
{
	if (!document.getElementById("menuItemOver"))
	{  
		var menuItemOver = document.createElement("div");    		
		
		menuItemOver.setAttribute("id", "menuItemOver");    		    		
		menuItemOver.style.position = "absolute";	
		menuItemOver.style.zIndex = 100;
								
		document.body.appendChild(menuItemOver);			
	}
	else
	{
		var menuItemOver = document.getElementById("menuItemOver"); 							
	}	
	if(oHasChilds)
		menuItemOver.innerHTML = '<table width="100%" cellspacing="0" cellpadding="0"><td class="menuItem"></td></table>';
	else
		menuItemOver.innerHTML = '<table width="100%" cellspacing="0" cellpadding="0"><td class="menuItem"></td></table>';
	menuItemOver.style.top = (oTop - 4) + "px";	
	
	var left = findPosX(menuItemOver);
	menuItemOver.style.left = left  + "px";	   
	menuItemOver.style.width = oWidth + "px";	   
	menuItemOver.style.display = "";						
}
function classOut(Obj)
{
	Obj.className = 'menuItem';
}
function showSubMenu(Obj, oMenuID)
{
	hideAll();
	//reset images
	for (var i=0; i<mainItems.length; i++)
	{
		document.getElementById(mainItems[i].name).className = 'menuItem';
	}
	Obj.className = 'menuItem-over';
							
	var top = findPosY(Obj);
					
	showMouseOverBg(top, Obj.offsetWidth, mainItems[oMenuID].HasChilds());
	
	if(mainItems[oMenuID].HasChilds())
	{	
		
		if (!document.getElementById("subMenu"))
		{  
			var subMenu = document.createElement("div");    		
			
			subMenu.setAttribute("id", "subMenu");    		    		
			subMenu.style.position = "absolute";	
			subMenu.style.zIndex = 100;
											
			document.body.appendChild(subMenu);			
		}
		else
		{
			var subMenu = document.getElementById("subMenu"); 													
		}	
	
		var strHTML = mainItems[oMenuID].GetSubMenuHTML();
		
		var left = findPosX(document.getElementById(mainItems[0].name)) - 7;	
		subMenu.innerHTML = '<table id="subMenuTable" cellspacing="0" cellpadding="0" width="642"><td class="subMenu">' + strHTML + '</td><td><img src="/webinabox/wiab357.nsf/picture_gallery/menuside2/$file/menuside2.jpg" border=0 id="test_id" style="position:absolute"></table>';
			
		subMenu.style.top = "-100px";
		subMenu.style.display = "";	
		subMenu.style.left = left + "px";	   		   								
		subMenu.style.top = (top + 23) + "px";
		//alert(document.getElementById('test_id').stylxe.left);
	}
}
function hideAll()
{
	clearDelayHide();
	
	if(itemOver = document.getElementById("menuItemOver"))	
	{
		itemOver.style.display = "none";	
	}
	
	if(subMenuDiv = document.getElementById("subMenu"))	
	{
		subMenuDiv.style.display = "none";	
	}	
}
function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
	{
		curtop += obj.y;
	}
	curtop += 12;		
	return curtop;
}
function makeMenu(oRootItem)
{
	var strHtml = '<div><table class="mainMenu" border=0 cellpadding=0 cellspacing=0><tr>';
	
	for(var iMenu=0; iMenu < oRootItem.Childs(); iMenu++)
	{
		var item = oRootItem.items[iMenu];
		
		if(oRootItem.items[iMenu].link == null)
			strHtml += '<td id="' + item.name + '" class="menuItem" align="center" onMouseDown="showSubMenu(this, '+ iMenu +')">' + item.name + '</td>';		
		else						
			strHtml += '<td id="' + item.name + '" class="menuItem" align="center" onMouseDown="showSubMenu(this, '+ iMenu +')"><a class="link" href="' + item.link + '" target="' + item.target + '">' + item.name + '</a></td>';
		
		mainItems[iMenu] = item;										
	}			
	strHtml += '</tr></table></div>';
	
	document.write(strHtml);
}
function delayHide()
{
	delayhide = setTimeout("hideAll()", 700);
}
function clearDelayHide()
{
	if (typeof delayhide!="undefined")
	{
		clearTimeout(delayhide);
	}
}