
var currentImage = 0;
var nextImage = 0;
var imageTimeout = 9000;
var pauseSlideshow = 0;
var currentlyFading = 0;
override = 0;


function addLoadEvent(func) {

	var oldonload = window.onload;

	if (typeof window.onload != 'function') {

		window.onload = func;

	}

	else {

		window.onload = function() {

			oldonload();

			

		}

	}

}

function setOpacity(el, opacity) {

	//  Which opacity method does this browser support?

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function fadeImage(el, currentOpacity) {
	
	if (document.getElementById(currentImage + '_tab')) { document.getElementById(currentImage + '_tab').className = 'ctrl inactive'; }
	if (document.getElementById(nextImage + '_tab')) { document.getElementById(nextImage + '_tab').className = 'ctrl active'; }
	
	currentOpacity += 5;

	currentlyFading = 1;

	if (currentOpacity > 100) {
		setOpacity(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		
		document.getElementById('slide_' + currentImage).style.visibility = 'hidden';
		
		currentImage = nextImage;
		currentlyFading = 0;
	
		el.style.zIndex = 1;
		
	}
	else {
		setOpacity(el, currentOpacity);
		window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
	}

	
	

}

function startFading() {

	var el = document.getElementById('image-container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

	nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;

}

function pageLoad() {
	
	if (document.getElementById('image-container')) { 

	var el = document.getElementById('image-container');
	
	while (el.firstChild) { el.removeChild(el.firstChild); }

	el.style.width = imageWidth + 'px';
	el.style.height = imageHeight + 'px';

	for(var i=0; i<images.length; i++) {

		var t = document.createElement('IMG');
		t.setAttribute('src',images[i]);
		t.setAttribute('width',imageWidth);
		t.setAttribute('height',imageHeight);
		t.setAttribute('id', 'slide_' + i);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);

	}

	el.firstChild.style.visibility = 'visible';

slideshow = window.setInterval(nxtImage, imageTimeout);
}

}

function selectImage(image) { 

if ((currentlyFading != 1) && (image != currentImage)) { 

nextImage = image;

window.clearInterval(slideshow);

var el = document.getElementById('image-container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

}

}

function pauseslideshow() {
window.clearInterval(slideshow);	
}

function nxtImage(image) { 

if ((currentlyFading != 1) && (image != currentImage)) { 

nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;

var el = document.getElementById('image-container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

}

}


function prvImage(image) { 

if ((currentlyFading != 1) && (image != currentImage)) { 

nextImage = (nextImage > 0) ? nextImage - 1 : images.length - 1;

window.clearInterval(slideshow);

var el = document.getElementById('image-container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

}

}

function resumeSlideshow() {
pauseSlideshow = 0;	
}
