$(document).ready(function() {
	$("#slider").codaSlider({ 
		onBefore: function() {
			$('#content-title h2').fadeOut();
			
			//Set height
			var id = $('.stripNav a.current').attr("href").replace(/#/, '');
			id--;
			var height = $('.panelContainer div:eq(' + id + ')').outerHeight();
			$('#slider').animate({ height:height }, 500);
		},
		onAfter: function() {
			//set title
			var id = $('.stripNav a.current').attr("href").replace(/#/, '');
			id--;
			var title = $('.panelContainer div:eq(' + id + ')').attr('title');
			$('#content-title h2').html(title);
			$('#content-title h2').fadeIn();
		}
	});
	
	function init(){
		//Set inital title & height
		var hash = window.location.hash;
		if(hash == '') hash = '#1';
		var id = hash.replace(/#/, '');
		id--;
		var title = $('.panelContainer div:eq(' + id + ')').attr('title');
		$('#content-title h2').html(title);
		$('#content-title h2').fadeIn();
		var height = $('.panelContainer div:eq(' + id + ')').outerHeight();
		//Slide down content
		$('#slider').animate({ height:(height + 10) }, 500, function(){
			//Fade in footer
			$('#footer').fadeIn();
		});
		$('#header h1').fadeIn(800);
	}
	init();
});