document.head.addStyle('#page, #header .bg, #sitetitle .name, #sitetitle .domain, #content, #menu { opacity: 0; }');

$(document).ready(onReady);

function onReady() {
	var $pg = $('#page'),
		pg_height = $pg.height();

	menuItemsDown();
	pageIn();
	setTimeout(nameUp,500);			//800
	setTimeout(menuUp,1000);		//1200
	setTimeout(menuItemsUp,1200);	//1300
	setTimeout(domainUp,1200);		//1500
	setTimeout(bgUp,1500);			//1800
	setTimeout(contentUp,1800);		//2100

	$('#menu a').click(outro);

	function pageIn() {
		$pg.height(0).animate({opacity: 1, height: pg_height+'px'},800,'swing',
			function () { $pg.css({height:'auto'}); });
	}

	function nameUp() { $('#sitetitle .name').animate({opacity: 1},900,'swing'); }

	function domainUp() {
		$('#sitetitle .domain').animate({opacity: 1},800,'swing');
	}

	function bgUp() { $('#header .bg').animate({opacity: 1},900,'swing'); }

	function menuItemsDown() { $('#menu .section').css({left: '-1500px'}); }	
	function menuUp() {
		var $menu = $('#menu'),
			mheight = $menu.height();
		$menu
			//.height(0)
			.animate({height: mheight+'px', opacity: 1},800);
	}

	function menuItemsUp() {
		$('#music').animate({left: '0px'},800,'swing');
		setTimeout(
			function () { $('#words').animate({left: '0px'},800,'swing'); },
			150
		);
		setTimeout(
			function () { $('#work').animate({left: '0px'},800,'swing'); },
			300
		);
	}

	function contentUp() {
		$('#content').animate({opacity: 1},800,'swing');
	}

}

function outro(e) {
	e.preventDefault();
	$('#page').animate({opacity: 0},300,function () {
		window.location = e.target.href;
	});
}