var delay = 9000;
var noOfImgs = 5;

pic0 = new Image(417,375);
pic0.src = "images/slideshow/slideshow-01.png";
pic1 = new Image(417,375);
pic1.src = "images/slideshow/slideshow-02.png";
pic2 = new Image(417,375);
pic2.src = "images/slideshow/slideshow-03.png";
pic3 = new Image(417,375);
pic3.src = "images/slideshow/slideshow-04.png";
pic4 = new Image(417,375);
pic4.src = "images/slideshow/slideshow-05.png";

var imgArry = new Array()
   imgArry[0] = "images/slideshow/slideshow-01.png";
   imgArry[1] = "images/slideshow/slideshow-02.png";
   imgArry[2] = "images/slideshow/slideshow-03.png";
   imgArry[3] = "images/slideshow/slideshow-04.png";
   imgArry[4] = "images/slideshow/slideshow-05.png";

function rotateImage(imgNo)
{
   clearTimeout(timerId);

   if(imgNo == noOfImgs)
   {
      imgNo = 0;
   }
   else
   {
      document.getElementById('image').src = imgArry[imgNo];

      imgNo++;
   }

   var recur_call = "rotateImage('" + imgNo + "')";

   setTimeout(recur_call, delay);
}

var timerId = setTimeout('rotateImage(0)', 1500);
