$(document).ready(function(){
	activeItem = $("#pages li:first");
	$(activeItem).addClass('active');

	$("#pages li").click(function(){
		$(activeItem).animate({width: "100px"}, {duration:300, queue:false});
		$(this).animate({width: "640px"}, {duration:300, queue:false});
		$(activeItem).removeClass('active');
		$(activeItem).addClass('hidden');
		$("li.hidden p").hide();
		activeItem = this;
		$(activeItem).addClass('active');
		$("li.active h3").fadeIn(3000);
		$("li.active p").fadeIn(1500);
	});
	$('.page-content').jScrollPane();
});