Хитрая задержка при наведении курсора

Вот что у меня сейчас:

$("#cart-summary").mouseenter(function () {
    $('.flycart').delay(500).slideDown('fast');
});
$(".flycart").mouseleave(function () {
    $('.flycart').delay(500).slideUp('fast');
}).find('a.close').click(function(){
   $(this).parents('.flycart').hide();
});

Что это делает:

Если навести курсор мыши на # cart-summary -> открыть флайкарт через 500 мс

если mouseout .flycart -> закрыть флайкарт через 500 мс

Что мне нужно это:

Если наведите курсор мыши на # cart-summary для ATLEAST 500ms -> открыть флайкарту

если mouseout .flycart для ATLEAST 500 мс -> закрыть флайкарту

Отредактировано для добавления: Я также использую hoverIntent, если это можно использовать здесь?

Большое спасибо!