Comment jumeler image map et hide/show?(HTML)

Bonjour, J'ai un problème pour mon site, je n'arrivent pas a jumeler le hide/show a une image map pour que ce soit une zone predefinit qui puisse etre cliquable pour afficher une autre image Voici le code:

En gras cest la base que je n'arrive pas a remplacer.
En italique cest le code pour cliker et afficher quelque chose
<center>

<DIV ALIGN=CENTER>

<MAP NAME="map1">
<AREA
HREF="contacts.html" ALT="Contacts" TITLE="Contacts"
SHAPE=RECT COORDS="448,197,553,229">

<IMG SRC="PLanete Full-moon.bmp"
ALT="map of GH site" BORDER=0 WIDTH=600 HEIGHT=600
USEMAP="#map1"><BR>

</DIV>
<p onclick="if(document.getElementById('showhide').style.display=='none')document.getElementById('showhide').style.display='block';else document.getElementById('showhide').style.display='none'" style="cursor: pointer">cliquer ici pour cacher/montrer le texte</p> <p id="showhide" style="display:none">le texte à cacher</p>
</center>

Merci d'avance^^