// Editable variables
var max = 8;
var delay = 10000;

// Do not edit past here
var d, s = 1;
var bScroll = false;
var t;
	
$(document).ready(function(){
	t = setTimeout("scrollContent();", delay);
	
	$("#contentScroller .content").mouseover(function(){
		$("#contentScroller .left").css("position", "absolute").css("display", "block");
		$("#contentScroller .right").css("display", "block");
	}).mouseout(function(){
		$("#contentScroller .left").css("display", "none");
		$("#contentScroller .right").css("display", "none");
	});
	
	$("#contentScroller .left a").click(function(){
		if(bScroll == false){
			d = 1;
			scrollContent();
		}
		return false;
	});
	
	$("#contentScroller .right a").click(function(){
		if(bScroll == false){
			d = -1;			
			scrollContent();
		}
		return false;
	});	
});

function scrollContent(){
	if(bScroll == false){
		clearTimeout(t);
		bScroll = true;
		
		var content = null;
		var width = 0;
		
		if(d == 1){ s--; }else{ s++; }
		if(s < 1){ s = max; }
		if(s > max){ s = 1; }
		
		$.ajax({
			type: "GET",
			url: "/inc/slides/" + s + ".asp.inc",
			success: function(data){
				content = data
			},
			error: function(){
				content = "<h1>Slide could not be found</h1>";
			},
			complete: function(){
				content = "<div id=\"Slide" + s + "\" class=\"new\">" + content + "</div>";
				
				$("#contentScroller .current").after(content);
				
				if($("#contentScroller .new").length > 0){
					$("#contentScroller .current").css("left", 0);
					
					width = $("#contentScroller .current").width();
					width += parseInt($("#contentScroller .current").css("paddingLeft"), 10) + parseInt($("#contentScroller .current").css("paddingRight"), 10);
					//width += parseInt($("#contentScroller .current").css("marginLeft"), 10) + parseInt($("#contentScroller .current").css("marginRight"), 10);
					//width += parseInt($("#contentScroller .current").css("borderLeftWidth"), 10) + parseInt($("#contentScroller .current").css("borderRightWidth"), 10);
					
					if(d == 1){	
						$("#contentScroller .new").css("left", "-" + width + "px");
						$("#contentScroller .current").animate({ left: width + "px" }, 1000);
					}else{				
						$("#contentScroller .new").css("left", width + "px");
						$("#contentScroller .current").animate({ left: "-" + width + "px" }, 1000);
					}
					
					$("#contentScroller .new").animate({ left: "0px"}, 1000, 
						function(){ 
							$("#contentScroller .current").remove();
							$("#contentScroller #Slide" + s).removeClass("new").addClass("current");
							 
							bScroll = false;
							t = setTimeout("scrollContent();", delay);
						});
				}
			}
		});
  	}  	
}