Image défilante

bonjour

voilà j'ai repris un script et j'aimerai qu'il fasse défiler les images dans l'ordre et non aléatoire!
et j'aimerai qu'il s'arrête 3 seconde sur la première!
pouvez vous m'aider?
merci

voici le sript:

<SCRIPT type="text/javascript">

var delay=3000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="gris1wp.gif"
randomimages[1]="gris2wp.gif"
randomimages[2]="gris3wp.gif"
randomimages[3]="gris4wp.gif"
randomimages[4]="gris5wp.gif"
randomimages[5]="gris6wp.gif"
randomimages[6]="gris7wp.gif"
randomimages[7]="gris8wp.gif"
randomimages="gris9wp.gif"
randomimages[9]="gris10wp.gif"
randomimages[10]="gris11wp.gif"
randomimages[11]="gris12wp.gif"
randomimages[12]="gris13wp.gif"
randomimages[13]="gris14wp.gif"
randomimages[14]="gris15wp.gif"
randomimages[15]="gris16wp.gif"
randomimages[16]="gris17wp.gif"
randomimages[17]="gris18wp.gif"
randomimages[18]="gris19wp.gif"
randomimages[19]="gris20wp.gif"
randomimages[20]="gris21wp.gif"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</SCRIPT>