var timelineOptions = {
	yearCount: ['71', '72', '73', '76', '79', '80', '81', '83', '85', '86', '89', '90', '91', '93', '95', '96', '98', '99', '00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11'], 
	yearContentWidth: 310
}

var TimeLineMaster = {
	Init: function(){
		TimeLineMaster.GenerateTimeLine();
	},
	
	GenerateTimeLine: function(){
		var control = '';
		for(var i = 0; i < timelineOptions.yearCount.length; i++){
			control += '<li><a href="#">' + timelineOptions.yearCount[i] + '</a></li>';
		}
		
		control = '<ul>' + control + '</ul>';
		$('.timeline-control').append(control);
	},
	
	ChangePosition: function(){
		var offsetTimeline = ((($('.timeline-control li a.current').parent().index() * timelineOptions.yearContentWidth) - 135) * -1);
		$('.timeline').animate({
			left: offsetTimeline
		})
	}
}

$(document).ready(function(){
	TimeLineMaster.Init();
	$('.timeline-control li a').eq(0).addClass('current');
});

$(window).load(function(){
	$('.timeline-control li a').click(function(event){
		event.preventDefault();
		$('.timeline-control li a').removeClass('current');
		$(this).addClass('current');
		TimeLineMaster.ChangePosition();
	});
	
	$('.left-arrow').click(function(event){
		event.preventDefault();
		var currentIndex = $('.timeline-control li a.current').parent().index();
		if(currentIndex != 0){
			$('.timeline-control li a').removeClass('current');
			$('.timeline-control li a').eq(currentIndex - 1).addClass('current');
			TimeLineMaster.ChangePosition();
		}
	});
	
	$('.right-arrow').click(function(event){
		event.preventDefault();
		var currentIndex = $('.timeline-control li a.current').parent().index();
		if(currentIndex != ($('.timeline-control li').length - 1)){
			$('.timeline-control li a').removeClass('current');
			$('.timeline-control li a').eq(currentIndex + 1).addClass('current');
			TimeLineMaster.ChangePosition();
		}
	});
})