$(document).ready(function(){	
	
	//animation d'entrée	
	$(".ensemble .grille a").css({"left": "1920px"});	
	$(".ombre").css({"opacity": 0});	
	$(".ensemble .grille a").each(function(index){
		//apparition fleche gauche
		if(index == 15){		
			$(this).animate({"left": "0px"}, {duration:300, queue:false, easing:"easeInOutQuart"});
		}
		//apparition 1ere colonne
		if(index == 0 || index == 5 || index == 10){		
			$(this).animate({"left": "0px"}, {duration:500, queue:false, easing:"easeInOutQuart"});
		}
		//apparition 2eme colonne
		if(index == 1 || index == 6 || index == 11){		
			$(this).animate({"left": "0px"}, {duration:700, queue:false, easing:"easeInOutQuart"});
		}
		//apparition 3eme colonne
		if(index == 2 || index == 7 || index == 12){		
			$(this).animate({"left": "0px"}, {duration:900, queue:false, easing:"easeInOutQuart"});
		}
		//apparition 4eme colonne
		if(index == 3 || index == 8 || index == 13){		
			$(this).animate({"left": "0px"}, {duration:1100, queue:false, easing:"easeInOutQuart"});
		}
		//apparition 5eme colonne
		if(index == 4 || index == 9 || index == 14){		
			$(this).animate({"left": "0px"}, {duration:1300, queue:false, easing:"easeInOutQuart"});
		}		
		//apparition fleche droite
		if(index == 16){		
			$(this).animate({"left": "0px"}, {duration:1500, queue:false, easing:"easeInOutQuart"});
		}
	});
	
	$(".diagonales div").animate({"left": "-2500px"}, {duration:1700, queue:false, easing:"easeInOutQuart", complete:function(){
		$(".diagonales div").css({"left": "0px"});
	}});		
	$(".ombre").animate({"opacity": 1}, {duration:1500, queue:false, easing:"easeInOutQuart"});	
	
	//animation de sortie
	$("a").not(".btn").click(function(event){       
	  event.preventDefault();
      var lien = $(this).attr("href");
	  
	  $(".ensemble .grille").animate({"left": "-1920px"}, {duration:1100, queue:false, easing:"easeInOutQuart"}); 
	  $(".diagonales2 div").animate({"left": "-2500px"}, {duration:1100, queue:false, easing:"easeInOutQuart"});
	  $(".diagonales div").animate({"left": "-2500px"}, {duration:1500, queue:false, easing:"easeInOutQuart",complete:function(){
			 window.location.href = lien;
	 }});
	 $(".ombre").animate({"opacity": 0}, {duration:1500, queue:false, easing:"easeInOutQuart"});	
	        		   
    });

});