пересчет координат в area
 

Есть изображение, к нему имеется карта

<img src='/map.jpg' usemap='#map' width='1387' height='2004'/>
<map name="map">
<area shape="circle" coords="323, 1235, 10" href="/" alt="Пляж №2" title="Пляж №2" />
<area shape="circle" coords="261, 1222, 10" href="/" alt="Пляж №1" title="Пляж №1" />
</map>

я воспользовался плагином MapBox, чтобы можно было масштабировать и передвигать карту, сделал 2 уровня, 1й - уменьшенное изображение, 2й оригинал.

У меня такая проблема возникла - на 2м уровне координаты соответствуют точкам, а на первом уровне ясное дело что нет, как можно переопределять координаты для первого изображения через jQuery?

<div id="map">

    <div id="toplvl_map"> 
        <img id="map_img" src="/map.jpg" usemap="#map" width='850' height='1228' /> 
    </div> 
    <div style="width:1387px; height:2004px"> 
          <img id="map_img" src="/map.jpg" usemap="#map" />
     </div>
</div>

временно решил проблему zoom'ом