var menuID;
var current;
var navPos=0;
function fixNavBarPosition(){
    var menu = $get('menuBar');
    if (menu){
        $_$('searchBoxDiv').style.marginTop='-26px';
    }
}
function InitNavigationMenu(){
    fixNavBarPosition();
    var nav=$_$('topNavBar');
    var items=getElementsByClassName('parent', nav, 'li');
    
    for(var i=0;i<items.length;i++){
        var li=items[i];
        li.onmouseover=function(){
            window.clearTimeout(menuID);
            clearMenus(); 
            
            var panel=$_$(this.id+'_panel');
            var pos=getElementPosition('topNavBar');
            panel.style.visibility='visible';
            panel.style.left=(pos.x+40)+'px';

            var menu = $get('menuBar');
            if (menu){
                panel.style.top=(pos.y)+'px';
            }else{
                panel.style.top=(pos.y+25)+'px';
            }
          
            if(this.className!=null)
                this.cssClass=this.className;
           
            if(this.className.indexOf('first') != -1){
                this.className='hoverFirst';
            }else{
                this.className='hover';
            }
            
            current=this;
            
            fixPanelGroups(panel);
        };         
        li.onmouseout=function(){menuID=window.setTimeout('clearMenus()', 350);};
        var panel=$_$(li.id+'_panel');
        panel.onmouseover=function(){window.clearTimeout(menuID);};
        panel.onmouseout=function(){menuID=window.setTimeout('clearMenus()', 350);};
    }
}
function clearMenus(){
    var nav=$_$('topNavBarPanels');
    var panels=getElementsByClassName('panel', nav, 'div');
    for(var i=0;i<panels.length;i++){
        panels[i].style.visibility='hidden'; 
    }
    
    if(current){
        if(current.cssClass!=null)
            current.className=current.cssClass;
    }   
}
function fixPanelGroups(panel){
    var groups=getElementsByClassName('group', panel, 'div');
    var maxHeight=0;
    for(var i=0;i<groups.length;i++){
        var h=getElementHeight(groups[i]);
        if(h >= maxHeight)
            maxHeight=h;
    }
    for(var i=0;i<groups.length;i++){
        groups[i].style.height=maxHeight+'px'; 
    }
}
Sys.Application.add_load(InitNavigationMenu);