Problema 'onmouseover' 'onmouseout' 'onclick'

[Dalle93]

Buongiorno a tutti.. ho un piccolo problema:
sul mio sito (qui) sto cercando di fare in modo che i vari pulsanti della "finta" toolbar cambino in questo modo:

onmouseover » da img '1.png' a img '3.gif'
onmouseout » da img '3.gif' a '1.png'
onclick » diventi img '2.png'

solo che il punto 3 non mi funziona, o meglio, funziona ma appena tolgo il mouse dall'immagine, per via della funzione onmouseout, la stessa immagine torna ad essere '1.png'
come posso fare??? grazie 1000

[Xinod]

parecchi errori/ingenuita' in quella pagina, ti auguro di capire cosa stai facendo e di riuscire ad applicare quanto sotto

al click oltre al percorso setta contemporaneamente anche una classe
con
riferimentoAllElemento.className='cliccato';

al mouseout controlla la presenza della classe
if(riferimentoAllElemento.className=='cliccato')
return // se ha quella classe non fare nulla
else ... // altrimenti cambia l' immagine

ciao

[Dalle93]

Perdonami, davvero, ma di javascript capisco poco o niente... mi daresti un aiutone se mi dessi il codice... così magari, a codice fatto, capisco di più...
grazie in anticipo