$(function(){
	  
	// Bind an event to window.onhashchange that, when the history state changes,
	// gets the url from the hash and displays either our cached content or fetches
	// new content to be displayed.
	$(window).bind( 'hashchange', function(e) {
    
		// Get the hash (fragment) as a string, with any leading # removed. Note that
		// in jQuery 1.4, you should use e.fragment instead of $.param.fragment().
		var url = $.param.fragment();
		if (url == '') {url = 'home';};
		
		$('#rightcontent').fadeOut(200, function() {
			$('#rightcontent').load(url+'.html', function() {
				// Content loaded, hide "loading" content.
				//$( '.bbq-loading' ).hide();
				$('a.fancybox').fancybox();
				$('#rightcontent').fadeIn(200);
			});
		});
	});

  // Since the event is only triggered when the hash changes, we need to trigger
  // the event now, to handle the hash the page may have loaded with.
  $(window).trigger( 'hashchange' );
});