title: Tricky delay on mouseover
body: <p>This is what I have currently:</p>
  
  <pre><code>$("#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();
  });
  </code></pre>
  
  <p><strong>What it does is:</strong></p>
  
  <p>If mouseover #cart-summary -> open flycart after 500ms</p>
  
  <p>if mouseout .flycart -> close flycart after 500ms</p>
  
  <p><strong>What I need is:</strong></p>
  
  <p>If mouseover #cart-summary for ATLEAST 500ms -> open flycart</p>
  
  <p>if mouseout .flycart for ATLEAST 500ms -> close flycart</p>
  
  <p><strong>Edited to Add:</strong> I also use hoverIntent, if that can be used here?</p>
  
  <p>Many thanks!</p>