пожно ли двигать area
 

имеется примерно следующий xтмл код

<img src='прозрачная картинка' usermap="#map">
<map name="#map">
    <area id="area_draggable1" ..../>
    <area id="area_draggable2" ..../>
</map>
<img id="draggable1" .../>
<img id="draggable2" .../>

img#draggable1 img#draggable2 - невидимые. Но при наведении на area - они появляются (по событию mouseover).
Т. е чтото вроде этого. карта.
Но мне еще надо реализовать dragndrop.
Но получается что клик то срабатывает на элементе <area />, а насколько я понял его двигать фактически нельзя. Так как он не имеет свойств top и left. Ну и двигать то нужно не его самого (он впринципе невидимый), а соответсвующий <img />.
Вопрос - можно ли както при клике, подменить объект. Т. е чтобы все дальнейшие действия обрабатывались <img/>
Например:

$('area').bind('mousedown', function() {

    this = $('img#draggable1'); // понятно что этот код работать не будет...
})