// JavaScript Document
var $tls = jQuery.noConflict();

$tls(document).ready(function (){	
	
	$tls("#buttonLeft").click(function(){
		if($tls(".timelineScroller_UL").width() > 900){
			animateScroller(this, "+=382px");
		}
	});
	
	$tls("#buttonRight").click(function(){
		var kids = $tls(".timelineScroller_UL").children(".timelineScroller_LI");
		var maxWidth = 382 * $tls(kids).length;
		$tls("#test1").text(maxWidth);
		if($tls(".timelineScroller_UL").width() <= maxWidth){
			animateScroller(this, "-=382px");
		}
    });
	
	$tls(".timelineScroller_LI:not(:last-child)").after("<li class=\"timelineScrollerDivider\"></li>");
	
});

function animateScroller(myButton, scrollAmount){
	$tls(".timelineScroller_UL:not(:animated)").animate({"left": scrollAmount}, {queue: false});
}