title: Recalculate image map after window resize
body: <p>I have an interesting problem:</p>
  
  <p>My girfriend (painter...) wants to have a web page like this:</p>
  
  <ol>
  <li>The first page is just an image, through all screen - with no slider etc. So there is a problem of resizing images for different resolutions.</li>
  <li>On this image are some windows, where a user can navigate through the rest of the page.</li>
  </ol>
  
  <p>SOLUTIONS:</p>
  
  <ol>
  <li><p>So, for the first problem there is a nice solution - jquery. It works great, no problem.</p></li>
  <li><p>For the second problem, there is image maps, which works fine.</p></li>
  </ol>
  
  <p>PROBLEM:</p>
  
  <p>How do I combine the first and second solutions? The only problem I haven't found a solution for yet is how to dynamically calculate imagemap coordinates for a polygonal shape. (ie whatever the screen resolution is, the imagemap properties will always stay at the right spot).</p>
  
  <p>For rectangle shapes I found <a href="http://codingforums.com/showthread.php?t=72867" rel="nofollow noreferrer">this</a>. What about poly shape?</p>
  
  <p>Does somebody have some ideas on how to accomplish this?</p>