var $j = jQuery.noConflict();

$j(function(){

	$j(window).hashchange(function(){
		$j('.loading span').fadeIn("300");
		var arg = window.location.hash.substring(3);
		var link = "http://www.stephanelaplatte.com/"+arg;
		var selector= '#menu-menu-principal li a[href="http://www.stephanelaplatte.com/#!/'+arg+'"]';
		$j('#menu-menu-principal li a').parent().siblings().removeClass('current-page-item');
		$j('#menu-menu-principal li a').parent().siblings().removeClass('current_page_item');
		$j(selector).parent().addClass('current-page-item');
		$j.ajax({
			url:link,
			processData:true, //resultat sous forme d'objet
			success:function(data){
				data = innerShiv(data,false); //on passe le resultat dans innershiv
				var title = $j(data).filter('title').text(); //on trouve le titre de la page
				document.title = title; //on change le titre
				var content = $j(data).find('#content'); //on trouve la balise qui nous interesse
				$j('#reloadDiv').fadeOut('100',function(){ //on masque le contenu a changer...
					$j('.loading span').fadeOut('20');
					$j('#content').html(content.html()).fadeIn('100'); //...puis on charge le nouveau et on affiche
				});
			}
		});
		return false;

	}); 
	
	if(window.location.hash.substring(3)!=''){
		$j(window).trigger( 'hashchange' );
	}
	

});
