document.createElement("footer");  
document.createElement("header");  
document.createElement("section");  
document.createElement("nav");  

$(document).ready(function() {



	$('nav ul li a').click(function() {
		
		
		var toLoad = $(this).attr('rel');  
		$('#content').html('<div id="ajaxload"><h2>LOADING UP YOUR CONTENT NOW BRAH</h2> <img src="images/loader.gif" width="24" height="24" alt="loading" /></div>');
		
		setTimeout( function() {
		$('#content').fadeOut('fast');

		$('#content').load(toLoad).hide().fadeIn('slow');		 	
		}, 1000 );
		
		

					return false;
					});
		
});