// panel

$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "240px"
		})
		.animate({
			height: "215px"
		}, "fast");
		$("div#panel").toggle();
	
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
	
   });
   
});

// timeline content slider

$(document).ready(function (){
	$('#timeline_container a').click(function(){
		var integer = $(this).attr('rel');
		$('#slide_container .cover').animate({left:-780*(parseInt(integer)-1)})  /*----- Width of div mystuff (here 160) ------ */
		$('#timeline_container a').each(function(){
		$(this).removeClass('active');
			if($(this).hasClass('button'+integer)){
				$(this).addClass('active')}
		});
	});	
});