jQuery( document ).ready( function($) {  
     var navTimers = [];  
     $( "#menu ul .menu > li" ).hover(  
         function () {  
             var id = jQuery.data( this );  
             var $this = $( this );  
             navTimers[id] = setTimeout( function() {  
                 $this.children( 'ul' ).fadeIn( 300 );  
                 navTimers[id] = "";  
             }, 300 );  
         },  
         function () {  
             var id = jQuery.data( this );  
             if ( navTimers[id] != "" ) {  
                 clearTimeout( navTimers[id] );  
             } else {  
                 $( this ).children( "ul" ).fadeOut( 200 );  
     }  
 }  
);  
});