function megaHoverOver() {
    
    $(this).find(".sub").stop().animate({
        height: '300'
    }, 800);
    
}

function megaHoverOut() {

    $(this).find(".sub").stop().animate({
        height: '0'
    }, 800);

}


var config = {
    sensitivity: .2, // number = sensitivity threshold (must be 1 or higher)    
    interval: 0, // number = milliseconds for onMouseOver polling interval    
    over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
    timeout: 0, // number = milliseconds delay before onMouseOut    
    out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};

    $(document).ready(function() {
        megaHoverOver();
        megaHoverOut();
        
        $("ul#topnav li").hoverIntent(config);

        $(this).find(".sub").stop().animate({
            height: '0'
        }, 0);
    });