//variable pour tester si on doit faire tomber les pions ou les faire revenir
var firstPress=0;
//mémorisation de la position des pions avant la chutte
var memoyR = parseInt(divPionRouge.style.top);
var memoyN = parseInt(divPionNoir.style.top);
var memoxR = parseInt(divPionRouge.style.left);
var memoxN = parseInt(divPionNoir.style.left);
//début de la fonction d'animation de chutte des pions
function animPion()
{
	//on récupère la position (par rapport au haut de page) des pions
	var yR = parseInt(divPionRouge.style.top);
	var yN = parseInt(divPionNoir.style.top);

	if(firstPress%2==0) //dans ce cas il faut faire tomber les pions
	{
		console.log("Les pions s'échappent !");
		firstPress++;
		var timer=0;   //variable définira quand on arrête la chutte
		function nextFrame() // fonction pour faire avancer les pions
		{
			timer++;
			yR+=20;
			yN+=20;
			divPionRouge.style.top=yR+"px";
			divPionNoir.style.top=yN+"px";

			if (timer == 50) //arbitraire pour ne pas que l'animation ne dure trop longtemps et "n'étende" trop la page
			{
				clearInterval(interv); //Arrête la d'éxécuter la fonction nextFrame
				divPionRouge.style.visibility="hidden"; //Cache les boutons pour des raisons d'esthétisme
				divPionNoir.style.visibility="hidden";
			}

		}
		var interv = setInterval(nextFrame, 10); //Exécute un certain nombre de fois la fonction nextFrame

	}
	else //il faut faire revenir les pions
	{
		console.log("En voilà deux nouveaux !");
		firstPress++;

		//rend les pions à nouveau visibles
		divPionRouge.style.visibility="visible";
		divPionNoir.style.visibility="visible";

		//replace les pions
		divPionRouge.style.top=memoyR+"px";
		divPionNoir.style.top=memoyN+"px";
		divPionRouge.style.left=memoxR+"px";
		divPionNoir.style.left=memoxN +"px";
		return;
	}
	return;
}