// JavaScript Document   
     jQuery(document).ready(function(){         
         jQuery("ul.topnav li a ").hover(function() {   
      
           
            jQuery(this).parent().find("ul.subnav").slideDown('slow').show(); 
       
            jQuery(this).parent().hover(function() {  
             }, function(){  
                 jQuery(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up  
              });  
       
              //Following events are applied to the trigger (Hover events for the trigger)  
              }).hover(function() {  
                 jQuery(this).addClass("subhover"); //On hover over, add class "subhover"  
             }, function(){  //On Hover Out  
                 jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"  
         });  
       
     });