var img = new Array(10); //array to hold the images

 var start = null; //start pointer

 var counter = 1; //counts the image sequences

 var delayTime = null; //user defined

 if(document.images) //pre-load all the images
 {
   for(i = 1; i <= 5; i++)

   {

     img[i] = new Image();

     img[i].src = "/resources/slides/slide" + i + ".jpg";

   }

 }





 //function for getting the user defined delay time

 function getDelayTime()

 {
    delayTime = 4000;
 }





 //function for changing the images

 function anim()

 {

   counter++;

   document.getElementById("form1:fTop:imgSlide").src = img[counter].src;



   if(counter == 5)
    counter = 0; //sets the counter value to 0

 }


 function slide()
 {

   getDelayTime();
     start = setInterval("anim()", delayTime);

 }