title: ImageMapster: Highlight all the areas but select a specific area on click on list item and show other areas selected with less opacity
body: <p>I have referred below example:
  <a href="http://jsfiddle.net/jamietre/gjH5c/" rel="nofollow">http://jsfiddle.net/jamietre/gjH5c/</a></p>
  
  <p>I need exactly same functionality.</p>
  
  <p>But change is - highlight all the areas on load. Hence used staticState: true.
  But use of the above option disabled effect of area highlight on click of the listed item. </p>
  
  <p>What I need is - on click of list item, I want to highlight/select that corresponding area but at the same time keep the highlighting of other areas as it is with less opacity.</p>
  
  <p>I tried changing the code for .mapster as below:</p>
  
  <pre><code>var img=$('img').mapster({
  mapKey: 'state',
  singleSelect: true,
  render_highlight: {
  fillOpacity: 0.8
  },
  render_select: {
  fillOpacity: 0.4
  },
  staticState: true,
  singleSelect: true,
  });
  </code></pre>
  
  <p>I also tried using .snapshot and .rebind method as shown in :
  <a href="http://jsfiddle.net/6maJw/" rel="nofollow">http://jsfiddle.net/6maJw/</a></p>
  
  <p>It didn't work.
  Please tell me if I am missing something.</p>
  
  <p>Thanks a lot in advance</p>