// JavaScript Document
// milliseconds
var slideShowSpeed = 10
var ImageDuration = 2500

/*
//These lines setting up the images go in the html page

var imgPath = "images/large/";
var Pic = new Array();
Pic[0] = 'milestone_01.jpg';
Pic[Pic.length] = 'milestone_02.jpg';
Pic[Pic.length] = 'milestone_03.jpg';
Pic[Pic.length] = 'milestone_04.jpg';
Pic[Pic.length] = 'milestone_05.jpg';
Pic[Pic.length] = 'milestone_06.jpg';
Pic[Pic.length] = 'milestone_07.jpg';
Pic[Pic.length] = 'milestone_08.jpg';
Pic[Pic.length] = 'milestone_09.jpg';
Pic[Pic.length] = 'milestone_10.jpg';
Pic[Pic.length] = 'milestone_11.jpg';
Pic[Pic.length] = 'milestone_12.jpg';
Pic[Pic.length] = 'milestone_13.jpg';
Pic[Pic.length] = 'milestone_14.jpg';
Pic[Pic.length] = 'milestone_15.jpg';
Pic[Pic.length] = 'milestone_16.jpg';
Pic[Pic.length] = 'milestone_17.jpg';
Pic[Pic.length] = 'milestone_18.jpg';
Pic[Pic.length] = 'milestone_19.jpg';
Pic[Pic.length] = 'milestone_20.jpg';
Pic[Pic.length] = 'milestone_21.jpg';
*/

var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++){
   preLoad[i] = new Image();
   preLoad[i].src = imgPath + Pic[i];
}

var dir = 1;
var transLevel = 0;
function runSlideShow(){
	var obj = document.getElementById("SlideShow1");
	var obj2 = document.getElementById("SlideShow2");
	//FireFox
	obj.style.opacity = (transLevel / 100);
	obj2.style.opacity = (1-(transLevel / 100));
	//IE
	obj.style.filter  = "alpha(opacity=" + transLevel + ")";
	obj2.style.filter  = "alpha(opacity=" + (100-transLevel) + ")";

	transLevel = transLevel + dir;

	if (transLevel == 100 | transLevel == 0){
		dir = 0 - dir;
	   	j = j + 1;
	   	if (j > (p-1)) j=0;
		if (transLevel == 0){
		   obj.src = preLoad[j].src;
		}
		if (transLevel == 100){
		   obj2.src = preLoad[j].src;
		}
  		t = setTimeout('runSlideShow()', ImageDuration);
	}else{
  		t = setTimeout('runSlideShow()', slideShowSpeed);
	}
}