var divAffichage = document.getElementById('divAffichage');
var oldDiv;
var temps = 300;
var interval = 20;

var nbBoucleC;
var deplacementC;
var origineC;
var timerC;
var nbC;
var onEndC;
var txtC;
var codeHTMLC;
var codeJSC;

var oldDiv;
var oldDiv2;

var divNode;
var divNode2;

var sensAjout;
var anim = false;

function mouvCombi(sens)
{
	if(!anim)
	{
		idCombi = idCombi + parseInt(sens);
		if(idCombi < 0)
			idCombi = tabCombi.length - 1;
		if(idCombi >= tabCombi.length)
			idCombi = 0;
		codeHTML = genCode(idCombi);;
		
	
		oldDiv = document.getElementById('divMouv');
		oldDiv.id = 'lastDiv';
		
		divMouv = document.createElement('div');
		divMouv.id = 'divMouv';
		divMouv.style.position = "absolute";
		divMouv.style.width = "521px";
		divMouv.style.top = "0px";
		divMouv.style.left = "0px";
		divMouv.innerHTML = codeHTML;
		divAffichage.appendChild(divMouv);
		
		origine = 524;
		
		nbBoucle = Math.floor((temps - 1) / interval) + 1;
		deplacement = divAffichage.offsetWidth / nbBoucle;
		nb = 0;
		txt = '';
		
		
		if(sens == 1)
		{
			divMouv.style.left = "524px";
			origine = 524;
		}
		else
		{
			divMouv.style.left = "-524px";
			origine = -524;
		}
		
		timer = window.setInterval("bouclerHonriz(" + sens + ")", interval);
	}
}


function bouclerHonriz(sens)
{
	if(nb <= nbBoucle)
	{
		oldDiv.style.left = (-sens * Math.floor(nb * deplacement)) + 'px';
		divMouv.style.left = (Math.floor(origine + (-sens * (nb * deplacement)))) + 'px';
		nb++;
	}
	else
	{
		clearInterval(timer);
		divAffichage.removeChild(oldDiv);
		anim = false;
	}
}

function genCode(id)
{
	lien = ((tabCombi[id][0].toLowerCase()).replace(" ", "-")).replace(" ", "-");
	
	txt = "<br /><div align = 'center'><a href = 'javascript:mouvCombi(\"-1\");'><<<</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = './" + lien + "-poker.html'>" + tabCombi[id][0] + "</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href = 'javascript:mouvCombi(\"1\");'>>>></a><br /><br /><img src = './Image/combinaison/" + tabCombi[id][1] + "' /></div><br /><br /><br />";
	
	return txt;
}