title: jQuery Image Mapster: Highlight Areas prior to selecting
body: <p>I'm really liking the jQuery addin Image Mapster.  However, I've really reached a brick wall I could use some help climbing.</p>
  
  <p>I need to do the following:</p>
  
  <ol>
  <li>Highlight all image map areas with a border and color prior to any interaction</li>
  <li>Enable mouseover highlighting and mouseout dehighlighting (returning to the state #1 above) with potentially different border and color</li>
  <li>Enable selection with a third different border and color</li>
  </ol>
  
  <p>I was initially under the impression that the following JavaScript would be able to do that for me:</p>
  
  <pre><code>    $('#Image1').mapster({
          fillOpacity: 0.5,
          fillColor: FF0000,
  
          stroke: true,
          strokeOpacity: 1.0,
          strokeColor: 00FF00,
          strokeWidth: 2,
  
          render_highlight: 
          {
               fillOpacity: 0.5,
               fillColor: 00FF00,
  
               stroke: true,
               strokeOpacity: 1.0,
               strokeColor: FF0000,
               strokeWidth: 2,
          },
          render_select: 
          {
               fillOpacity: 1.0,
               fillColor: 0000FF,
  
               stroke: false
          }
      });
  </code></pre>
  
  <p>It appears to support mouseover/mouseout (#2) and selection (#3) - but does not light up my areas as I want (#1).</p>
  
  <p>Does anyone a bit more experienced with ImageMapster have any suggestions?</p>
  
  <p>Thanks!</p>