var J = jQuery.noConflict();
var timelineMoveStep = 822;

J(document).ready(function(){
	
	stripWidth = getTimelineStripWidth();	
	J('A.timeline-nav-left, A.timeline-nav-right').click(function(){
		var nextLeft = parseInt(J('#timeline-strip').css('left'));
		if(J(this).attr('rel') == 'next'){
			if(Math.abs(nextLeft - timelineMoveStep) < stripWidth){
				nextLeft -= timelineMoveStep;	
			}
		} else {
			nextLeft += timelineMoveStep;
			if(nextLeft > 0){
				nextLeft = 0;
			}
		}
		
		J('#timeline-strip').animate({left: nextLeft }, 'normal');
		return false;
	});

	J("#timeline-strip").jScrollHorizontalPane();
	J("#timeline-strip").jScrollHorizontalPane();
});

function getTimelineStripWidth()
{
	var w = 0;
	J('#timeline-strip > .timeline-block').each(function(){
		w += J(this).width();
	});
	return w;
}