title: Using hoverIntent to delay mouseover but not mouseout
body: <p>I am attempting to show/hide an overlay on blog articles when the user hovers over the articles. I have hoverIntent working as it should to delay the event on mouseover, but I would like the mouseout event to happen instantly as it would without hoverIntent. As far as I can tell there is no way to set a separate timout value for the over and out events. Does anybody know how to separate them, or how to have hoverIntent only delay the over event? </p>
  
  <pre><code>$( document ).ready( function() {    
      $(".bg-overlay").hide();
  
      $(".bg-entry").hoverIntent({
          over: showSummary, 
          timeout: 650, 
          out: hideSummary
      });
  });
  
  function showSummary(){ $(this).children(".bg-overlay").fadeIn("fast");  }
  function hideSummary(){ $(this).children(".bg-overlay").fadeOut("fast"); }
  </code></pre>
  
  <p>Thanks for your help.</p>