Megadrop problemer

Jeg er ved at lave en megadrop, og den fungere nu også godt. Vil bare gerne have sådan at når man står på det ene menupunkt og går over til et andet, så skal den sorte ramme forsvinde med det samme, fra den man var på før, og ikke først efter 1 sek. Men der skal stadig gå 1 sek, fra megadrop'en går væk, hvis man kører musen væk fra menuen. Nogle der kan hjælpe mig?

Jeg bruger jQuery + et plugin til det ved navn hoverIntent

Se megadrop her http://demo.dkurt.dk/ (...)


KODE ---------------------------------->

$(document).ready(function() {
   
    //Fodre show() og hide() functionerne data
    $("#mainNavigation .toplevel").hoverIntent({
        sensitivity: 4,
        interval: 1, 
        over: show,   
        timeout: 1000, 
        out: hide
    });
   
    //Ændre megadrop'ens z-index og giver hover effekt på <a>
    $("#mainNavigation .toplevel").hover(function() {
        $(this).find(".mainNavMegadrop").css({'z-index' : '10'});
        $(this).find("a").css({'background' : '#000'});
    }, function() {
        $(this).find(".mainNavMegadrop").css({'z-index' : '1'});
    });
   
    //Viser megarop
    function show() {
        $(this).find(".mainNavMegadrop").animate({opacity: "show"}, 1);
    }
   
    //Skjuler megadrop og hover effekt på <a>
    function hide() {
        $(this).find(".mainNavMegadrop").animate({opacity: "hide"}, 1);
        $(this).find("a").css({'background' : 'none'});
    }
   
});

<--------------------------------------