var images = new Array(

"rotate/01.jpg",

"rotate/02.jpg",

"rotate/03.jpg",

"rotate/04.jpg",

"rotate/05.jpg",

"rotate/06.jpg",

"rotate/07.jpg",

"rotate/08.jpg",

"rotate/09.jpg",

"rotate/10.jpg",

"rotate/11.jpg",

"rotate/12.jpg",

"rotate/13.jpg",

"rotate/14.jpg",

"rotate/15.jpg"

);





var imgNum = 0;

var imgLength = images.length - 1;

 

//Time delay between images in milliseconds

var delay = 4250;

var fadeSpeed = 750;

 

//change the opacity for different browsers

function changeOpac(opacity, id) {

	var object = document.getElementById(id).style;

	object.opacity = (opacity / 100);

	object.MozOpacity = (opacity / 100);

	object.KhtmlOpacity = (opacity / 100);

	object.filter = "alpha(opacity=" + opacity + ")";

}

 

function opacity(id, opacStart, opacEnd, millisec) {

	//speed for each frame

	var speed = Math.round(millisec / 100);

	var timer = 0;

	

	//determine the direction for the blending, if start and end are the same nothing happens

	if(opacStart > opacEnd) {

		for(i = opacStart; i >= opacEnd; i--) {

			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

			timer++;

		}

	} else if(opacStart < opacEnd) {

		for(i = opacStart; i <= opacEnd; i++) {

			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));

			timer++;

		}

	}

}

 

function slideshow(){

	preloadImages(images);

	var run = setInterval("changeImage(1)", delay);

}



function changeImage(direction){

	imgNum = imgNum + direction;

	imgNum = (imgNum > imgLength) ? 0 : imgNum;

	imgNum = (imgNum < 0) ? imgLength : imgNum;

	

	var obj = document.getElementById("rotateDiv");

	obj.innerHTML = '<img src="'+images[imgNum]+'" alt=""  id="newImage"  style="filter:alpha(opacity=0);-moz-opacity:0;opacity:0;" />';

	opacity('newImage',0,100,fadeSpeed);

	setTimeout("swapEm();",fadeSpeed+1);

}



function swapEm(){

	var rotator = document.getElementById("rotateDiv");

	var newOne = document.getElementById('newImage');

	var orig = document.getElementById('rotateImage');

	orig.src = newOne.src;

	rotator.innerHTML = "";

}



function preloadImages(imgArr){

	for(var p=0; p < imgArr.length; p++){

		var preload = new Image();

		preload.src = imgArr[p];

	}

}

 

window.onload = slideshow;