//main nav
jQuery(document).ready(        
    function()
    {
        //navigation images
        var navImage = ".navImage";       
        var mouseOverOn = ".mouseOverImageOnUrl";    
        var navImgOff = ".navImgOff";    
        var navImgOn = ".navImgOn";    
        
        //navigation containers
        var mainNavContainer = ".nav1";
        var footerLinksContainer = ".footerlinksright";
        var topNavContainer = ".topnav";
        var liMega = ".mega";
        var megaMenuContainer = ".menu";
        var relatedLink=".relatedLink";
        var subscribe=".subscribe";
        
        //main navigation - mega menu show
        $(mainNavContainer).find(liMega).bind("mouseenter", 
        function() {
                var currentElement = $(this);
                
                //highlight image
                var currentImage = currentElement.find('.navImage');
                highlightImage(currentImage);
                
                //display mega menu                
                var currentMegaMenu = currentElement.find(megaMenuContainer);
                currentElement.addClass('hovering');
                currentMegaMenu.show();            
                stayOpen = false;    
        });
        
        //main navigation - mega menu hide
        $(mainNavContainer).find(liMega).bind("mouseleave", 
        function() {   
            if (!stayOpen)		        	
		   {         
                var currentElement = $(this);
                //unhighlight image
                 var currentImage = currentElement.find('.navImage');
                 removeHighlight(currentImage);
         
                //hide mega menu                
                var currentMegaMenu = currentElement.find(megaMenuContainer);
                currentElement.removeClass('hovering');
                currentMegaMenu.hide();
             }
             
        });
        
         //need to keep mega menu open when clicking on dropdowns
         $(mainNavContainer).find(":input").bind("click",
            function()
            {
                stayOpen = true;                                              		        
            }
        ).bind("focus",
            function()
            {
                stayOpen = true;                		        
            }            
        );
        
        
        //top navigation/footer navigation mouseover
        $(topNavContainer +"," + footerLinksContainer).find("li").bind("mouseenter", 
        function() {            
                var currentElement = $(this);
                //highlight image
                var currentImage = currentElement.find('.navImage');
                highlightImage(currentImage);
        });
        
        //top navigation/footer navigation mouseout
        $(topNavContainer +","+ footerLinksContainer).find("li").bind("mouseleave", 
        function() {        
                var currentElement = $(this);
                //unhighlight image
                 var currentImage = currentElement.find('.navImage');
                 removeHighlight(currentImage);
        });
        
        //highlight image
        function highlightImage(currentImg)
        {        
            var element=currentImg; 
            currentImgSrc=element.attr('src');
            var imgMouseOverSrc = element.parent().find(mouseOverOn).val();
            if(currentImgSrc!='' && imgMouseOverSrc!='')
            {
                //highlight image only if it's not currently active
                if(!currentImg.hasClass('navImageOn'))
                {
                    element.attr('src', imgMouseOverSrc);              
                }
            }
        }
        
        //remove highlight
        function removeHighlight(currentImg)
        {
            var element=currentImg;   
            if(currentImgSrc!='' )
            {           
                element.attr('src', currentImgSrc);  
            }
        }
        
        //related link
        $(relatedLink).bind("mouseenter", function() { $(this).addClass('linkHover'); });
        $(relatedLink).bind("mouseleave", function() { $(this).removeClass('linkHover');});
        
        //subscribe link
        $(subscribe).bind("mouseenter", function() { $(this).addClass('linkHover'); });
        $(subscribe).bind("mouseleave", function() { $(this).removeClass('linkHover');});
        
        
        $(".tab").bind("mouseenter", function() { $(this).addClass('tabHover'); });
        $(".tab").bind("mouseleave", function() { $(this).removeClass('tabHover');});
    }
);