Anfängerfrage

[Otsche]

Hallo, habe mich hier angemeldet, weil ich auf ein JavaScriptanfänger Problem keine Lösung habe. Wie kann ich folgendes erreichen: Das ist mein Code

<script language="JavaScript">
<!--
function Katze(){
document.write('Miau');
}

//-->
</script>
<img src="GFX/Elemente/Iod.gif" onClick='Katze()'>
<img src="GFX/Elemente/Iod.gif" onClick='Maus()'>

<script language="JavaScript">
<!--
function Maus(){
hase='Pieps';
bar();
}
//-->
</script>

Nun werden, wenn ich klicke, die Bilder ausgeblendet und es steht nur noch der Text da, wie kann ich es so machen, dass die Bilder stehen bleiben, und wenn ich auf das erste Bild klicke, über dem Bild der Text aus Katze steht, udn wenn ich auf das zweite klicke, darunter der Text aus Maus steht? Brauche das für ein etwas umfangreicheres script...

Und noch eine zweite Frage: ich habe eine Menge Bilder, wenn ich auf eines klicke, wird in einer Funktion eine Variable umbenannt, wenn ich auf ein anderes klicke wird die Variable wieder umbenannt, wie kann ich diese Variable unter dem Bild ausgeben, so dass sie sich immer gleich mitändert, sobald sie einen neuen wert annimmt?