// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var delayLength = 5000;
	
function doMove(panelWidth, tooFar) {

	var leftValue = $("#mover").css("left");
	// Fix for IE
	if (leftValue == "auto") { leftValue = 0; };


	var movement = parseInt(leftValue, 10) - panelWidth;
	if (movement == tooFar) {
		$(".slide img").animate({
			"top": -200
		}, function() {
			$("#mover").animate({
				"left": 0
			}, function() {
				$(".slide img").animate({
					"top": 40
				});
			});
		});
	}
	else {
		$(".slide img").animate({
			"top": -200
		}, function() {
			$("#mover").animate({
				"left": movement
			}, function() {
				$(".slide img").animate({
					"top": 40
				});
			});
		});
	}
}

$(function(){
	
    var $slide1 = $("#slide-1");
	
	if($slide1)
	{
		var panelWidth = $slide1.css("width");
		var panelPaddingLeft = $slide1.css("paddingLeft");
		var panelPaddingRight = $slide1.css("paddingRight");
	
		panelWidth = parseInt(panelWidth, 10);
		panelPaddingLeft = parseInt(panelPaddingLeft, 10);
		panelPaddingRight = parseInt(panelPaddingRight, 10);
		
		if(navigator.appName == 'Microsoft Internet Explorer'){
			panelWidth = panelWidth;
		}
		else{
			panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;
		}
		
		var numPanels = $(".slide").length;
		var tooFar = -(panelWidth * numPanels);
		var totalMoverwidth = numPanels * panelWidth;
		$("#mover").css("width", totalMoverwidth);
	
		$("#slider").append('<a id="slider-stopper">Stop</a>');
	
		sliderIntervalID = setInterval(function(){
			doMove(panelWidth, tooFar);
		}, delayLength);
		
		$("#slider-stopper").click(function(){
			if ($(this).text() == "Stop") {
				clearInterval(sliderIntervalID);
				$(this).text("Start");
			}
			else {
				sliderIntervalID = setInterval(function(){
					doMove(panelWidth, tooFar);
				}, delayLength);
				$(this).text("Stop");
			}
			 
		});
	}
});