var x;
var i=7;
var fadetimer;
var rotatetimer;
//Cache the images
image1 = new Image;
image2 = new Image;
image3 = new Image;
image4 = new Image;
image5 = new Image;
image6 = new Image;
image7 = new Image;
image8 = new Image;
image1.src = "images/1.jpg";
image2.src = "images/2.jpg";
image3.src = "images/3.jpg";
image4.src = "images/4.jpg";
image5.src = "images/5.jpg";
image6.src = "images/6.jpg";
image7.src = "images/7.jpg";
image8.src = "images/8.jpg";

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

//delay is the delay between each rotating image in ms, 5000 is a good number. speed is the speed at which transisition occurs. 1 = fast, 10 = slow.
//images is the array of images we will be rotating through					   
function rotateimages()
{
	rotatetimer = setInterval("callfadeimages()", 5000);
}

function getnextivalue(ivalue)
{
	return (ivalue==7)?0:(i + 1);
}						   

function callfadeimages()
{
	//reset timer
	x = 0;
	//fade the images
	fadetimer = setInterval("fadeimages()", 80);
	//i = i + 1;
	i = (i==7)?0:i + 1;
}
						   
function fadeimages()
{
	var oldimageindex;
	var newimageindex;
	var oldimage;
	var newimage;
	//Set the index of the fading in and fading out image
	oldimageindex = i;
	newimageindex = getnextivalue(i);
	//Do the fading
	oldimage = document.getElementById('image' + oldimageindex);
	oldimage.style.opacity = ((100-x)/100);
	oldimage.style.filter='alpha(opacity='+(100-x)+')'
	newimage = document.getElementById('image' + newimageindex)
	newimage.style.opacity = (x/100);
	newimage.style.filter='alpha(opacity='+(x)+')'
	x=x+5;
	if (x>=101)
	{
		clearInterval(fadetimer);	
	}
}