///////////////////////////////////
/////     SLIDE VARIABLES     /////
///////////////////////////////////
if (window.addEventListener) {
	window.addEventListener("load",preload, false);
} else if(window.attachEvent) {
	window.attachEvent("onload",preload);
} else {
	window.onload=preload();
}
// thumbnail height
var tH = 50;
// thumbnail width
var tW = 50;
// thumbnail selected border width
var tb = 2;
// thumbnail selected border color
var tc = "#0d4e80";
// transition speed in seconds
tS = .5;
// time to wait on each image in seconds
tN = 5;

var a;
var f;
var i;
var imgs;

var ai;
var ao;

function preload() {
	var img = new Image();
	document.getElementById("slideContainer").innerHTML = "";
	document.getElementById("thumbContainer").innerHTML = "";
	
	/////     preload all images     /////
	for(i=0; i<slideshow.slides.length; i++) {
		document.getElementById("slideContainer").innerHTML += "<img src='"+slideshow.slides[i].filename+"' style=\"filter:Alpha(opacity=0)\">";
		document.getElementById("thumbContainer").innerHTML += "<div class=\"thDiv\" style=\"width:"+tW+"px; height:"+tH+"px; background-image: url(thumbnail.php?img="+escape(slideshow.slides[i].filename)+"&w="+tW+"&h="+tH+");\"><a href=\"javascript:change("+i+")\" style=\"display:block; width:"+tW+"px; height:"+tH+"px;\"></a></div>"
	}
	document.getElementById("thumbContainer").innerHTML += "<br clear=\"all\" />";
	
	imgs = document.getElementById("slideContainer").getElementsByTagName("img");
	thumbs = document.getElementById("thumbContainer").getElementsByTagName("div")
	
	for (i=0; i<imgs.length; i++) {
		imgs[i].a = 0;
	}
	
	i = 0;
	fade();
}

function startSlides() {
	t = setInterval(nextImage, tN*1000);
}
function stopSlides() {
	clearInterval(t);
	t = null;
}

function nextImage() {
	i++;
	if (i == slideshow.slides.length) {
		i = 0;
	}
	fade();
}

function prevImage() {
	i--;	
	if (i == -1) {
		i=slideshow.slides.length-1;
	}
	fade();
}
function change(c) {
	i = c;
	fade();
}

function fade() {
	stopSlides();
	
	// set thumb selected state
	for(p=0; p<thumbs.length; p++) {
		thumbs[p].style.zIndex = p;
		thumbs[p].getElementsByTagName("a")[0].style.border = "none";
		thumbs[p].getElementsByTagName("a")[0].style.width = tW+"px";
		thumbs[p].getElementsByTagName("a")[0].style.height = tH+"px";
	}
	thumbs[i].style.zIndex = thumbs.length-1;
	thumbs[i].getElementsByTagName("a")[0].style.border = tb+"px solid "+tc;
	thumbs[i].getElementsByTagName("a")[0].style.width = tW-(tb*2)+"px";
	thumbs[i].getElementsByTagName("a")[0].style.height = tH-(tb*2)+"px";

	
	imgs[i].style.zIndex = imgs.length-1;
	document.getElementById("descriptionContainer").innerHTML = "<h5 align=\"center\">Unit "+unescape(slideshow.slides[i].description)+"</h5>";	
		
	ai = new OpacityTween(imgs[i],Tween.StrongEaseIn,imgs[i].a,100,tS);
	ai.start();
	
	for (p=0; p<imgs.length; p++) {
		if (imgs[p] != imgs[i]) {
			ao = new OpacityTween(imgs[p],Tween.StrongEaseIn,imgs[p].a,0,tS);
			ao.start();
		}
	}
	
	clearInterval(f);
	if (t == null) {
		startSlides();
	}
}