// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var delayLength = 7000;
	
function doMove(panelWidth, tooFar) {
	var leftValue = $("#mover").css("left");
	var numPanels = $(".slide").length;
	
	// Fix for IE
	if (leftValue == "auto") { leftValue = 0; };
	
	var movement = parseFloat(leftValue, 10) - panelWidth;
	if ( numPanels > 1 ) {
	   if (movement == tooFar) {
		  $(".slide .foto img").animate({
		  	  "top": -150
		  }, function() {
			  $("#mover").animate({
				  "left": 0
			  }, function() {
				  $(".slide .foto img").animate({
					"top": 46
				  });
			  });
		  });
	   }
	   else {
		  $(".slide .foto img").animate({
			  "top": -150
		  }, function() {
			  $("#mover").animate({
				  "left": movement
			  }, function() {
				  $(".slide .foto img").animate({
					  "top": 46
				  });
			  });
		  });
	   }
	}
}

$(function(){
	
	var panelWidth = 596;
	var numPanels = $(".slide").length;
	var tooFar = -(panelWidth * numPanels);
	var totalMoverwidth = numPanels * panelWidth;
	$("#mover").css("width", totalMoverwidth);

	$("#slider").append('<a href="#" id="slider-stop">װ</a>');

	sliderIntervalID = setInterval(function(){
		doMove(panelWidth, tooFar);
	}, delayLength);
	
	$("#slider-stop").click(function(){
		if ($(this).text() == "װ") {
			clearInterval(sliderIntervalID);
		 	$(this).text("›");
		}
		else {
			sliderIntervalID = setInterval(function(){
				doMove(panelWidth, tooFar);
			}, delayLength);
		 	$(this).text("װ");
		}
		 
	});

});