var delay = 11000;
var noOfImgs = 3;

pic0 = new Image(828,279);
pic0.src = "../images/slideshow/slideshow-01.jpg";
pic1 = new Image(828,279);
pic1.src = "../images/slideshow/slideshow-02.jpg";
pic2 = new Image(828,279);
pic2.src = "../images/slideshow/slideshow-03.jpg";

var imgArry = new Array()
   imgArry[0] = "../images/slideshow/slideshow-01.jpg";
   imgArry[1] = "../images/slideshow/slideshow-02.jpg";
   imgArry[2] = "../images/slideshow/slideshow-03.jpg";

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);