Navigation/Rollover

[Verzweifelter Neuling]

Hallo Zusammen

Ich bin ein Javascript-Neuling und versuche verzweifelt folgenden Script korrekt zum laufen zu bringen:

  
  
function imgOver1() {  
 if (document.images.nav1.src != "images/nav.gif") {  
 document.images.nav1.src='images/nav_over.gif';  
 }  
 else if (document.images.nav1.src != "images/nav_down.gif"){  
 document.images.nav1.src='images/nav_down.gif';  
 }  
}  
  
function imgClick1() {  
 document.images.nav1.src='images/nav_down.gif';  
 }  
  
function imgOut1() {  
 if (document.images.nav1.src != "images/nav_over.gif")  
 {  
 document.images.nav1.src='images/nav.gif';  
  }  
 else if (document.images.nav1.src != "images/nav_down.gif")  
 {  
 document.images.nav1.src='images/nav_down.gif';  
 }  
}  

Die Idee dahinter ist, dass das Bild nav.gif mit dem Namen nav1 bei mouseOver zu nav_over.gif wird und bei mouseOut wieder zurück wechselt, jedoch soll sobald auf das Bild (den Link) geklickt wird auf nav_down.gif gewechselt werden und dieses Bild dann beibehalten werden.
D.h. Rollovereffekt mit nav.gif und nav_over.gif und sobald darauf geklickt wird nur noch nav_down.gif.
Bis jetzt funktioniert der Rollovereffekt und beim Klicken wechselt das Bild auch kurz auf nav_down.gif, jedoch kommt sobald man den Cursor wieder vom Bild wegbewegt wieder nav.gif und der Rollovereffekt bleibt.

Kann mir da jemand weiterhelfen? wäre ächt super!
Einfach fragen falls etwas unklar ist!
Vielen Dank für Eure Hilfe!