// JavaScript Document

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

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

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

$(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); });
	$('#button5').bind('click', function(){ clearInterval(timerID); doTransition(4); });
	
	$('#pause').bind('click', function(){ clearInterval(timerID); });
	$('#play').bind('click', function(){ clearInterval(timerID); timerID = setInterval(function() { doTransition( (current_index==max_index) ? 0 : current_index+1 ); }, interval*1000); });
});

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;
}