$(document).ready(function() {
	
    // Check for hash value in URL
    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)
	
        } 
		
    }
	
	);
	
    
    $('a').click(function(){
    
    var toLoad = $(this).attr('href')+' #content';
    $('#content').fadeOut('fast',loadContent);
    $('#load').remove();
    $('#contenta').append('<div id="load"></div>');
    $('#load').fadeIn('normal');
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
    	$('#content').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
    	$('#content').fadeIn('normal',hideLoader());
    }
    function hideLoader() {
    	$('#load').fadeOut('normal');
    }
	var toLoadr= $(this).attr('href')+' #rbar';
	$('#rbar').slideUp('fast',loadContentr);
   
    function loadContentr() {
    	$('#rbar').load(toLoadr,'',showNewContentr())
    }
    function showNewContentr() {
    	$('#rbar').slideDown('normal',hideLoader());
    }
    
    return false;
    
    });
	
	
	$('#rbar a').click(function(){
    
    var toLoad = $(this).attr('href')+' #content';
    $('#content').fadeOut('fast',loadContent);
    $('#load').remove();
    $('#contenta').append('<span id="load"></span>');
    $('#load').fadeIn('normal');
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
    	$('#content').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
    	$('#content').fadeIn('normal',hideLoader());
    }
    function hideLoader() {
    	$('#load').fadeOut('normal');
    }
    return false;
    
    });
	
	

});