function showTab(tabname)
{
	$('.page:not(#'+tabname+'_p)').fadeOut();
	$('#'+tabname+'_p').fadeIn();
	$('#controls a:not(#controls'+tabname+')').removeClass("selected");
	$('#controls'+tabname).addClass("selected");
}

$(document).ready(function()
{
	$("#random").html('<img src="'+Math.ceil(Math.random()*9)+'.png" />')
	$.each($(".page"), function() { $(this).css("position", "absolute").hide() });
	$("#controls a").click(function() { showTab(this.href.replace(/^.*#/, '')) });
	$("h1").hover(function() { $("h1 b").fadeOut(500); }, function() { $("h1 b").fadeIn(500); });
	$("h2").hover(function() { $("h2 b").fadeOut(1000); }, function() { $("h2 b").fadeIn(1000); });
	$("h3").hover(function() { $("h3 b").fadeOut(1000); }, function() { $("h3 b").fadeIn(1000); });
	$("h4").hover(function() { $("h4 b").fadeOut(1000); }, function() { $("h4 b").fadeIn(1000); });
	$("h5").hover(function() { $("h5 b").fadeOut(1000); }, function() { $("h5 b").fadeIn(1000); });
	var hash = window.location.hash.replace(/^.*#/, '');
	hash = (hash) ? hash : 'home';
	showTab(hash);
});