// original images loaded on load of page
var image1=new Image();
image1.src="images/rotate/rotate1.jpg";
var image2=new Image();
image2.src="images/rotate/rotate2.jpg";
var image3=new Image();
image3.src="images/rotate/rotate3.jpg";
var image4=new Image();
image4.src="images/rotate/rotate4.jpg";
var image5=new Image();
image5.src="images/rotate/rotate5.jpg";
var image6=new Image();
image6.src="images/rotate/rotate6.jpg";
var image7=new Image();
image7.src="images/rotate/rotate7.jpg";

var imageArray = new Array(image1,image2,image3,image4,image5,
image6,image7);

var imgArraySize = imageArray.length;
var index = Math.floor(Math.random()*imgArraySize);

function slideit() {
slideit1();
}

function slideit1(){
//if browser does not support the image object, exit.
if (!document.images) {
return;
}

if (index > imgArraySize -1) {
	index = 0;
}


// now, replace the image with the one we shifted off the array
document.rotate2.src=imageArray[index].src;

index = index+1;

//call function "slideit()" every 5 seconds
setTimeout("slideit1()",4500)
}