var sliderTime = 8000;
var sliderCan  = false;

function sliderNext(panelWidth, tooFar) {
	var leftValue = $("#slider-mover").css("left");
	if (leftValue == "auto") { leftValue = 0; };
	var movement = parseFloat(leftValue, 10) - panelWidth;
	if (movement == tooFar) {
		$(".slide img").animate({"top": -200}, function() {
			$("#slider-mover").animate({"left": 0}, function(){$(".slide img").animate({"top":0}, function(){sliderCan = true;});});
		});
	}
	else {
		$(".slide img").animate({"top": -200}, function() {
			$("#slider-mover").animate({"left": movement}, function(){$(".slide img").animate({"top": 0}, function(){sliderCan = true;});});
		});
	}
}
function sliderPrev(panelWidth, end) {
	var leftValue = $("#slider-mover").css("left");
	if (leftValue == "auto") { leftValue = 0; };
	var movement = parseFloat(leftValue, 10) + panelWidth;
	if (movement > 0) {
		$(".slide img").animate({"top": -200}, function(){
			$("#slider-mover").animate({"left": end}, function(){$(".slide img").animate({"top":0}, function(){sliderCan = true;});});
		});
	}
	else {
		$(".slide img").animate({"top": -200}, function(){
			$("#slider-mover").animate({"left": movement}, function(){$(".slide img").animate({"top": 0}, function(){sliderCan = true;});});
		});
	}
}


var $slide1           = $("#slide-1");
var panelWidth        = $slide1.css("width");
var panelPaddingLeft  = $slide1.css("paddingLeft");
var panelPaddingRight = $slide1.css("paddingRight");

panelPaddingLeft  = parseFloat(panelPaddingLeft, 10);
panelPaddingRight = parseFloat(panelPaddingRight, 10);
panelWidth        = parseFloat(panelWidth, 10);
panelWidth        = panelWidth + panelPaddingLeft + panelPaddingRight;

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

sliderIntervalID = setInterval(function(){
	sliderCan = false;
	sliderNext(panelWidth, tooFar);
}, sliderTime);

$("#slider-next")
	.click(function(){ if (sliderCan) {
			sliderCan = false;
			clearInterval(sliderIntervalID);
			sliderNext(panelWidth, tooFar);
			sliderIntervalID = setInterval(function(){sliderCan = false; sliderNext(panelWidth, tooFar);}, sliderTime);
	}})
	.mouseover(function(){$(this).css('background-position', '0 160px');})
	.mouseout(function(){$(this).css('background-position', '0 0');})
;
$("#slider-prev")
	.click(function(){ if (sliderCan) {
			sliderCan = false;
			clearInterval(sliderIntervalID);
			sliderPrev(panelWidth, -(totalMoverwidth-panelWidth));
			sliderIntervalID = setInterval(function(){sliderCan = false; sliderNext(panelWidth, tooFar);}, sliderTime);
	}})
	.mouseover(function(){$(this).css('background-position', '0 160px');})
	.mouseout(function(){$(this).css('background-position', '0 0');})
;
sliderCan = true;