Bildwechsel per JS _ Div-übergreifend

[darlmeb]

hallo,

ich möchte ein bildwechsel mit js realisieren.

folgender seitenaufbau:

• ich habe 2 divs
• im div A ist sind mehrere bilder
• im div B ist 1 bild
• die div sind absolute positioniert ;nebeneinander (also nicht
    verschachtelt)
• nun sollte beim überfahren (onMouseOver) über eines der bilder
    im div A das eine bild im div B durch ein anderes bild(x)gross
    ersetzt werden

mein script dazu lautet:

<script language="JavaScript">
  <!--
  H1 = new Image();
  H1.src = "bild1gross.gif";
  H2 = new Image();
  H2.src = "bild2gross.gif";
  H3 = new Image();
  H3.src = "bild3gross.gif";

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

der aufruf im html dokument:

<!-- in div A ist das auslösende Bild -->
<div id="A" style="...">
<img src="bild1.gif" onMouseOver="Bildwechsel('B',0,H1)">
<img src="bild2.gif" onMouseOver="Bildwechsel('B',0,H2)">
<img src="bild3.gif" onMouseOver="Bildwechsel('B',0,H3)">
</div>

<!-- in div B ist das auszutauschende Bild -->
<div id="B" style="...">
<img src="zuersetzen.gif">
</div>

leider funktioniert da was nicht. wo liegt der fehler?

mfg Darlmeb