$(function(){
	$('.yearsList li:first').addClass('selected');
	$('#btn_next').attr('href', '#'+ $('.panel div:first').next().attr('id'));
	$('.panel').width(parseInt($('.mask').width() * $('.panel div').length));
	$('.panel div').width($('.mask').width());
	$('a[rel=panel]').click(changePanel);
});

function changePanel(){
		var currentPanel = $(this).attr('href');
		$('a[rel=panel]').parent().removeClass('selected');
		$('a[rel=panel]').parent().removeClass('selectedPanel');
		if($('a[href='+ currentPanel +']').parent().hasClass('yearPanels')){
			$('a[href='+ currentPanel +']').parent('li').addClass('selectedPanel');
		}
		else{
			$('a[href='+ currentPanel +']').parent('li').addClass('selected');
		}
		$('.mask').scrollTo($(this).attr('href'), 300);
		
		if($(currentPanel).next().attr('id') == null){
			$('#btn_next').fadeOut('fast');
		}
		else{
			$('#btn_next').fadeIn('fast');
			$('#btn_next').attr('href', '#'+ $(currentPanel).next().attr('id'));
		}
		if($(currentPanel).prev().attr('id') == null){
			$('#btn_prev').fadeOut('fast');
		}
		else{
			$('#btn_prev').fadeIn('fast');
			$('#btn_prev').attr('href', '#'+ $(currentPanel).prev().attr('id'));
		}
		
		//move screen to scroller
		var target = $('#timeline_nav').offset().top;
		$('html, body').animate({scrollTop:target}, 500);
		return false;
}