var img1 = new Image();
img1.src = 'img/shopAvedaSelected.jpg';

window.onload=startSlideshow;

var dir = null;
var indexImages = new Array('homeImage1.jpg','homeImage2.jpg','homeImage3.jpg','homeImage4.jpg','homeImage5.jpg','homeImage6.jpg');

//var currentImage = 0;
var zIndex = 0;
var currentIndex = 0;
var currentOpacity = 0;
var previousOpacity = 0;
var currentImage = null;
var previousImage = null;
var image1 = new Image();
image1.style.opacity=1;
image1.style.filter='alpha(opacity='+100+')';
image1.style.position='absolute';
image1.id = 'image1';
var image2 = new Image();
image2.style.opacity=0;
image2.style.filter='alpha(opacity='+0+')';
image2.style.position='absolute';
image2.id = 'image2';		
var fadeTime = 2500;
var holdTime = 4000;
var theseImages = null;

function startSlideshow() {
	page="index";
	pre="";
	startIndex=0;
	dir = pre+'img/slideshow/';
	beginPreload();
	eval('theseImages = '+page+'Images;');
	currentIndex = Number(startIndex);
	document.getElementById('slideshow').appendChild(image1);
	document.getElementById('slideshow').appendChild(image2);
	zIndex++;
	currentImage=1;
		
	eval('var myImage = image'+currentImage+';'); 
	myImage.style.zIndex = zIndex;
	myImage.src = dir+theseImages[currentIndex];
	if(currentIndex+1<theseImages.length) {
		currentIndex++;
	} else {
		currentIndex = 0;
	}
	 
	repId = setTimeout('loadImage()',holdTime);
	//loadImage();
}

function beginPreload() {
		for(var i=0;i<indexImages.length;i++) {
			eval('var img'+i+'=new Image();');
			eval('img'+i+'.src=\''+dir+indexImages[i]+'\';');
			
		}
}

//load currentImage
var intId = null;
var repId = null;
function loadImage() {
	if(repId!=null) {
		clearTimeout(repId);
		repId = null;
	}
	
	if(intId==null) {
		zIndex++;
		if(currentImage==1) {
			currentImage=2;
			previousImage=1;
		} else {
			if(currentImage!=null) {
				previousImage=2;
			}
			currentImage=1;
		}
		
		//currentImage = new Image();
		var myImage = setImage();
		if(currentIndex+1<theseImages.length) {
			currentIndex++;
		} else {
			currentIndex = 0;
		}
		
	} else {
		eval('var myImage = image'+currentImage+';');
		clearTimeout(intId);
	}

	if(myImage.complete) {
		fadeIn();
		intId = null;
	} else {
		intId = setTimeout('loadImage()',15);
	}
}

function setImage() {
		eval('var myImage = image'+currentImage+';'); 
		myImage.style.opacity = currentOpacity;
		myImage.style.filter = 'alpha(opacity='+currentOpacity+')';
		myImage.style.zIndex = zIndex;
		myImage.src = dir+theseImages[currentIndex];
		
		return myImage;
}

//once current image is loaded, fade in AND begin loading next image
var inId = null;
function fadeIn() {
	if(inId!=null) {
		clearTimeout(inId);	
	} 
	
	eval('var myImage = image'+currentImage+';');
	
	if(currentOpacity<100) {
		currentOpacity += 100/(fadeTime/30);
		myImage.style.opacity = currentOpacity/100;
		myImage.style.filter = 'alpha(opacity='+currentOpacity+')';
	
		inId = setTimeout('fadeIn()',30);
	} else {
		inId = null;
		currentOpacity = 0;
		repId = setTimeout('loadImage()',holdTime);
	}
}