// JavaScript Document

var pause = Number();
var timer = Number();
var slides = Number();
var rotations = Number();	// Sets the number of rotations - always lands on the first slide
var i = Number();			// Current slide
var j = Number();			// Next slide
var k = Number();			// Counter for # of rotations
var timeout;

rotations = 3;
k = 0;

i = 1;
	
// time in milliseconds
// 500 = 1/2 a second, 1000 = 1 second etc…
timer = 1*1000;
pause = 6*1000;

function changeImages() {
		
	if (k >= rotations*slides) {
		$("#pic" + slides).fadeOut(timer, function() {  $("#pic1").fadeIn(timer); });	
	} else {

		if (i == slides) {	
			j = 1;
		} else {
			j = i+1;
		}
	
		fadeTo(i, j);

		i = j;
	
		timeout = setTimeout("changeImages()", pause);

		k++;
	}
}

function fadeTo(from, to) {
	$("#pic"+to).fadeIn(timer);
	$("#pic"+from).fadeOut(timer);
}


$(document).ready(function(){

	slides = $("#slideshow > li").size();
	
	l=0;
	
	for (n=1;n<=slides;n++) {
		$($("#slideshow").children().get(l)).attr("id","pic"+n);
		l++;
	}
	
	timeout = setTimeout('changeImages()', pause);

});