/*
SlideShow Fader
by Christian Lowe
DOM2 browsers (IE5+, NS6+) will fade between slides;
older browsers will just cut between slides;
*/
var fadeStep = 10; //the % fade for each animation step
var fadeSpeed = 50; //milliseconds between steps
var delay = 3000 //delay between slides during autoplay

var slide = new Array()
	slide[0]="images/thumbs/thumb_reel01.jpg";
	slide[1]="images/thumbs/thumb_reel02.jpg";
	slide[2]="images/thumbs/thumb_reel03.jpg";
	slide[3]="images/thumbs/thumb_reel04.jpg";
	slide[4]="images/thumbs/thumb_static.gif";

var preload = new Array()
for (i=0; i<slide.length; i++) {
	preload[i] = new Image();
	preload[i].src = slide[i];
}

var ie5 = (document.getElementById && document.all);
var ns6 = (document.getElementById && !document.all);
var currentSlide = 0;
var opacity = 0;
var timerFade = null;
var timerAuto = null;
var loopSlideshow = null

function slideFade() {
	if (document.getElementById && opacity<100) {
		opacity += fadeStep;
		if(ie5) { fader.filters.alpha.opacity = opacity;}
		if(ns6) { fader.style.MozOpacity = opacity / 101;}
		timerFade = setTimeout('slideFade()',fadeSpeed);
	}
	else {
		stopFade();
		opacity = 0;
		if (document.getElementById) { //DOM browsers
			document.images.slide.src = slide[currentSlide];
		}
		if (document.layers && !document.getElementById) { //for NS4
			document["doorway2"].document["content2"].document["slide"].src = slide[currentSlide];
		}
		if(ie5) {
			slider.filters.alpha.opacity = 100;
			fader.filters.alpha.opacity = opacity;
		}
		if(ns6) {
			slider.style.MozOpacity = 1.0;
			fader.style.MozOpacity = opacity / 101;
		}
		if(loopSlideshow) {
			timerAuto = setTimeout('slideNext()',delay);
		}
	}
}
function stopFade() {
	if(document.getElementById){
		clearTimeout(timerFade);
		timerFade = null;
	}
}
function slideNext(num) {
	if(!timerFade) {
		if(timerAuto) {
			clearTimeout(timerAuto);
			timerAuto = null;
		}
		
		currentSlide = (currentSlide < slide.length -1)? currentSlide+1 : 0;
		if (num) {
			currentSlide = num - 1;
		}
		if (document.getElementById) {
			document.images.fade.src = slide[currentSlide];
		}
		hilite(num);
		slideFade();
	}
}
function hilite(num) {
	if (document.getElementById) { //DOM browsers
		for (i = 1; i < slide.length + 1; i++) {
			document.images["square" + i].src = "images/square.gif";
		}
		document.images["square" + num].src = "images/square_on.gif";
	}
	if (document.layers && !document.getElementById) { //for NS4
		for (i = 1; i < slide.length + 1; i++) {
			document["doorway2"].document["content2"].document["square" + i].src = "images/square.gif";
		}
		document["doorway2"].document["content2"].document["square" + num].src = "images/square_on.gif";
	}
}	
function slideLast() {
	if(!timerFade) {
		if(timerAuto) {
			clearTimeout(timerAuto);
			timerAuto = null;
		}
		currentSlide = (currentSlide > 0)? currentSlide-1 : slide.length-1;
		if (document.getElementById) {
			document.images.fade.src = slide[currentSlide];
		}
		slideFade();
	}
}
function slideAuto() {
	loopSlideshow = 1;
	if(!timerFade && !timerAuto) {
		currentSlide = (currentSlide < slide.length-1)? currentSlide+1 : 0;
		if (document.getElementById) {
			document.images.fade.src = slide[currentSlide];
		}
		slideFade();
	}
	else {
		slideStop();
	}
}
function slideStop() {
	clearTimeout(timerAuto);
	timerAuto = null;
	loopSlideshow = null;
}

function initSlideShow() {
	if (document.getElementById) {		
		slider = document.getElementById("slide");
		fader = document.getElementById("fade");
		fader.innerHTML = "<a href=" + '"' + "javascript: openWindow('portfolio/reel.html',480,376);" + '"' + "><img name='fade' src='images/space.gif' width='162' height='93' alt='' border='0'>"
		document.getElementById("thumbSlideshow").style.display ="block";
		document.images.fade.src = slide[currentSlide];
	}
	slideFade();
}