Changer d'image, mais garder les AREA MAPS

Bonjour,

Je crains que mon titre ne soit pas très clair, mais c'est parfois difficile de résumer en quelques mots.

Voici ce que je voudrais réaliser:

Dans une balise <div> est insérée une image, sur laquelle 2 zones ont été "mappées" en vue d'un lien:

<div id="big_photo" class="bigphoto">
<img src="diapo4.png" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="8,5,59,61" href="#" />
<area shape="rect" coords="92,64,149,119" href="#" />
</map>
</div>

Lors d'un clic sur un autre élément de la page, est appelée une fonction Javascript qui a pour objet de changer l'image à l'intérieur du <div>:

AUTREIMAGE=<img src="diapo6.png" border="0" usemap="#Map" />
document.getElementById("big_photo").innerHTML=AUTREIMAGE;

Cela fonctionne très bien, l'image est changée, mais ... les zones "mappées" ont disparu !

Comment faire pour qu'elles sont conservées sur la nouvelle image ? (soit avec les mêmes coordonnées de #Map, soit avec de nouvelles coordonnées) ?

Merci d'avance à tous ceux qui auraient une idée géniale !!

Mike