var sys_menubar = null;
var menuRoot;
var subMenusArray = new Array();

function InitMenu()
{

	menuRoot =  document.getElementById('sys_menubar');
	
	var menuItems = menuRoot.children;
	
	for(var i=0;i < menuItems.length;i++)
        {
        	
        	//if(menuItems[i].hasAttribute('menu')){
        	if(menuItems[i].attributes['menu']){
        		
        		theMenuItem = menuItems[i];
        		
        		
        		
        		var subMenuID = theMenuItem.getAttribute('menu');
        		
        		theMenuItem.theSubmenu = subMenuID;
        		theMenuItem.onmouseover = function(){
        			ShowMenu(this.theSubmenu);
        		};
        		
			theSubmenu = document.getElementById(subMenuID);
			//alert(theMenuItem.offsetTop);
			menuRoot.appendChild(theSubmenu);
			
			offsets = getOffset(theMenuItem);

			/*
			theSubmenu.style.top = offsets[1] +  'px';
			theSubmenu.style.left = offsets[0] +  'px';
			
			*/
			theSubmenu.style.top = theMenuItem.offsetTop +  'px';
			theSubmenu.style.left = 226 + theMenuItem.offsetLeft +  'px';
			
			//theSubmenu.style.positioning = 'absolute';
			
        		subMenusArray.push(theSubmenu);
        		
        	}else{
        		
			theMenuItem = menuItems[i];
			
			//alert(theMenuItem.id.substring(0, 4));
			if(theMenuItem.id.substring(0, 4) != 'sys_'){
					
				theMenuItem.onmouseover = function(){
					HideMenu();
				};
			}
        	}
        }
}

function HideMenu(){
	
	//alert(menuRoot);
	for(var i=0;i < subMenusArray.length;i++)
        {
        	subMenusArray[i].style.visibility = 'hidden';
        }

}

function ShowMenu(theMenuID){
	
	
	var theSubMenu =  document.getElementById(theMenuID);
	//alert(theMenuID);
	theSubMenu.style.visibility = 'visible';
	

}

function getOffset(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
					
		return [curleft,curtop];
	}
}

/*
function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };
}
*/