// JavaScript Document
/**** tableau de chargement des gif ******/
var tbl = new Array("/userfiles/images/Guillaume.gif","/userfiles/images/Loic.gif","/userfiles/images/Sylvie.gif","/userfiles/images/Anthony.gif","/userfiles/images/Christophe.gif","/userfiles/images/Romain_D_1.gif");
var tbl2 = new Array("/images/guillaume.jpg","/images/loic.jpg","/images/sylvie.jpg","/images/anthony.jpg","/images/christophe.jpg","/images/romain.jpg");
var is_ie6 = navigator.userAgent.toLowerCase().indexOf('msie 6.0') > -1;

/***** fonction load ****/
$(window).load(function(){
     var taille = $("#global").width()
	 //var result=(-(taille / 2)+80);
	 
	 
	/*var img0 = new Image();
	img0.src="/userfiles/images/Guillaume.gif";
	var img1 = new Image();
	img1.src="/userfiles/images/Loic.gif";
	var img2 = new Image();
	img2.src="/userfiles/images/Sylvie.gif";
	var img3 = new Image();
	img3.src="/userfiles/images/Anthony.gif";
	var img4 = new Image();
	img4.src="/userfiles/images/Christophe.gif";
	var img5 = new Image();
	img5.src="/userfiles/images/Romain_D_1.gif";*/
	 
	//insertion gif dans la page
	for(var i =0; i<6; i++){
		$("#gifanim"+i).attr("src", tbl2[i]);
		hover (i,tbl[i],tbl2[i]);
	}
		 
	// appel fonction lecture	 
	lecture();

	 
	/*** centrage des gif animé en fonction de la taille de la fenetre ***/
	
	if(taille<723)
	{
		$(".centrage").css("margin-left","-200px");
		$("#conteneur_trombi").css("height","600px");
		$(".centrage").css("width","415px");
		$("#loic").css("margin-right","0");
		$("#anthony").css("margin-right","0");
		$("#romain").css("margin-right","0");
		$("#sylvie").css("margin-right","15px");
	}
	else
	{
		$(".centrage").css("margin-left","-315px");
		$("#conteneur_trombi").css("height","400px");
		$(".centrage").css("width","630px");
		$("#loic").css("margin-right","15px");
		$("#anthony").css("margin-right","15px");
		$("#romain").css("margin-right","0");
		$("#sylvie").css("margin-right","0");
	}
});

						  
$(window).resize(function()
{
    var taille = $("#global").width()
	var result = (-(taille / 2)+80);
	
	if (!is_ie6) {
		if(taille < 723)
		{
			$(".centrage").css("margin-left","-200px");
			$("#conteneur_trombi").css("height","600px");
			$(".centrage").css("width","415px");
			$("#loic").css("margin-right","0");
			$("#anthony").css("margin-right","0");
			$("#romain").css("margin-right","0");
			$("#sylvie").css("margin-right","15px");
		}
		else
		{
			$(".centrage").css("margin-left","-315px");
			$("#conteneur_trombi").css("height","400px");
			$(".centrage").css("width","630px");
			$("#loic").css("margin-right","15px");
			$("#anthony").css("margin-right","15px");
			$("#romain").css("margin-right","0");
			$("#sylvie").css("margin-right","0");
		}
	} else {
		$(".centrage").css("margin-left","-200px");
		$("#conteneur_trombi").css("height","600px");
		$(".centrage").css("width","430px");
		$("#loic").css("margin-right","0");
		$("#anthony").css("margin-right","0");
		$("#romain").css("margin-right","0");
		$("#sylvie").css("margin-right","15px");
		$('#equipe_direction').css("width","391px");
	}
});
		
/** fontion hover survol des gif**/
		
function hover (num,chemin1,chemin2)
{
	$(".gifanim"+num).mouseover(function(){
            $("#gifanim"+num).attr("src", chemin1);
			$(this).css("cursor","pointer"); 
	});

	$(".gifanim"+num).mouseout(function(){
            $("#gifanim"+num).attr("src", chemin2);

	});
}


/*** lancement des gif les uns apres les autres ***/
function lecture()
{
	$("#gifanim0").attr("src", tbl[0]);
		
	$(this).oneTime(3000, function() {					
		$("#gifanim0").attr("src", tbl2[0]);							
		$("#gifanim1").attr("src", tbl[1]);
	});	
 
	$(this).oneTime(6000, function() {
		$("#gifanim1").attr("src", tbl2[1]);
		$("#gifanim2").attr("src", tbl[2]);
	});
	 
	 $(this).oneTime(9000, function() {
		$("#gifanim2").attr("src", tbl2[2]);
		$("#gifanim3").attr("src", tbl[3]);
	});
	 
	$(this).oneTime(12000, function() {
		$("#gifanim3").attr("src", tbl2[3]);							 
		$("#gifanim4").attr("src", tbl[4]);
	});
	
	$(this).oneTime(15000, function() {
		$("#gifanim4").attr("src", tbl2[4]);
		$("#gifanim5").attr("src", tbl[5]);
	});
	
	$(this).oneTime(18000, function() {
		$("#gifanim5").attr("src", tbl2[5]);
  	});
}