$(document).ready(function() {
		
	d=document.getElementById("start");
	z=d.innerHTML;
	$("#content").html(z);
	
	$('#nav li a').click(function(){						  
		var toLoad = $(this).attr('href');
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href');
		function loadContent() {
			d=document.getElementById(toLoad);
			z=d.innerHTML;
			$("#content").html(z,'',showNewContent());
		}
		function showNewContent() {
			$('#content').show('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});
	
	function back(){						  
		var toLoad = $(this).attr('href');
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href');
		function loadContent() {
			d=document.getElementById("start");
			z=d.innerHTML;
			$("#content").html(z,'',showNewContent());
		}
		function showNewContent() {
			$('#content').show('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	}


});