// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND

var delayLength = 10000;

var totalMoverwidth;

var intialValue=0;

	

function doMove(panelWidth, tooFar) {

	var leftValue = $("#mover").css("left");



	// Fix for IE

	if (leftValue == "auto") { leftValue = 0; };

	

	if(parseInt(intialValue+totalMoverwidth)==247) { leftValue = 247; };



	var movement = parseFloat(leftValue, 10) - panelWidth;

	intialValue=movement;

	

	if (movement == tooFar) {

		$("#mover").hide();

		$('#mover').css('left', movement);

		$("#mover").show();

	}

	else {

		$("#mover").hide();

		$('#mover').css('left', movement);

		$("#mover").show();

	/*	$("div").fadeIn(3000, function () {

        $("span").fadeIn(100);

      });

*/

	}

}



$(function(){

	

    var $slide1 = $("#slide-1");



	var panelWidth = $slide1.css("width");

	var panelPaddingLeft = $slide1.css("paddingLeft");

	var panelPaddingRight = $slide1.css("paddingRight");



	panelWidth = parseFloat(panelWidth, 10);

	panelPaddingLeft = parseFloat(panelPaddingLeft, 10);

	panelPaddingRight = parseFloat(panelPaddingRight, 10);



	panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;

	

	var numPanels = $(".slide").length-1;

	var tooFar = -(panelWidth * numPanels);

	totalMoverwidth = numPanels * panelWidth;

	$("#mover").css("width", totalMoverwidth);



	



	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");

		}

		 

	});



});