var i=1;
var r=0; //This variable contains the number of loaded images.
var address='images/';
function ChangeImage(){
  var ourimage=document.getElementById("slideImg");
  if (document.all && ourimage.filters){
    ourimage.filters.revealTrans.Transition=Math.floor(Math.random()*23);
    ourimage.filters.revealTrans.stop();
    ourimage.filters.revealTrans.apply();
    ourimage.filters.revealTrans.play();
  }
  if(i>3){ // Number of our images is 4.
    i=0;
  }
  i++;
  document.getElementById("slideImg").src = address + 'slideimage-' + i + '.jpg';
}

function SetIt(){
  setTimeout("ChangeImage()",4000); // ChangeImage() function is executed each 4 seconds.
}
 
function startSlide() {
  r++;
  if(r==3){// If r reaches 3 (if third image was loaded) then show the first image and set the timer for starting the slideshow with SetIt() function.
    document.getElementById("slideDiv").innerHTML='';
    document.getElementById("slideDiv").innerHTML='<img id="slideImg" src="' + address + '/slideimage-1.jpg" width="370" height="200" border="0" style="filter:revealTrans(duration=1,transition=12)" onload="SetIt();" />';
  }
}