$(function() {
var width = 480;
var animationSpeed = 1000;
var pause = 4000;
var currentSlide = 1;
var stop = false;

//cache the DOM
var $slider = $('#slider');
var $slideContainer = $slider.find('.slides');
var $slides = $slideContainer.find('.slide');
var $pause = $('#stop');
var $next = $('#next');
var $previous = $('#previous');
var totalSlides = $slides.length+1;

var interval;

function startSlider(){
	interval = setInterval(function() {
		moveForward();
		},pause);
}
function moveForward(){
				$slideContainer.css('margin-left', '-=' +(width));
				currentSlide++;
				checkIfAtEnd();
				}

function moveBackwards(){
				if (currentSlide === 1) {
				$slideContainer.css('margin-left', '-='+((totalSlides-1) * width));
				currentSlide = totalSlides;
				};
				if (currentSlide >= 2 ) {
				$slideContainer.css('margin-left', '+='+(width));
				currentSlide--;
				};
      }
function stopSlider() {
	clearInterval(interval);
}
			function checkIfAtEnd() {
				if (currentSlide === totalSlides) {
					currentSlide = 1;
					$slideContainer.css('margin-left', 0);
				};
				if (currentSlide < 1) {
					currentSlide = $slides.length-1;
					$slideContainer.css('margin-left', '-='+(currentSlide * width));
				};
			}


$slider.mouseenter(function() {
if (stop === false) {
stopSlider();
$pause.css('background', 'red');
}
else if (stop === true) {
jQuery.noop()
}
});
$slider.mouseleave(function() {
if (stop === false) {
startSlider();
$pause.css('background', 'green');
}
else if (stop === true) {
jQuery.noop()
}
});

$pause.click(function() {
if (stop === false) {
stop = true;
stopSlider();
$pause.css('background', 'red');
} else if (stop === true) {
stop = false;
startSlider();
$pause.css('background', 'green');
}
});
$next.click(function() {
moveForward();
});
$previous.click(function() {
moveBackwards();
});
startSlider();
});
	</script>