$(document).ready(function(){

	// hide all options
	$('.timeline_description').hide();
	$('#year_thumb').hide();	

	// year item configuration
	$('.year_block').addClass("hand");
	$('.year_block').mouseover(function(){
		$(this).addClass("block_hover");
	});
	$('.year_block').mouseout(function(){
		$(this).removeClass("block_hover");
	});
	
	$('.year_block').click(function(){
			
		// substract "block" from the id
		var shortid = this.id.substr(5);
		var textid = "#text" + shortid;

		$('.timeline_description').hide();
		$(textid).show();
		$('#year_thumb').show();

		$('.year_block').removeClass("block_active");
		$(this).addClass("block_active");

		// get left position of the block
		var off = $(this).position().left;
		// empty the image holder
		$("#year_thumb").empty();
		// fill the image holder with the correct image
		$("#year_thumb").append("<img src='/SiteCollectionImages/timeline/" + shortid +"_small.gif' alt=''>");
		$("#year_thumb").css("left",(off - 18) + "px");						
	
	});

});