FadeTo across sliced images
<p>I have an image that is sliced into 9 images into multiple div.</p>

<p>I want to implement fading focus on 3 group of sliced images. Once I mouseenter to a group of images, the other group of images will fadeout.</p>

<p>The problem arises when I hover across the images within the same group, the other images will flicker. Anyone can help me on how to detect whether I am still within the same group of images.</p>

<pre><code>$(".group1").mouseenter(function (){
  $(".group2, .group3").fadeTo("slow",.5);
}).mouseout(function (){
  $(".group1, .group2, .group3").fadeTo("slow",1);
});
</code></pre>
