/* FIREBUG 
	if (window.console && window.console.firebug) {
		alert("Firebug slows the site, turn it off for smooth animation!");	
	}
	
	
	if (! ("console" in window) || !("firebug" in console)) {
	
	var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group"
	
	, "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
	
	window.console = {};
	
	for (var i = 0; i <names.length; ++i) window.console[names[i]] = function() {};
	
	}
*/
	$("#index").css({ opacity: 0 })
	$("ul#menu").css({ top:"20px", opacity: 0 });
	$(".transparent").css({ opacity : "0.7" });
	
$(function()
{

	$("#inner h1").css({ display: "block", top: "0px", opacity:"0"});
	$("#index").css({ opacity: 0 })
	$("ul#menu").css({ top:"20px", opacity: 0 });
	
	//$("#index").append('<div class="info"></div><div class="transparent" style="display:none"></div>');
	//css({ opacity: 1 }).clone() //.css({ opacity: 0.6 });
	
	
	//$(".box .info p").css({ opacity : 1 });
	
	//page intro
	function intro()
	{
		$("#inner h1")
		.animate({ opacity : 0 }, 1500)
		.animate({ top: "200px", opacity: .4 }, 1800)
		.animate({ top: "130px", opacity : 1 }, 700)		
		.animate({ opacity : 1 }, 1000);
		
		$("#inner h1").click(function(){
			$(this).animate({ opacity : 0 }, 300, function()
			{	
				$(this).css({ "z-index" : 0 , "display" : "none" });
				$("#index").animate({ opacity: 1 }, 700, function()
				{
					$("ul#menu").css({ opacity : 1 }).animate({ top :"0px" }, 500);	
				});			
			});
			return false;		
		})
		
	} //end intro()
		
	intro();

})