onMouseOver, onMouseOut und onClick für Buttons - Denkblockade

[Ben]

Hallo,

ich habe gerade eine kleine Blockade.

Ich soll für eine Navigationsleiste mehrere Buttons mit je 3 Zuständen (normal, over, geklickt) basteln.

Ich habe einfach das SelfHTML-Beispiel genommen und noch ein onClick hinzugefügt. Sieht jetzt so aus:

<script type="text/javascript">
<!--

button1 = new Image();
button1.src = "images/buttons/eingangsseite.gif";
highlight1 = new Image();
highlight1.src = "images/buttons/eingangsseite2.gif";
click1 = new Image();
click1.src = "images/buttons/eingangsseite3.gif";

function Bildwechsel(Bildnr,Bildobjekt)
{
 window.document.images[Bildnr].src = Bildobjekt.src;
}

function clicked(Bildnr,Bildobjekt,klick)
{
 if(!geklickt)
 {
  window.document.images[Bildnr].src = Bildobjekt.src;
  geklickt = klick;
  }

}

//-->
</script>

und dann folgendes für den Button:

<a href="home.php" target="inhalt" onMouseOver="Bildwechsel(1,highlight1);" onMouseOut="Bildwechsel(1,button1);" onClick="Bildwechsel(1,click1);"><img src="images/buttons/eingangsseite.gif" width="160" height="23" border="0"></a>

Das Problem ist jetzt, dass wenn ich auf den Button geklickt habe, ich ja den Mauszeiger wieder wegbewege. Darum wird dann wieder die onMouseOut (also die normale) Grafik angezeigt. Es soll aber die onClick-Grafik erhalten bleiben.

Wie kann ich das lösen?

Vielen Dank im Voraus und viele Grüße
Ben