// JavaScript Document

var speed = 100; // THE SPEED OF THE FADE IN AND OUT IN MILLISECONDS
var pause = 5000; // HOW LONG THE IMAGE SHOWS BEFORE IT FADES MILLISECONDS

var opacity = 0; var ie_opacity = 0; var fader_loop = ''; var fader_timeout = '';
var fader_wrapper = document.getElementById("fader");
var fader_img = fader_wrapper.getElementsByTagName("li");
var fader_total = fader_img.length;
var fader_select = 0;

for(var x=0; x<fader_total; x++) {
	if(x==0) { 
		fader_img[x].style.opacity = 1;
		fader_img[x].style.filter = "alpha(opacity=100)";
	} else {
		fader_img[x].style.opacity = 0;
		fader_img[x].style.filter = "alpha(opacity=0)";		
	}
}

var btn_left = document.getElementById("leftArrow");
var btn_right = document.getElementById("rightArrow");
var fader_container = document.getElementById("fader");

//btn_left.onclick = function() {
//	move_item('left');
// }

//btn_right.onclick = function() {
	//move_item('right');
//}

window.onload = fadeout;


function fadeout() {
	fader_container.style.visibility = 'visible';
	if(fader_loop!='') clearInterval(fader_loop);
	if(fader_timeout!='') clearTimeout(fader_timeout);
	var current = fader_img[fader_select].style.opacity;
	fader_img[fader_select].style.zIndex = 1;
	if((current>=0) && (current<1)) {
		opacity++;
		fader_img[fader_select].style.opacity = opacity/10;
		ie_opacity = opacity*10;
		fader_img[fader_select].style.filter = "alpha(opacity="+ie_opacity+")";
		fader_loop = setInterval("fadeout()",speed);
	} else {
		opacity = 0;
		fader_img[fader_select].style.zIndex = 0;
		fader_select = (fader_select==(fader_total-1)) ? 0 : fader_select+1;
		if(fader_select==0) reset_fader();
		if(fader_select==1) {
			fader_img[fader_total-1].style.opacity = 0;
			fader_img[fader_total-1].style.filter = "alpha(opacity=0)";
		}
		fader_timeout = setTimeout("fadeout()",pause);
	}
}

function move_item(value) {
	if(fader_timeout!='') clearTimeout(fader_timeout);
	if(value=='left') {
		fader_select--;
		if(fader_select<=0) fader_select = fader_total-1;
		///fader_select = 0;
		fader_timeout = setTimeout("fadeout()",pause);
	}
	if(value=='right') {
		fader_select++;
		if(fader_select>=fader_total) fader_select = 0;
		fader_timeout = setTimeout("fadeout()",pause);
	}
}

function reset_fader() {
	for(x=0;x<fader_total;x++) {
		fader_img[x].style.opacity = 0;
		fader_img[x].style.filter = "alpha(opacity=0)";
		fader_img[x].style.zIndex = 0;
		if(x==(fader_total-1)) {
			fader_img[x].style.opacity = 1;
			fader_img[x].style.filter = "alpha(opacity=100)";
		}
	}
}
