//Times are in milliseconds
var ImageTime = 1000;
var FadeTime = 1000;

Images = {
	0:"image1.jpg",
	1:"image2.jpg",
	2:"image3.jpg",
	3:"image4.jpg",
	4:"image5.jpg",
	5:"image6.jpg",
	6:"image7.jpg",
	7:"image8.jpg",
	8:"image9.jpg",
	9:"image10.jpg",
	10:"image11.jpg"
}

var ImageElement;
var ImageOpacity;
var Timeout;
var ImageCount = 0;

document.onLoad = init();

function init(){
	setTimeout("initRotation()", 100);
}

function initRotation(){
	ImageElement = { 0:document.getElementById("image1"), 1:document.getElementById("image2")};
	ImageOpacity = { 0:100, 1:0};
	setTimeout(function(){ChangeImages()}, ImageTime);
}

function Rotation(){
	if(Images[++ImageCount] == null){
		ImageCount=0;
	}
	setTimeout(function(){ChangeImages()}, ImageTime);
}

function ChangeImages(){
	if(ImageCount != 0){
		temp = ImageOpacity[0];
		ImageOpacity[0]=ImageOpacity[1];
		ImageOpacity[1] = temp;
		ImageOpacity[0] == 100 ? ImageElement[0].src = ImageElement[0].src : ImageElement[0].src = Images[ImageCount];
		ImageOpacity[1] == 100 ? ImageElement[1].src = ImageElement[1].src : ImageElement[1].src = Images[ImageCount];
	}
	setTimeout(function(){ChangeOpacity(ImageOpacity[0], 0, ImageOpacity[0]==100? -1 : 1)}, FadeTime/100);
	setTimeout(function(){ChangeOpacity(ImageOpacity[1], 1, ImageOpacity[1]==100? -1 : 1)}, FadeTime/100);
	setTimeout("Rotation()", FadeTime*1.3);
}

function ChangeOpacity(opacity, element, sign){
	opacity+=sign;
	ImageElement[element].style.opacity = opacity/100;
	ImageElement[element].style.filter = 'alpha(opacity=' + opacity +')';
	Timeout = setTimeout(function(){ChangeOpacity(opacity, element, sign)}, FadeTime/100);
	if(opacity == 0 || opacity == 100){
		clearTimeout(Timeout);
	}
}