/**
 * Navigation Ajax - http://www.webinventif.fr/navigation-sans-rechargement-de-page-via-javascript-jquery/
 * 
 * Copyright (c) 2008 Julien Chauvin (webinventif.fr)
 * Licensed under the Creative Commons License:
 * http://creativecommons.org/licenses/by/3.0/
 *
 * Date: 2008-03-13
 */

/* Fonction chargement ajax avec animation, vous pouvez modifier la vitesse (slow, fast, 1500, ...) et l'effet (slideUp, fadeOut, ...) */
function ajax_page_advanced(ele,msg,url){
	$(ele).slideUp(500, function(){
//		$(ele).html(msg).show("slow", function(){
			$(ele).load(url+" "+ele, null, function(){
				var tampon = $(ele).html();
//				$(ele).html(msg).hide("slow",function(){
					$(ele).html(tampon);
					$(ele).slideDown(500);
//				});
			});
//		});
	});
}
/* Fonction chargement ajax avec animation, vous pouvez modifier la vitesse (slow, fast, 1500, ...) et l'effet (slideUp, fadeOut, ...) */
function ajax_page_advanced(ele,msg,url){
//	$(ele).animate({"opacity": "toggle"},500);
//	$(ele).animate({"opacity": "toggle"},500);
//	$(ele).slideDown(500);
	$(ele).animate({"opacity": "toggle"},500,function(){
		$("#portfolio").css({ display: "none"});
		$("#blog").css({ display: "none"});
		$("#contact").css({ display: "none"});
		$(msg).css({ display: "block"});
		//$(ele).load(url+" "+ele, null);
		//$(ele).html($(ele).html());
		$(ele).animate({"opacity": "toggle"},500);
	});
}
/* Fonction de chargement ajax simple */
function ajax_page(ele,msg,url){
	$(ele).html(msg).load(url+" "+ele);
}
/* Fonction de chargement ajax simple, mais avec un delai pour la demo */
function ajax_page_delayed(ele,msg,url){
	$(ele).html(msg);
	setTimeout(function(){
		$(ele).load(url+" "+ele);
	}, 1500)
}

/* Une fois la page chargée */
$(document).ready(function(){
	$("#portfolio").css({ display: "block"});
	$("#blog").css({ display: "none"});
	$("#contact").css({ display: "none"});
	$("a.aaa").click(function(){ ajax_page_advanced('#swithcontenu','#portfolio',this.href); return false; });
	$("a.bbb").click(function(){ ajax_page_advanced('#swithcontenu','#blog',this.href); return false; });
	$("a.ccc").click(function(){ ajax_page_advanced('#swithcontenu','#contact',this.href); return false; });
	$("a.ddd").click(function(){ ajax_page_advanced('#swithcontenu','<p style="text-align: center">Loading ...</p>',this.href);	return false; });
	$("a.eee").click(function(){ ajax_page_advanced('#swithcontenu','<p style="text-align: center">Loading ...</p>',this.href);	return false; });
	$("a.fff").click(function(){ ajax_page_advanced('#swithcontenu','<p style="text-align: center">Loading ...</p>',this.href);	return false; });
});