$(document).ready( function() {                                                     
                                                                                    
    $('#menu > li').hoverIntent({                                                   
        sensitivity: 4, // threshold in pixels for mouse movements                  
        interval: 50,       // how often does it check, in milliseconds             
        over: function() {  // function to call when hovering                       
            $(this).addClass('over').find('ul').show();                             
        }, timeout: 300,    // how long to wait before calling the next function    
        out: function() {   // function to call when done hovering                  
            $(this).removeClass('over').find('ul').hide();                          
        }                                                                           
    });                                                                             

});