title: links with unique hover image fade in/out
body: <p>I'm trying to do a menu, that shows different images when hovering over each link.
  So far I've managed to do this, but I also want the images to fade in and out.</p>
  
  <p>This is what I've got so far:
  var $preview = $("#groupImg");</p>
  
  <pre><code>$(".link").hover(
    function() {
      $preview.attr("src", $(this).data("thumbnail-src"));
      $('#groupImg').css('opacity','1')
    },
    function() {
      $('#groupImg').css('opacity','0')
    }
  );
  </code></pre>
  
  <p><a href="http://jsfiddle.net/mcx2u/" rel="nofollow">http://jsfiddle.net/mcx2u/</a></p>
  
  <p>Thanks :)</p>
  
  <p>BR
  Martin</p>