title: Imagemap Rollover and Tooltip
body: <pre><code>&lt;img src="http://www.w3schools.com/TAGS/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /&gt;
  
  &lt;map name="planetmap"&gt;
    &lt;area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /&gt;
    &lt;area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /&gt;
    &lt;area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>I need to 1) change opacity on mouseover to highlight the hovered area and 2) add simple tooltip to show details of the hovered area.</p>
  
  <p>Is it possible? Is there any jquery plugin that would let me do both.</p>
  
  <p>Many thanks for your help!</p>