mr Mister: imagemap und "Dynamische grafische Buttons"

Beitrag lesen

Hallo.
Ich habe eine Imagemap erstellt und möchte dann bei einem Verweis (der durch die imagemap definiert ist) einen onmouseover und onmouseout Event-händler einbauen um dynamisch grafische buttons benutzen zu können. Ausserdem ist die postition des image, dass ich ersetzen möchte durch einen <div> bereich festgelegt.

wie muss der quellcode jetzt lauten?
so ungefair stell ich mir das dann vor (ich lasse jetzt einfach mal alles unnötige weg)

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "menu1.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "highlight1_menu1.gif"; /* erste Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>

//und dann weiter unten, in einer tabelle:

<tr>
    <td colspan=6>
  <img src="oben.gif" width="1009" height="177" alt="" border="0" align=""></td>
  </tr>
  <tr>
    <td width=33px><map name="menu1">
<area shape="poly" coords="236,175,229,180,234,189,324,209,337,199" href="art.htm" alt="Art" onMouseOver="Bildwechsel(0,Highlight1)"
   onMouseOut="Bildwechsel(0,Normal1)">
<area shape="poly" coords="351,78,355,171,368,180,366,77,358,71" href="misc.htm" alt="Misc.">
</map>

<div style="position:absolute; top:237px; left:577px;"><img src="menu1.gif" width="383" height="217" alt="" border="0" align="" usemap="#menu1"></div>
   </td></tr>

das problem bei diesem versuch ist, dass dann nicht das bild, dass ich ersetzen wollte ersetzt wird, sondern ein anderes bild das in der tabellenzeile über der imagemap definiert ist.

wer kann mir helfen??