var currentSlide = 0;
var slides;
var numSlides = 0;
var delta;

$(document).ready(function(){
	slides = $('.slideshow .slide');
	numSlides = slides.length;
	for (i=0; i<numSlides; i++){
		slides.eq(i).css('margin-left', String(i*492) + 'px');
	}
	
	slides.show();
	
});

function showSlide(index){
	if (currentSlide != index){
		if (currentSlide > index){
			$('.slideshow .slide').eq(currentSlide).animate({marginLeft: '492px'},500)
			$('.slideshow .slide').eq(index).animate({marginLeft:0},500, 'linear', complete(index));
		} else {
			$('.slideshow .slide').eq(currentSlide).animate({marginLeft: '-492px'},500)
			$('.slideshow .slide').eq(index).animate({marginLeft:0},500, 'linear', complete(index));
		}
		
	}	
}

function complete(index){
	currentSlide = index;
}