function showMenuSplash(endHandler) {
	heightMenu = $("#menuTop").height();
	$("#menuTop").css('top', ($("#logo").position().top));
	$("#menuTop").height(0);
	$("#menuTop").css('display', 'inline');
	$("#menuTop").animate({
			height: heightMenu
		},
		500,
		function() {if(endHandler) {endHandler();}});
}

function showContentSplash(endHandler) {
	//animate content then animate menu
	widthContent = $("#content").width();
	$("#content").width(0);
	$("#content").css('display', 'block');
	$("#content").animate({
			width: widthContent
		},
		500,
		function() { showMenuSplash(endHandler); });
}

function showLogoSplash(endHandler) {
	// animate logo then animate content
	heightLogo = $("#logo").height();
	$("#logo").height(0);
	$("#logo").css('visibility', 'visible');
	$("#logo").animate({
			height: heightLogo
		},
		1000,
		function() { showContentSplash(endHandler); }
	);
}