var dir = null;
var indexImages = new Array('home1.jpg','home2.jpg','home3.jpg','home4.jpg','home5.jpg');
var servicesImages = new Array('service1.jpg','service2.jpg','service3.jpg','service4.jpg','service5.jpg');
var procedureImages = new Array('procedure1.jpg','procedure2.jpg','procedure3.jpg','procedure4.jpg','procedure5.jpg','procedure6.jpg');
var industriesImages = new Array('industries1.jpg','industries2.jpg','industries3.jpg','industries4.jpg','industries5.jpg','industries6.jpg');
var toolsImages = new Array('tools1.jpg','tools2.jpg','tools3.jpg','tools4.jpg','tools5.jpg');
var installationsImages = new Array('installations1.jpg','installations2.jpg','installations3.jpg','installations4.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 = 2000;
var holdTime = 3000;
var theseImages = null;

function startSlideshow(page,pre,startIndex) {
	dir = pre+'img/slideshow/';
	eval('theseImages = '+page+'Images;');
	currentIndex = Number(startIndex);
	document.getElementById('banner').appendChild(image1);
	document.getElementById('banner').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();
}

//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();
		eval('var myImage = image'+currentImage+';'); 
		myImage.style.opacity = currentOpacity;
		myImage.style.filter = 'alpha(opacity='+currentOpacity+')';
		myImage.style.zIndex = zIndex;
		myImage.src = dir+theseImages[currentIndex];
		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);
	}
}

//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);
	}
}