$(document).ready(function() {
						   
	var hash = window.location.hash.substr(1);
	var href = $('#menul li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.php #content';
			var toLoad2 = hash+'.php #content';
			$('#mid').load(toLoad);
			$('#txt').load(toLoad2);
		}											
	});

	$('#menul li a').click(function(){
								  
		var toLoad = $(this).attr('href')+' #mid';
		$('#mid').fadeOut('slow',loadContent);
		$('#load').remove();
		$('#outer').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		
		
		
		
		var toLoad2 = $(this).attr('href')+' #txt';
		$('#txt').fadeOut('slow',loadContent2);
		
		function loadContent() {
			$('#mid').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#mid').fadeIn('slow',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		
		function loadContent2() {
			$('#txt').load(toLoad2,'',showNewContent2())
		}
		function showNewContent2() {
			$('#txt').fadeIn('normal',hideLoader2());
		}
		function hideLoader2() {
			$('#txt').fadeOut('normal');
		}
		return false;
		
	});

});