var slideSpeed, currentSlide, firstSlide, numSlides, slideWidth;

// This function progresses to the "next" slide, if there is one.
// Otherwise, it takes you back to the first slide.
function slideNext() {
	if($(".slidelist:animated").length == 0) {
		if (currentSlide < numSlides) {
			$('.slidelist').animate(
				{left: (-slideWidth * currentSlide) + 'px'},slideSpeed
			);
			currentSlide++;
		}
		else {
			$('.slidelist').animate(
				{left: 0 },slideSpeed
			);
			currentSlide = 1;
		}
	}
}

// This function moves us back to the previous slide.
// If we're at the first slide, we move back to the last slide instead.
function slidePrev() {
	if($(".slidelist:animated").length == 0) {
		if (currentSlide == 1) {
			$('.slidelist').animate(
				{left: (-slideWidth * (numSlides - 1)) + 'px'},slideSpeed
			);
			currentSlide = numSlides;
		}
		else {
			$('.slidelist').animate(
				{left: (-slideWidth * (currentSlide - 2)) + 'px'},slideSpeed
			);
			currentSlide--;
		}
	}
}

$(document).ready(function () {
// Initialize the variables
slideSpeed = 900; // Duration of the slide movement, in milliseconds.
currentSlide = 1;
numSlides = $('.slide').length;
slideWidth = $('.slide').width();
							
// Set the click functions on our slides and the previous and next buttons.
	$(".slide").click(function() {
		slideNext();
		return false;
	});
	$(".prev-slide").click(function() {
		slidePrev();
		return false;
	});
	$(".next-slide").click(function() {
		slideNext();
		return false;
	});	
});