$(document).ready(function() {
	
	$('.menudiv').click(function(){
		if ($.browser.msie && $.browser.version.substr(0,1)<7) {
			$("#div-content").css("margin-top", 0);
		}
		$('<div id="load"><span>LOADING...</span></div>').appendTo('body').hide();
		$('#load').fadeIn(300);
		$('#div-content').fadeOut(1000);
		$('#div-content').remove();
		var toLoad = $(this).attr('id');
		$('<div id="div-content" />').insertAfter(this).hide();
		$("#div-content").addClass(toLoad);
		$("#div-content").css("margin-top", 0);
		$('#div-content').load('tpl/'+toLoad+'.xhtml','',showNewContent());
		function showNewContent() {
			$('#div-content').show(1000, hideLoad);
		}		
		function hideLoad() {
			$('#load').hide(300);
		}
		return false;
	});

/*						   
	var hash = window.location.hash.substr(1);
	var href = $('div.menu a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(12,href.length)){   
			var toLoad = 'index.php?n='hash+' .div-content';
			$('#content').load(toLoad)
		}											
	});

	$('#nav li a').click(function(){
		$(this).css("outline", "none");						  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').fadeOut('normal',loadContent);
		$('#load').remove();
		$('#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() {
			$('#content').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#content').fadeIn('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});*/

});
