title: removing gallery zoom
body: <p>I have a gallery with a shutter (lightbox) effect in which on hover a zoom overlay opens (with the full-size image). I use wordpress, jQuery, next-gen gallery, and featuredimagezoomer.js.</p>
  
  <p>The problem with the script is that it doesn't remove the zoom image overlay when I mouseout. I tried the  empty(), and remove() methods in jQuery, but none worked well. </p>
  
  <p>this is the script:</p>
  
  <pre><code>jQuery("img#shTopImg").live('mouseover mouseout', function(event) {
  
    if (event.type == 'mouseover') {
  var imw = jQuery("img#shTopImg").width();
  jQuery(this).delay(200).addimagezoom({
  magnifiersize:[350, 350], zoomrange: [3, 8], rightoffset: - imw });
    } else {
  
  // remove logic goes here
  
  }
  
  }); 
  </code></pre>
  
  <p>and this is the page where it is:
  <a href="http://baksagaspar.com/MH-work/collections/jungle-under-construction-2" rel="nofollow">http://baksagaspar.com/MH-work/collections/jungle-under-construction-2</a></p>
  
  <p>You can see when it opens an image in a lightbox, and you navigate to some other picture, it's zoom overlay still stays on the screen</p>
  
  <p>Any help please how could I solve this problem??</p>