Ciao Ragazzi!
volevo chiedervi un piccolo consiglio su come risolvere questo problema. mi spiego.

ho fatto un piccolo menù di immagini e volevo fare in modo che passando su un immagine veniva visualizzata l'immagine2, levando il cursore dall'immagine ritornasse l'immagine1 e cliccando rimanesse definitiva l'immagine2.
poi passando sulla seconda voce del menù si dovrebbero ripetere le operazioni scritte sopra, ma al click sulla stessa, nella prima voce del menù deve tornare l'immagine1 e ovviamente nella seconda voce far rimanere l'immagine2.

adesso con questo codice, il tutto funziona bene separatamente, ma l'evento onclick è incompatibile con onmouseout in quanto quest'ultimo mi fa tornare all'immagine di partenza, nn so se mi sono spiegato bene, ma spero che qualcuno possa aiutarmi

javascript (le 4 righe di codice commentato serve x avere lo stesso effetto ad un immagine nel corpo)
codice:
var x="";
var y="";

function cambia(questo,what){
	if(what=="fix"){
		if((y!="")&&(y!=questo.id))
			giraImg(y);
		y=questo.id;
		}
		
	if(y!=questo.id) 
		giraImg(questo.id);
}

function giraImg(x){
	
	var source="";
	var end=document.getElementById(x).src.length;
	
	//var path='img/sfondo'+x+'.png';
	//var elem=document.getElementById("img_sfondo");
	

	for(i = 0; i<(end-5); i++){ 
		source= source + document.getElementById(x).src.charAt(i);	
	}
	
	if(document.getElementById(x).src.charAt(end-5)==1) {
		source= source+'2.png';
		//elem.src=path;
	}
	else {
		source= source+'1.png';
		//elem.src='img/sfondo0.png';
	}
	
	document.getElementById(x).src=source; 
}
html (una voce del menu)
codice:
[img]img/home1.png[/img]</img>
Grazie a chi risponderà