//main nav
jQuery(document).ready(        
    function()
    {                                
        var navImage = ".navImage";       
        var mouseOverOn = ".mouseOverImageOnUrl";    
        var navImgOff = ".navImgOff";    
        var navImgOn = ".navImgOn";    
        
        var megaMenuDiv=".menudd";
        var currentImgSrc='';       
        var stayOpen = false;	
       
        //navigation mouseover
        $(navImage).parents('li').bind("mouseenter",  
        function() 
        { 
            $(megaMenuDiv).css('visibility', 'hidden'); 
        
            //highlight current link and display mega menu            
            var element = $(this);            
            highlightImage(element.find(navImage));
            element.find(megaMenuDiv).css('visibility', 'visible');    
            stayOpen = false;    
        });
        
        //navigation mouseout
        $(navImage).parents('li').bind("mouseleave", 
        function() 
        {         
         if (!stayOpen)		        	
		   {
                var element = $(this);
                removeHighlight(element.find(navImage));
                element.find(megaMenuDiv).css('visibility', 'hidden');
            }
         });
        
        //need to keep mega menu open when clicking on dropdowns
         $(megaMenuDiv).find(":input").bind("click",
            function()
            {
                stayOpen = true;                                              		        
            }
        ).bind("focus",
            function()
            {
                stayOpen = true;                		        
            }            
        );
        
        //highlight image
        function highlightImage(currentImg)
        {        
            var element=currentImg; 
            currentImgSrc=element.attr('src');
            var imgMouseOverSrc = element.parent().find(mouseOverOn).val();
            if(currentImgSrc!='' && imgMouseOverSrc!='')
            {
                element.attr('src', imgMouseOverSrc);              
            }
        }
        
        //remove highlight
        function removeHighlight(currentImg)
        {
            var element=currentImg;   
            if(currentImgSrc!='' )
            {           
                element.attr('src', currentImgSrc);  
            }
        }

    }
);