window.onload = function() {
	var img1 = new Image();
	img1.src = 'images/ESP2000_Intro_1.png';
	var img2 = new Image();
	img2.src = 'images/ESP2000_Intro_2.png';
	var img3 = new Image();
	img3.src = 'images/ESP2000_Intro_3.png';
	var img4 = new Image();
	img4.src = 'images/ESP2000_Intro_4.png';
	var img5 = new Image();
	img5.src = 'images/ESP2000_Intro_5.png';
	var img6 = new Image();
	img6.src = 'images/ESP2000_Intro_6.png';
	var img7 = new Image();
	img7.src = 'images/ESP2000_Intro_7.png';
	var img8 = new Image();
	img8.src = 'images/ESP2000_Intro_8.png';
	var img9 = new Image();
	img9.src = 'images/ESP2000_Intro_9.png';
	var img10 = new Image();
	img10.src = 'images/ESP2000_Intro_10.png';
	var img11 = new Image();
	img11.src = 'images/ESP2000_Intro_11.png';
	var img12 = new Image();
	img12.src = 'images/ESP2000_Intro_12.png';
	var img13 = new Image();
	img13.src = 'images/ESP2000_Intro_13.png';
	var img14 = new Image();
	img14.src = 'images/ESP2000_Intro_14.png';
	var img15 = new Image();
	img15.src = 'images/ESP2000_Intro_15.png';
	var img16 = new Image();
	img16.src = 'images/ESP2000_Intro_16.png';
	var img17 = new Image();
	img17.src = 'images/ESP2000_Intro_17.png';
	var img18 = new Image();
	img18.src = 'images/ESP2000_Intro_18.png';
	var img19 = new Image();
	img19.src = 'images/ESP2000_Intro_19.png';
	var img20 = new Image();
	img20.src = 'images/ESP2000_Intro_20.png';

	var nextObj = document.getElementById('nextSlidePic');
	nextObj.style.left = getObjectLeft(document.getElementById('header_slideshow')) + "px";
	nextObj.style.top = getObjectTop(document.getElementById('header_slideshow')) + "px";
	var currentObj = document.getElementById('currentSlidePic');
	currentObj.style.left = getObjectLeft(document.getElementById('header_slideshow')) + "px";
	currentObj.style.top = getObjectTop(document.getElementById('header_slideshow')) + "px";

	setInterval(function() { slideNext() }, 7000);
}

function setOpacity(id, value) {
	var obj = document.getElementById(id);
	obj.style.opacity = value / 10;
	obj.style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeOut(id) {
	internalFadeOut(id, 10);
}
function internalFadeOut(id, value) {
	if(value > 0) {
		setOpacity(id, value);
		setTimeout(function() {internalFadeOut(id, value - 0.1)}, 10);
	}
	else {
		finalizeSlide();
	}
}

function getObjectTop(obj) {
	var top = 0;
	do {
		top += obj.offsetTop;
	} while((obj = obj.offsetParent) != null);
	return top;
}

function getObjectLeft(obj) {
	var left = 0;
	do {
		left += obj.offsetLeft;
	} while((obj = obj.offsetParent) != null);
	return left;
}

function slideNext() {
	var next = Math.floor(Math.random() * 20) + 1;
	var nextObj = document.getElementById('nextSlidePic');
	nextObj.src = 'images/ESP2000_Intro_' + next + '.png';
	fadeOut('currentSlidePic');
}
function finalizeSlide() {
	var nextObj = document.getElementById('nextSlidePic');
	var currentObj = document.getElementById('currentSlidePic');
	currentObj.src = nextObj.src;
	setOpacity('currentSlidePic', 10);
	nextObj.src = null;
}