jQuery(document).ready(function($){

	var possibleDates = $('.the-date-box span').size();
	var displayDates = 8;
	var maxRight =  possibleDates - displayDates;
	var rightClicks = 0;
	var leftClicks = 0;

	
	$('.right-arrow').click(function(){
		if(rightClicks < maxRight) {
			$(".the-date-box").animate({"left": "-=84px"}, "slow");
			rightClicks++;
			leftClicks++;
		}
	});
	
	$('.left-arrow').click(function(){
		if(leftClicks != 0) {
			$(".the-date-box").animate({"left": "+=84px"}, "slow");
			leftClicks--;
			rightClicks--;
		}
	});
	
	$('.date-box').hover(function(){
		$(this).children('.dates').css("color","white");
	}, function(){
		$(this).children('.dates').css("color","#bcbcbc");
	});
	
	$('.date-box').click(function(){ 
		theHTML = $(this).children('.clicked-history').html();
		$('#timeline-box').html(theHTML);
	});
	
});