function baoDeplacerElt(eltId, origX, origY, destX, destY, tempo, pas) {
	var elt = document.getElementById(eltId);
	var x = parseInt(elt.style.left);
	var y = parseInt(elt.style.top);
	if (x == destX && y == destY) {
		return true;
	}
	if (x < destX) { x = x + pas; }
	if (x > destX) { x = x - pas; }
	if (y < destY) { y = y + pas; }
	if (y > destY) { y = y - pas; }
	elt.style.left = x + "px";
	elt.style.top = y + "px";
	var r = Math.abs(destX - x);
	//pas = 1 + Math.floor(r / 3);
		
	if (r < 8) {
		tempo = 5 + (8 - r) * (8 - r);
		pas = 1;
	} else if (r < 15) {
		tempo = 5 + 2 * (15 - r);
		pas = 2;
	}
	var relance = "baoDeplacerElt('" + eltId + "'," + origX + "," + origY + "," + destX + "," + destY + "," + tempo + "," + pas + ")";
	mvt = setTimeout(relance, tempo);
}

function mediapoDecaler(delta, vignNb, vignLarg) {
	var elt = document.getElementById('mediapoPelImg');
	var x = parseInt(elt.style.left);
	var destX = encoursDestX + delta;
	var limiteG = (732 - vignNb * vignLarg);
	var limiteD = 0;
	if (destX < limiteG) {
		destX = limiteG;
	} else if (destX > limiteD) {
		destX = limiteD;
	}
	if (mvt) {
		clearTimeout(mvt);
	}
	baoDeplacerElt('mediapoPelImg', encoursDestX, 0, destX, 0, 5, 5 * Math.abs((destX-encoursDestX)/vignLarg));
	encoursDestX = destX;
	document.getElementById("mediapoPrec").style.display = destX >= limiteD ? "none" : "block";
	document.getElementById("mediapoPrecInactif").style.display = destX >= limiteD ? "block" : "none";
	document.getElementById("mediapoSuiv").style.display = (destX <= limiteG) ? "none" : "block";
	document.getElementById("mediapoSuivInactif").style.display = (destX <= limiteG) ? "block" : "none";
}

function mediapoInit() {
	var elt = document.getElementById('mediapoPelImg');
	elt.style.position = "relative";
	elt.style.top = "0px";
	elt.style.left = "0px";
	encoursDestX = 0;
	
	// Init des boutons
	document.getElementById("mediapoPrec").style.display = "none";
	document.getElementById("mediapoPrecInactif").style.display = "block";
	//Compter les vignettes
	var nbVign = elt.getElementsByTagName("li").length;
	if (nbVign < 7) {
		document.getElementById("mediapoSuiv").style.display = "none";
		document.getElementById("mediapoSuivInactif").style.display = "block";
	} else {
		document.getElementById("mediapoSuiv").style.display = "block";
		document.getElementById("mediapoSuivInactif").style.display = "none";
	}
	elt.style.width = (nbVign * 122 + 1) + "px"
	
	// Démarrer le diaporama auto
	mediapoMontrerAuto();
}

function mediapoMontrer(cheminImg, titreImg) {
	var oImg = document.getElementById("mediapoPrincImg");
	oImg.src = cheminImg;
	oImg.alt = titreImg;
	
	var oTitre = document.getElementById("mediapoTitre");
	oTitre.innerHTML = titreImg;
}

function mediapoMontrerAuto() {
	var oPeli = document.getElementById("mediapoPelImg");
	var elts = oPeli.getElementsByTagName("li");
	if (elts.length == 0) { return true; }
	var i = Math.round(Math.random() * (elts.length - 1));
	var aElts = elts[i].getElementsByTagName("a");
	mediapoMontrer(aElts[0].href, aElts[0].title);
	// Relancer
	mediapoTimeoutId = setTimeout("mediapoMontrerAuto()", 5000);
	
	var oPrincImg = document.getElementById("mediapoPrincImg");
	oPrincImg.onclick = function () { mediapoAutoStop(); }
	oPrincImg.title = "Cliquez-moi pour arrêter le diaporama";
}

function mediapoAutoStop() {
	if (mediapoTimeoutId) {
		clearTimeout(mediapoTimeoutId);
		var oPrincImg = document.getElementById("mediapoPrincImg");
		oPrincImg.onclick = function() { mediapoMontrerAuto(); }
		oPrincImg.title = "Cliquez-moi pour relancer le diaporama";
	}
}

var encoursDestX;
var mvt = false;
var mediapoTimeoutId = false;

window.onload = function() {
		mediapoInit();
	}