$(function(){
   
                   var isOnMenu  = false;
    
                   // Navigation Mouseovers 
                   $(".noSub").mouseenter(
                        function(){
                            changeButtonLight(this);
                                hideMenu();
                        });
    
                   $("#menuDiv img").mouseleave(
                        function(){
                            changeButtonDark(this);
                        });
                      
                    // Navigation Drop Downs
                    $("#navAbout").mouseenter(
                        function(){                             
                            setUpMenu("navAbout");
                            changeButtonLight(this);
                            var content = '<a href="about.aspx">LSPS</a><br /><a href="FAQ.aspx">FAQ</a><br /><a href="PDF/Order_Form.pdf">Shop LSPS</a><br /><a href="Links.aspx">Links</a>';
                            showMenu($(this),content);
                       });   
                      
                    $("#navOrg").mouseenter(
                        function(){
                           setUpMenu("navOrg");
                           changeButtonLight(this);
                           var content = "<a href='BoardOfDirectors.aspx'>Board of Directors</a><br /><a href='StandingCommittees.aspx'>Standing Committees</a><br /><a href='Honors.aspx'>Honors</a><br /><a href='Members.aspx'>Members</a><br /><a href='Districts.aspx'>Districts</a><br /><a href='SustainingMembers.aspx'>Sustaining Member Firms</a>";
                           showMenu($(this), content);
                    });
                    
                    $("#navNews").mouseenter(
                        function(){
                           setUpMenu("navNews");
                           changeButtonLight(this);
                           var content = "<a href='News.aspx'>News</a><br /><a href='CurrentEvents.aspx'>Current Events</a><br /><a href='Geocaching.aspx'>Geocaching</a>";
                           showMenu($(this), content);
                    });
                    
                    $("#navEducation").mouseenter(
                        function(){
                           setUpMenu("navEducation");
                           changeButtonLight(this);
                           var content = "<a href='Education.aspx'>Education</a><br /><a href='EducationFoundation.aspx'>Education Foundation</a>";
                           showMenu($(this), content);
                    });            
                    
                    $("#navPromoting").mouseenter(
                        function(){
                           setUpMenu("navPromoting");
                           changeButtonLight(this);
                           var content = "<a href='Promoting.aspx'>Promoting the Profession</a><br /><a href='Career.aspx'>Career</a>";
                           showMenu($(this), content);
                    });                 
                     
                    $("#MouseoverMenu").mouseenter(
                        function(){ 
                            isOnMenu = true; 
                            var parentButton = $(this).attr("class");
                           changeButtonLight("#" + parentButton); 
                        });                         
                        
                    $("#MouseoverMenu").mouseleave(
                        function(){ 
                            isOnMenu = false; 
                            var parentButton = $(this).attr("class");   
                            changeButtonDark("#" + parentButton);
                            if ($(this).hasClass(parentButton))
                                $(this).removeClass(parentButton);
                            hideMenu();
                        });   
                    $("#menuDiv").mouseleave(
                        function(){
                                hideMenu();
                        });    
                    $("#headerDiv").mouseover(
                        function(){
                            hideMenu();
                        });   
});
                
               function setUpMenu(btnName){
                            var display = $("#MouseoverMenu").css("display");
                            if ( display = "block") 
                                hideMenu();
                            $("#MouseoverMenu").addClass(btnName);                     
               }

                function showMenu(btnElement, content){
                    var position = $(btnElement).position();
                    var menu = $("#MouseoverMenu");
                    menu.css("left", position.left);
                    menu.css("top", position.top + 35); 
                    menu.html(content);
                    menu.show(100);
               } 
               
               function hideMenu(){
                   var menu =  $("#MouseoverMenu");
                   menu.hide(); 
               }
               
               function changeButtonLight(element){
                            var newSrc = $(element).attr("src");
                            newSrc = newSrc.replace("Down", "");
                            newSrc = newSrc.replace(".jpg", "Down.jpg");
                            $(element).attr("src", newSrc);               
               }
               
               function changeButtonDark(element){
                            var newSrc = $(element).attr("src");
                            newSrc = newSrc.replace("Down", "");
                            $(element).attr("src", newSrc);                
               }