////////////////////////////////////////////////////////////////
// GENERIC
////////////////////////////////////////////////////////////////


////////////////////////////////////////////////////////////////
// CUSTOM
////////////////////////////////////////////////////////////////

function showSubmenus() {
    
    var menu = $('siteNav');
    var activeItem = document.getElementsByClassName('currentMenuItem');
    
    if (activeItem && activeItem.length > 0) {
        
        activeItem = activeItem[0];
        
        if (activeItem.parentNode.style.display != 'block') {
            Element.addClassName(activeItem.parentNode.parentNode, 'activeChild');
            Element.show(activeItem.parentNode);
        }
    }
        
    
}

var currentSubMenu;

function attachMenuClickHandler() {

    var menu = $('siteNav');
    var menus = $A(menu.getElementsByTagName('ul'));
    menus.each(function(element){
        if($(element).hasClassName('currentSubMenuItem')){
        	   currentSubMenu = $(element); 
            }
        }
    );
    
    var items = menu.getElementsByTagName('a');

    
    for (var i = 0; i < items.length; i++) {
        items[i].onmouseover = function() {
            if (Element.hasClassName(this, 'hasChildren')) {
                var element = this.nextSibling.nextSibling;

                if (currentSubMenu) {
                    Element.hide(currentSubMenu);
                }
                currentSubMenu = element
                Element.show(element);
            } else {
                if (!Element.hasClassName(this.parentNode.parentNode, 'submenu')) {
                    if (currentSubMenu){
                        Element.hide(currentSubMenu);
                    }
                }
            }
        }
    }
}

////////////////////////////////////////////////////////////////
// ONLOAD HANDERS
////////////////////////////////////////////////////////////////

Event.observe(window, 'load', attachMenuClickHandler);
Event.observe(window, 'load', showSubmenus);