//Déclaration des différentes variables. C'est ici qu'on pourra modifier les paramètres.

var Pas = 3;//pas de déplacement
var incr = 2;//variable d'incrémentation
tailleVign = 108;//Taille des vignettes

//Ne pas modifier ces variables 
var testeur = new Array();
var i=0;
var Timer;
var Timer1;

//Objet XMLHttpRequest
function getXMLHttpRequest() {
	var xhr = null;
	
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} else {
			xhr = new XMLHttpRequest(); 
		}
	} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
	
	return xhr;
}

var xhr = getXMLHttpRequest();

//FIN Objet XMLHttpRequest

//Div gauche
function moveLayer(Sens) {
	Objet_L=document.getElementById("Left_in");
    if(parseInt(Objet_L.style.left) + (Pas*Sens)>0)  {
		clearTimeout(Timer);
	}
	else if(parseInt(Objet_L.style.left) + (Pas*Sens)<-(Objet_L.offsetWidth-document.getElementById("Left").offsetWidth)) {
		clearTimeout(Timer);
	}
    else {
        Objet_L.style.left = (parseInt(Objet_L.style.left) + (Pas*Sens)) + "px";
       	if(Sens<0) {
			i++
			//La formule qui suit sert à transformer le i, qui va être le nombre de fois ou la boucle est lancée en un nombre utilisable pour le compteur
			nbrTotal = Math.floor(i/((tailleVign+5)/Pas))+nbrInit;
			testeur[i]=nbrTotal;
			if(testeur[i]!=testeur[i-1]){								
				//C'est ici que l'on incrémente le compteur et surtout que l'on augmente la BDD via ajax
				augm();
				xhr.open("POST", "includes/compteur.php", true);
				xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				xhr.send("ajout="+incr+"&verif=1");
			}
		}
	}
	Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}

//Div droite
function moveLayerRight(Sens) {
	Objet_Lr=document.getElementById("Right_in");
    if(parseInt(Objet_Lr.style.right) + (Pas*Sens)>0)  {
		clearTimeout(Timer1);
	}
	else if(parseInt(Objet_Lr.style.right) + (Pas*Sens)<-(Objet_Lr.offsetWidth-document.getElementById("Right").offsetWidth)) {
		clearTimeout(Timer1);
	}
    else {
        Objet_Lr.style.right = (parseInt(Objet_Lr.style.right) + (Pas*Sens)) + "px";
	}
	Timer1 = setTimeout("moveLayerRight(" + Sens + ");", 30);
}

//Fonction qui appelle les 2 fonctions de mouvements
function mover(sens) {
	moveLayer(sens);
	moveLayerRight(sens);
}

//Fonction Timeout
function fctTime() {
	clearTimeout(Timer);
	clearTimeout(Timer1);	
}

//Fonction permettant d'augmenter visuellement le compteur
function augm() {
	chiffre= spanNbr.innerHTML;
	chiffre = parseInt(chiffre);
	spanNbr.innerHTML = chiffre + incr;
}