// JavaScript Document
$(document).ready(function() {
	animateFacts();	
});


function animateFacts(){
	var numFacts = $("#scrollBox").size();	
	var elementWidth = parseInt($("#factsScroll").width());
	var currentMargin = parseInt($("#scrollBox").css("margin-left"));
	var speed = '2000';
	var delay = '5000';
	
	var counter = 0;
	
	var nextMargin = currentMargin - elementWidth;

	$("#scrollBox").delay(delay).animate({marginLeft:nextMargin},speed, function(){
		//on complete... MOVE that last fact from the top to the bottom...
		var completedSlide = $("#scrollBox div:nth-child(1)").remove();
		$("#scrollBox").append(completedSlide);
		//reset margin!
		$("#scrollBox").css("margin-left", 0);
		
		//replay animation
		animateFacts();
	});		
	
	

}