$(document).ready(function() {

    var config = {
        over: OpenMenu, // function = onMouseOver callback (REQUIRED)    
        timeout: 500, // number = milliseconds delay before onMouseOut    
        out: CloseMenu // function = onMouseOut callback (REQUIRED)    
    };

    function OpenMenu() {
        $(this).children('ul').slideDown();
    }

    function CloseMenu() {
        $(this).children('ul').slideUp();
    }

    $(".mainMenu li").hoverIntent(config);

});