//Script for scrolling Project Images
var iProject=1;

var rProject=0; //This variable contains the number of loaded images.
var addressProject='Projectslidingimages/';
function ChangeProjectImage()
{ 
  var ourimage=document.getElementById("slideImgProduct");
  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(iProject>11)
  { // Number of our images is 4.
    iProject=0;
  }
  iProject++;
  document.getElementById("slideImgProduct").src = addressProject + 'slideimage-' + iProject + '.jpg';
} 

function SetItProject()
{
  setTimeout("ChangeProjectImage()",3000); // ChangeImage() function is executed each 4 seconds.
}
 
function startProjectSlide()
 {
  rProject++;
  if(rProject==11){// If rProject 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("ProjectslideDiv").innerHTML='';
    document.getElementById("ProjectslideDiv").innerHTML='<img id="slideImgProduct" src="' + addressProject + 'slideimage-1.jpg" width="220" height="170" border="0" style="filter:revealTrans(duration=1,transition=12)" onload="SetItProject();" />';
  }
}