title: Fancybox: Getting it to work on mouseover/mouseout
body: <p>I currently have it working halfway by using:</p>
  
  <pre><code>jQuery("a.lightbox").fancybox().hover(function() {
      jQuery(this).click();
    }, function() {
      jQuery("#fancybox-overlay").click();
    });
  </code></pre>
  
  <p>When I hover over the thumbnail it works fine, but when I mouseover the background, <code>#fancybox-overlay</code> it doesnt disable fancybox.. any ideas?</p>
  
  <p>with hoverIntent:</p>
  
  <pre><code>function openFancybox(){
   jQuery(this).trigger("click");
  }
  function closeFancybox(){
   jQuery.fancybox.close();
  }
  
  jQuery("a.lightbox").hoverIntent({
   sensitivity: 100,
   interval:250,
   timeout:0,
   over: openFancybox,
   out: closeFancybox 
  }); // hoverIntent
  
  jQuery("#fancybox-content img").hoverIntent({
   sensitivity: 10,
   interval:500,
   timeout:0,
  // over: openFancybox,
   out: closeFancybox 
  }); // hoverIntent
  
  jQuery("a.lightbox").fancybox({
   'overlayShow' : false,
   'autoScale'   : true
  }); // fancybox
  </code></pre>