$(function() {
	$("body").css("display", "none").fadeIn(200); $("h1, article, nav").css("display", "none");
		setTimeout("$('h1').fadeIn(800)", 400); 
	    setTimeout("$('article').fadeIn(600)", 600);
		setTimeout("$('nav').fadeIn(600)", 800);
}); 

	$(document).ready(function() {

		$('a.panel').click(function () {

			$('a.panel').removeClass('selected');
			$(this).addClass('selected');
			
			current = $(this);
			
			$('#wrapper').scrollTo($(this).attr('href'), 800);		
			
			return false;
		});

		$(window).resize(function () {
			resizePanel();
		});
		
	});

	function resizePanel() {

		width = $(window).width();
		height = $(window).height();

		mask_width = width * $('.item').length;
			
		$('#debug').html(width  + ' ' + height + ' ' + mask_width);
			
		$('#wrapper, .item').css({width: width, height: height});
		$('#mask').css({width: mask_width, height: height});
		$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
			
	}