//JavaScript Document

var sliderWidth = 274;
var timeout = 6000;

var leftCounter = 0;
var numSlides;
var untouched = true;
var v;

$(document).ready(function(){
	var slideCont = document.getElementById('sLider');
	var slidesLength = slideCont.getElementsByTagName('h5');
	numSlides = slidesLength.length-1;
	$('.slideButton').click(function(){
		untouched = false;
		clearTimeout(v);
		if(this.id == 'moveLeft'){
			leftCounter -= sliderWidth;
			if(leftCounter < (-1*sliderWidth*(numSlides -1))){
				leftCounter = 0;
			}
		}
		else if(this.id == 'moveRight'){
			leftCounter += sliderWidth;
			if(leftCounter > 0){
				leftCounter = -1*sliderWidth*(numSlides-1);
			}
		}
		//$('.slider').fadeTo(200, 0);
		$('.slider').animate({'left':leftCounter}, 450);
		//$('.slider').fadeTo(200, 1);
	});
	timerStart();
});
function timerStart(){
	v = setTimeout(carousel, timeout)	
}
function carousel(){
	if(untouched == true){
		leftCounter -= sliderWidth;
		if(leftCounter < (-1*sliderWidth*(numSlides -1))){
			leftCounter = 0;
		}
		//$('.slider').fadeTo(200, 0);
		$('.slider').animate({'left':leftCounter}, 450);
		//$('.slider').fadeTo(200, 1);
		timerStart();
	}
}