IE si, Mozilla no

[eyesonly]

Ciao.

Ho circa 30 div e 30 immagini. Passando con il mouse su un'immagine viene visualizzato uno dei div, se poi passo con il mouse su un'altra immagine viene nascosto il precedente e appare quello nuovo, ecc ecc...

Ho utilizzato questo codice javascript:

<script type="text/javascript">
var nome=new Array('div0','div1','div2','div3','div4','div5','d iv6','div7','div8','div9','div10','div11','div12', 'div13','div14','div15','div16','div17','div18','d iv19','div20','div21','div22','div23','div24','div 25','div26','div27','div28');
function show(id){

for(i=0;i<29;i++){
document.getElementById(nome[i]).style.visibility="hidden";
}
document.getElementById(id).style.visibility="visi ble";
}
}
</script>

In pratica creo un array che contiene gli id dei div. Lancio una funzione che con un ciclio for nasconde tutti i div e successivamente rende visibile solo il div di cui abbiamo passato l'id alla funzione.

Sulla parte HTML ho semplicemente scritto:

onMouseOver="show('div0');"

Il problema è che su IE funziona perfettamente, mentre su Mozilla non funziona proprio.
Cosa posso fare?

[Xinod]

c'e' una } di troppo a fine script
ciao