title: Imagemapster reolocation of the tooltip
body: <p>Basically, i have been testing the ImageMapster plugin on an image. However, i wanted the tooltips (or the information panel) for each of those area tags to be right next to each other. > <a href="http://jsfiddle.net/jagmitg/eQCL6/" rel="nofollow">http://jsfiddle.net/jagmitg/eQCL6/</a></p>
  
  <p>Currently, the information on when you hover over the black image reside on the left hand middle on each of the area tags. Is there anyway i can move each of those boxes next to each of the area panel.</p>
  
  <p>I tried to implement the follow <a href="http://jsfiddle.net/sb9j7/" rel="nofollow">http://jsfiddle.net/sb9j7/</a> (please hover over the green pepper dip). This is what i tried:</p>
  
  <pre><code>image.mapster('set_options', { 
     areas: [{
       key: "dip",
       toolTip: newToolTip
     }]
  });
  </code></pre>
  
  <p>Can someone help me implement the tooltip or just move the information boxes in accordance to their area tags.</p>
  
  <p>Thank you very much</p>