$j=$;

$(document).ready(function(){	//executed after the page has loaded

	checkURL();	//check if the URL has a reference to a page and load it

	$('dt a').click(function (e){	//traverse through all our navigation links..

			checkURL(this.hash);	//.. and assign them a new onclick event, using their own hash as a parameter (#page1 for example)

	});

	setInterval("checkURL()",250);	//check for a change in the URL every 250 ms to detect if the history buttons have been used
		//		$('#loading').fadeTo(1000, 0, function(){$(this).hide();})

});

var lasturl="";	//here we store the current URL hash

function checkURL(hash)
{
	if(!hash) hash=window.location.hash;	//if no parameter is provided, use the hash value from the current address

	if(hash != lasturl)	// if the hash value has changed
	{
		lasturl=hash;	//update the current hash
		loadPage(hash);	// and load the new page
	}
}

function loadPage(url)	//the function that loads pages via AJAX
{
	url=url.replace('#page','');
	//strip the #page part of the hash and leave only the page number
	if(url!=''){
	$('#loading').show();
	$('#loading').fadeTo(500, 1);	//show the rotating gif animation
	//$('#blabla').fadeTo(1500, 0);	//show the rotating gif animation
	$('.content').fadeTo(500, 0);	//show the rotating gif animation
	$('#content').slideUp(500, function(){
		
		$.ajax({						//create an ajax request to load_page.php
		type: "POST",
		url: "load_page.php",
		data: 'page='+url,			//with the page number as a parameter
		dataType: "html",			//expect html to be returned
		success: function(msg){

			if(parseInt(msg)!=0)	//if no errors
			{
				$('#content').html(msg);	//load the returned html into pageContet
				$('.content').fadeTo(0, 0);
				$('#content').slideDown(1000);
				$('.content').fadeTo(500, 1);
				$('#loading').fadeTo(1000, 0, function(){$(this).hide();})
			}
		}

	});
		
	});
	}
	

}