// JavaScript Document

var max_index = 3;
var current_index = 0;
var interval = 5;	//seconds
var duration = 750;
var timerID = 0;

var images = [];
images[0] = '/images/slideshow1.png';
images[1] = '/images/slideshow2.png';
images[2] = '/images/slideshow3.png';
images[3] = '/images/slideshow4.png';

var links = [];
links[0] = '#';
links[1] = '#';
links[2] = '#';
links[3] = '#';

$(document).ready(function(){

	timerID = setInterval(function() { doTransition( (current_index==max_index) ? 0 : current_index+1 ); }, interval*1000);

	$('#button1').bind('click', function(){ clearInterval(timerID); doTransition(0); });
	$('#button2').bind('click', function(){ clearInterval(timerID); doTransition(1); });
	$('#button3').bind('click', function(){ clearInterval(timerID); doTransition(2); });
	$('#button4').bind('click', function(){ clearInterval(timerID); doTransition(3); });
});

function doTransition(newid) {
	// update button states
	$('#ssButtons a').removeClass('current');
	$('#button'+(newid+1)).addClass('current');

	// transition image
	$('#next_image').attr( 'src', images[newid] );
	$('#current_image').fadeTo( duration, 0, function(){
		$(this).attr( 'src', images[current_index] ).fadeTo(duration, 1);
		//$('#image_link').attr( 'href', links[current_index] );
	});

	current_index = newid;
}