Stop lorsque souris survol l'image

Bonjour,
je souhaite que mes images se chargent l une par-dessus les autres et chacune s'arrête au survol de la souris et passe à l image qui suit quand on retire la souris
le code que j ai mis en place est le suivant:
Entre balises head:
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
{
i0 = new Image; i0.src='essai_img/img01.jpg'; SiClickGoTo[0] = "index.html"; imgPath[0] = i0.src;
i1 = new Image; i1.src = 'essai_img/img02.jpg'; SiClickGoTo[1] = "index.html"; imgPath[1] = i1.src;
i2 = new Image; i2.src = 'essai_img/img03.jpg'; SiClickGoTo[2] = "index.html"; imgPath[2] = i2.src;
}
a = 0;
function StartAnim()
{if (version >= 3)
{document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="essai_img/img01.jpg" BORDER=0 ALT=Menu NAME=defil></A>'); defilimg()}
else
{document.write('<A HREF="index.html"><IMG SRC="essai_img/img01.jpg" BORDER=0></A>')}
}
function ImgDest()
{document.location.href = SiClickGoTo[a-1];}
function defilimg()
{if (a == 4)
{a = 0;} if (version >= 3) {document.defil.src = imgPath[a]; tempo3 = setTimeout("defilimg()",4000); a++;}
}
function ejs_nodroit()
{alert('copyright verbotten'); return(false);}
document.oncontextmenu = ejs_nodroit;
</SCRIPT>
<!-- FIN DU SCRIPT -->

Entre balises body :
<!-- DEBUT DU SCRIPT -->
<p>
<SCRIPT LANGUAGE="JavaScript">
StartAnim();
</SCRIPT><!-- FIN DU SCRIPT -->
<noscript><a href="http://www.editeurjavascript.com/countus/">compteur live</a></noscript>
</p>
que faut il rajouter??
merci pour votre attention a ce mss
ama