/* Navigation in jQuery
-------------------------------------------------------------------------------------------------------------------------------------*/
/* Sets the top left position of the submenu container */
function AjustSubmenuContainer(elementID) {               
    var subElementID = "submenu_" + elementID;   
    if (jQuery('#'+ subElementID).attr("id") != null) {              
        var offset = jQuery('#'+ elementID).offset();                                             
        jQuery('#'+ subElementID).css("left", offset.left-24);      
    }
} 
 
//When the window is resized a new offset is caculated to ajust the submenu container positions.
jQuery(window).resize(function() {            
    jQuery("#menus div.level1").each(
        function () {              
            AjustSubmenuContainer(jQuery("span", this).attr("id"));  
        }
    );                          
});            
         
jQuery(document).ready(function() {             

    //Set the left point of the sub sections
    jQuery("#menus div.level1").each(
        function () {  
            AjustSubmenuContainer(jQuery("span", this).attr("id"));                        
        }
    );
                
    jQuery('#menus div.level1').hover(
        function() {
            jQuery("#submenus").removeClass('hovered');
            jQuery("#submenus").removeClass('Level2Only');
            jQuery("#submenus").removeClass('Level2Only_1Column');
            jQuery("#submenus .submenu").hide();                          
            jQuery('#menus div').removeClass('hovered');                                        
            jQuery('#menus div.level1 a').removeClass('hovered');                        
            jQuery("span", this).parent().addClass('hovered');
            jQuery("span", this).addClass('hovered');
            
            var elementIndex = jQuery("span", this).attr("id");
            var subElementID = "submenu_" + elementIndex;                                                      
            jQuery('#'+ subElementID).show();                   
        }                                       
    );
            
    jQuery('#ExpandingMenu').hover(
        function() {},
        function() { 
            jQuery("#submenus .submenu").hide(); 
            jQuery("#submenus").removeClass('hovered');
            jQuery("#submenus").removeClass('Level2Only');
            jQuery("#submenus").removeClass('Level2Only_1Column');
            jQuery('#menus div').removeClass('hovered'); 
            jQuery('#menus div.level1 a').removeClass('hovered');
            jQuery("#submenus .submenu .level2.HasLevel3 .Level3Container").hide(); 
        }
    );
    
    jQuery("#submenus .submenu").hover(
        function() {},
        function() {                 
            jQuery("#submenus").hover(
                function() {},
                function() {                                                 
                    jQuery("#submenus .submenu").hide(); 
                    jQuery("#submenus").removeClass('hovered');
                    jQuery("#submenus").removeClass('Level2Only');
                    jQuery("#submenus").removeClass('Level2Only_1Column');
                    jQuery('#menus div').removeClass('hovered'); 
                    jQuery('#menus div.level1 a').removeClass('hovered');
                    jQuery("#submenus .submenu .level2.HasLevel3 .Level3Container").hide(); 
                }
            );                                               
        }
    );    
    
    jQuery("#submenus .submenu .level2.HasLevel3 .Level3Container").hide();
    jQuery('#submenus .submenu .level2.HasLevel3').click(
        function () {                                
            if (jQuery(".Level3Container", this).css('display') == 'none') {                                                                    
                jQuery("#submenus .submenu .level2.HasLevel3 .Level3Container").slideUp();                      
                jQuery(".Level3Container", this).fadeIn();
            }
            else{
                jQuery("#submenus .submenu .level2.HasLevel3 .Level3Container").slideUp();   
            }
        }
    )

});