$(document).ready(function(){
			$("#loading").fadeOut(3000,
			function(){$("#content").fadeIn(1000);}
			);
           
   });

 $(function() {
        $('#gallery a').lightBox();
    });






// fonction appelé lors du clic, on distingue si on vient de la page d'accueil (mvt languette et panneau) ou d'une autre page (mouvement de gauche a droite)
function afficheTexte(div){
	if ($(".panneau").css("right") == '-400px'){
		anim_pages(div);
		
	}
	else {
		anim_page_acceuil(div);
		
	}
}

function anim_page_acceuil(div) {
	// la page demandé devient la page courante
	page_courante = div;
	//je ramene la languette...
	$("#languette").animate(
		{left: '-740px'},
		300,
		//... puis j'enleve le panneau...
		function(){
			$(".panneau").animate(
				{right: '-400px'},
				300,
				//... puis je fais disparaitre la page d'acceuil...
				function(){
					$("#page_acceuil").animate(
						{left: '-637px'},
						300,
						//... puis je fais reapparaitre la page voulue
						function(){
							$("#"+div).animate(
							{left: '0px'},
							300);
						}
					);
				}
			);
		}
	);
}

// fonction appelé d'une page a l'autre sauf quand on est sur la page d'acceuil							
function anim_pages(div) {
	$("#"+page_courante).animate(
		{left: '-637px'},
		300,
		function(){
			$("#"+div).animate(
			{left: '0px'},
			300);
		}
	);
		page_courante = div;
}

function afficheacceuil(){
	$("#"+page_courante).animate(
		{left: '-637px'},
		300,
		function(){
			$("#page_acceuil").animate(
				{left: '0px'},					   
				300,
				function(){
					$(".panneau").animate(
					{right: '0px'},
					300,
					function(){
						$("#languette").animate(
						{left: '0px'},
						300);
					});
				});
		});
						
}