window.addEvent('domready', function() {
/*---------------------------------------------------------------------------------*/
		
		
		
		var timeline_li = $('main_timeline').getElementsByTagName("li");
		var k = 0;
		var liWidth = 286;
		
		var w = 0;
		var yearArray = new Array();
		
		for(var i=0; i<timeline_li.length; i++){
			if($(timeline_li[i]).hasClass('year')){
				var theLeft = k * liWidth;
				k ++;
				timeline_li[i].setStyle('left', theLeft);
				yearArray[w] = $(timeline_li[i]);
				w++;
			}
		}
		
		var marginChange = new Fx.Style('main_timeline_div', 'margin-left',{duration:5});
		marginChange.start((-liWidth*(yearArray.length - 1))+30+liWidth).chain(function(){	
					yearArray[yearArray.length - 1].setStyle('border', '1px solid #999');					
					yearArray[yearArray.length - 1].setStyle('padding-top', '20px');
					
				});
		
		function fadeOut(yearArray){
			for(var p=0; p<yearArray.length; p++){
				yearArray[p].setStyle('border', 'none');
				yearArray[p].setStyle('padding-top', '21px');
			}
		}
		
		var navLi = $('nav_timeline').getElementsByTagName("li");
		var marginChange = new Fx.Style('main_timeline_div', 'margin-left',{duration:600});
		$('main_timeline_div').setStyle('margin-left', '30px');
		
		for(var p=0; p<navLi.length; p++){
			navLi[p].pee = p;
			$(navLi[p]).addEvent('click', function(){
				fadeOut(yearArray);
				var p = this.pee;
				
				marginChange.start((-liWidth*this.pee)+30+liWidth).chain(function(){	
					yearArray[p].setStyle('border', '1px solid #999');					
					yearArray[p].setStyle('padding-top', '20px');
					
				});
				
			});
		}
		
		
		
		
/*---------------------------------------------------------------------------------*/
});