// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var delayLength = 3000;
	
//function doMove(panelWidth, tooFar) {
function doMove(panelHeight, tooFar) {
	//var leftValue = $("#mover").css("left");
	var topValue = $("#mover").css("top");
	
	// Fix for IE
	//if (leftValue == "auto") { leftValue = 0; };
	if (topValue == "auto") { topValue = 0; };
	
	//var movement = parseFloat(leftValue, 10) - panelWidth;
	var movement = parseFloat(topValue, 10) - panelHeight;
	
	if (movement == tooFar) {
		$("#mover").animate({
			"top": 0
		},"slow");
	}else {
		$("#mover").animate({
			"top": movement
		},"slow");
	}
	/*if (movement == tooFar) {
		$(".listabox img").animate({
			"top": -200
		}, function() {
			$("#mover").animate({
				"left": 0
			}, function() {
				$(".listabox img").animate({
					"top": 20
				});
			});
		});
	}
	else {
		$(".listabox img").animate({
			"top": -200
		}, function() {
			$("#mover").animate({
				"left": movement
			}, function() {
				$(".listabox img").animate({
					"top": 20
				});
			});
		});
	}*/
}

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

	//var panelWidth = $slide1.css("width");
	//var panelPaddingLeft = $slide1.css("paddingLeft");
	//var panelPaddingRight = $slide1.css("paddingRight");
	var panelHeight = $slide1.css("height");
	var panelPaddingTop = $slide1.css("paddingTop");
	var panelPaddingBottom = $slide1.css("paddingBottom");
	
	//panelWidth = parseFloat(panelWidth, 10);
	//panelPaddingLeft = parseFloat(panelPaddingLeft, 10);
	//panelPaddingRight = parseFloat(panelPaddingRight, 10);
	panelHeight = parseFloat(panelHeight, 10);
	panelPaddingTop = parseFloat(panelPaddingTop, 10);
	panelPaddingBottom = parseFloat(panelPaddingBottom, 10);
	border = 2;

	//panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;
	panelHeight = panelHeight + panelPaddingTop + panelPaddingBottom + border;
	
	var visiblePanels = 10;
	var numPanels = $(".listabox").length;
	numPanels = numPanels - visiblePanels;
	var tooFar = -(panelHeight * numPanels);
	//var totalMoverwidth = numPanels * panelWidth;
	var totalMoverheight = numPanels * panelHeight;
	//$("#mover").css("width", totalMoverwidth);
	$("#mover").css("height", totalMoverheight);

	//$("#listabox").append('<a href="#" id="slider-stopper">Stop</a>');

	sliderIntervalID = setInterval(function(){
		//doMove(panelWidth, tooFar);
		doMove(panelHeight, tooFar);
	}, delayLength);
	
	$("#slider-stopper").hover(function(){
			clearInterval(sliderIntervalID);
	});

});