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 += '<tr><td class="subMenu-bg"><a href="' + childItem.link + '" class="subMenu" target="' + childItem.target + '">' + childItem.name + '</a>&nbsp;&nbsp;</td></tr>';																								
		}												
	}	
	return strHTML;
}
function showMouseOverBg(oLeft, 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"><td class="menuItemOver-left">&nbsp;</td><td class="menuItemOver-bg">&nbsp;</td><td class="menuItemOver-right">&nbsp;</td></table>';
	else
		menuItemOver.innerHTML = '<table width="100%" cellspacing="0"><td class="menuItemOver-left-nochild">&nbsp;</td><td class="menuItemOver-bg">&nbsp;</td><td class="menuItemOver-right-nochild">&nbsp;</td></table>';
	menuItemOver.style.top = (oTop - 4) + "px";	
	menuItemOver.style.left = oLeft + "px";	   
	menuItemOver.style.width = oWidth + "px";	   
	menuItemOver.style.display = "";						
}
function classOut(Obj)
{
	//Obj.className = 'menuItem';
}
function showSubMenu(Obj, oMenuID)
{
	hideAll();	
	//Obj.className = 'menuItem-over';
							
	var left = findPosX(Obj);
	var top = findPosY(Obj);
					
	showMouseOverBg(left, 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();
			
	//	subMenu.innerHTML = '<table id="subMenuTable" cellspacing="0" onMouseOver="clearDelayHide()" onMouseOut="delayHide()"><tr><td class="subMenu-bg">' + strHTML + '</td></tr></table>';
		subMenu.innerHTML = '<table id="subMenuTable" border="0" cellspacing="0" onMouseOver="clearDelayHide()" onMouseOut="delayHide()"><tr><td style="padding: 0; margin: 0;"><table style="width: 100%;" cellpadding="0" cellspacing="0" border="0"><tr><td class="topl">&nbsp;</td><td class="greenbg">&nbsp;</td><td class="topr">&nbsp;</td></tr></table></td></tr>' + strHTML + '<tr><td style="padding: 0; margin: 0;"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="botl">&nbsp;</td><td class="greenbg">&nbsp;</td><td class="botr">&nbsp;</td></tr></table></td></tr></table>';
			
		subMenu.style.top = "-100px";	
		
		subMenu.style.display = "";			
				
				
		var iLeft =  (left  + (Obj.offsetWidth/2) - (subMenu.offsetWidth/2) );
		
		iLeft = (iLeft < 3) ? 3 : iLeft; 
	
		//iLeft = ( (iLeft + subMenu.offsetWidth) > document.body.offsetWidth) ? ( iLeft - ( document.body.offsetWidth - iLeft ) - 10 ) : iLeft;
						
		subMenu.style.left = iLeft + "px";	   		   									
			
		subMenu.style.top = (top + 21) + "px";	
	}
}
function hideAll()
{
	clearDelayHide();
			
	if(itemOver = document.getElementById("menuItemOver"))	
	{
		itemOver.style.display = "none";	
	}
	
	if(subMenuDiv = document.getElementById("subMenu"))	
	{
		subMenuDiv.style.display = "none";	
	}	
}
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 findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
	{
		curtop += obj.y;
	}
		
	return curtop;
}
function makeMenu(oRootItem)
{
	var strHtml = '<div><table  class="mainMenu"><tr>';
	
	for(var iMenu=0; iMenu < oRootItem.Childs(); iMenu++)
	{
		var item = oRootItem.items[iMenu];
		
		var strArrow = '<img src="/webinabox/wiab337.nsf/picture_gallery/arrow/$file/arrow.gif">';
		
		if(oRootItem.items[iMenu].link == null)
			strHtml += '<tr><td class="menuItem" align="center" onMouseOver="showSubMenu(this, '+ iMenu +')" onMouseOut="delayHide(); classOut(this);">' + strArrow + '&nbsp;&nbsp;' + item.name + '</td></tr>';		
		else						
			strHtml += '<td class="menuItem" nowrap align="center" onMouseOver="showSubMenu(this, '+ iMenu +')" onMouseOut="delayHide(); classOut(this);">' + strArrow + '&nbsp;&nbsp;<a href="' + item.link + '" class="itemLink" 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);
	}
}