Ciao a tutti
sono un web designer assolutamente novizio xo' in javascript
sto creando un menu a discesa o rollover, classico in cui clicco su un'immaginetta del menu con freccia orizzontale, e appare l'altra con freccia verso il basso che aprirà il menu a discesa
Allora vengo al d unque:
Ho creato questo nell'html:

<div class="box"> <a href="#" onClick="act()"; onClick="inact()";>
[img]photo1.jpg[/img]</a></div>

(...)

il corrispondente Javascript nella stessa pagina è:

<script type="text/javascript" language="JavaScript">

if (document.images) {
var su = new Image(); // for the inactive image
su.src = "photo1.jpg";
var gius = new Image(); // for the active image
gius.src = "photo.jpg";
}



function act() {
if (document.images)
document.images.giu.src = gius.src;
}

function inact() {
if (document.images)
document.images.giu.src = su.src;
}
</script>

il problerma è che non funziona. o meglio, funziona solo il primo click, e compare l'altra immaginetta, manon riesco col secondo click a ritornarea ll'immagine originale(caricata all'apertura ella pagina)


Invece se uso OnMouseOut al posto di OnClick cosi:
Funziona.

<div class="box"> <a href="#" onClick="act()" onMouseOut="inact()";>
[img]photo1.jpg[/img]</a></div>


Qualcunos a dirmi dove ho fatto l'errore, e l'eventuale soluzione ?

Vi ringrazio in anticipo.