Bilder umschalten

[terra-magica]

Ich will einen Ein-/Aus-Schalter in eine Webseite einbauen. Das heisst, wenn ich z.B. auf das Bild1 klicke (im Hauptframe), soll es im Nebenframe eine Seite1 aufmachen und im Haupframe statt Bild1 nun Bild2 anzeigen. Wenn ich nun auf Bild2 klicke (im Hauptframe), soll es im Nebenframe Seite2 anzeigen und das Bild2 wieder zu Bild1 ändern. Anders erläutert: rote Kugel im Hauptframe, klick ich drauf wird sie blau und im Nebenframe öffnet sich die Seite1. Klick ich jetz auf die blaue Kugel, soll sie im Nebenframe die Seite2 aufmachen und wieder rot werden.
Ich hab folgendes gemacht:

im Head:
<base target="_self">
<script type="text/javascript">
<!--
Musikan = new Image();
Musikan.src = "Musik1.gif";
Musikaus = new Image();
Musikaus.src = "Musik2.gif";
//-->
</script>

im Body:
<a href="Tonaus.htm" target="Nebenframe"
onMouseup="document.images['example'].src=Musikaus.src">
<img src="Musik1.gif" name="example" border=0></a>

Legende:
Bild1=Musik1.gif
Bild2=Musik2.gif
Seite1=Tonaus.htm
Seite2=Tonan.htm

Wenn man jetz meinen Quellcode genau betrachtet, kann ich von Musik1 auf Musik2 umschalten. Wie schaff ich es, dass ich von Musik2 wieder auf Musik1 umschalte?
Geht es mit einem "if"-Befehl? Wenn ja, wie lautet der Code? (Bin leider nicht bewandert genug...)
Vielleicht hat jemand auch eine andere Lösung wie ich meinen Ein-/Ausschalter machen kann.

Danke im Voraus!