$(document).ready(function() {

	var hash = window.location.hash.substr(1);
	var href = $('#nav li a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-5)){
        var toLoad = hash+'.html #content';
        $('#content').load(toLoad)
    }
});
	
	
	$('nav a').click(function(){
	var toLoad = $(this).attr('href')+' #home';
	$('#home').hide('slow',loadContent);	
	$('#wrapper').append('<span id="load">LOADING...</span>');
	$('#load').fadeIn('normal');
	window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
	function loadContent() {
		$('#home').load(toLoad,'',showNewContent)
	}
	function showNewContent() {
		$('#home').show('slow',hideLoader);
	}
	function hideLoader() {
		$('#load').fadeOut('normal');
	}
	return false;
		

});
});