// BEGIN CONFIGURING VALUES
var delay = 5500; // Set the delay between transitions
var tspeed = 500; // Set the transition speed
// END CONFIGURING VALUES
var start_frame = 0;
var end_frame = 0;
var current_frame = 0;
var prev_frame = 0;
var tm = null;
var lis = null;


function init_slideshow() {
	lis = $('div.slidewrapper');
	for( i=0; i < lis.length; i++){
		if (i!=0) {
			$(lis[i]).css({opacity: 0});
		}
	}
	
	end_frame = lis.length -1;
	document.getElementById("pagecounter").innerHTML = "<img src='/images/buttons/" + (start_frame+1) + "button.png' border='0' align='absbottom' />";
	start_slideshow(start_frame+1);
}

function start_slideshow(start) {
	clearTimeout(tm);
	tm = setTimeout(fadeInOut(start, delay), delay);
}

function play(){
	clearTimeout(tm);
	document.getElementById("pauseButton").style.display = 'inline';
	document.getElementById("playButton").style.display = 'none';
	tm = setTimeout(fadeInOut(current_frame+1, delay), 0);
}
function pause(){
	pause_slideshow();
	document.getElementById("pauseButton").style.display = 'none';
	document.getElementById("playButton").style.display = 'inline';
}
function pause_slideshow() {
	clearTimeout(tm);
}

function continue_slideshow() {
	start_slideshow(prev_frame+1);
}

function fadeInOut(frame, delay, cont) {
	return (function() {
		$(lis[prev_frame]).animate({opacity: 0}, tspeed);
		
		if (frame > end_frame) frame = start_frame;
		lisAppear = lis[frame];
		
		$(lisAppear).animate({opacity: 1}, tspeed);
		current_frame = frame;
		//select_button(frame+1);
		if (cont != false) {
			tm = setTimeout(fadeInOut(frame+1, delay), delay);
		} else {
			pause();
		}
		prev_frame = frame;
		
		document.getElementById("pagecounter").innerHTML = "<img src='/images/buttons/" + (frame+1) + "button.png' border='0' align='absbottom' />";
	})
}

//Event.observe(window, 'load', init_slideshow, false);

function change_slide(dir) {
	var next_frame = (dir == 'prev') ? prev_frame - 1 : prev_frame + 1;
	
	if (next_frame > lis.length) {
		next_frame = 0;
	} else if (next_frame < 0){
		next_frame = lis.length-1;
	}
	
	if (next_frame != prev_frame) {		
		clearTimeout(tm);
		fadeInOut(next_frame, delay, false).call();
	}
}


/*
function select_button(num) {
	for (var i = 1; i <= lis.length; i++) {
		$('selectslide' + i).src = '/images/buttons/button_up.gif';
	}
	$('selectslide' + num).src = '/images/buttons/button_down.gif';
}*/