// JavaScript Document
var x = -150, d = 0, e = 0.5;
var cp = 0.5, cd = 0.6;
var i = 0, maxi = 8;
var xVel = 0;
//var myInterval = window.setInterval(move, 30);

function init() {
	x = -150; xVel = 0;
}

function Elastic(orig, dest, spr, damp, elas) {
	elas -= spr*(orig-dest);
	elas *= damp;
	return elas;
}

function move() {
	obj = document.getElementById("o"+i);
	if (obj.style.left == d+'px') {
		i++;
		init();
	}
	else {	
		obj.style.left = x+'px';	
		
		if (Math.abs(x - d) >= e) {
			xVel = Elastic(x, d, cp, cd, xVel); 
			x += xVel;
		}
		else {
			x = d;
  		}
		obj.style.left = x+'px';	
	}
	if (i>maxi)
		window.clearInterval(myInterval);
}
// images
var diaIndex=0, diaMax=0, catMax=0, vIndex=0, vMax=0, imgIndex=0, imgMax=0, vpp=0;
var myDiaporama;
var action=0;
var timerDiaporama=3000;

function SetCurrentPageDiaporama(current, total) {
	diaIndex=current
	diaMax=total;
	i=0;
	while (i<diaMax) {
		document.getElementById("d"+i++).style.display="none";
	}
	document.getElementById("d"+diaIndex).style.display="block";
}

function DiaSuivant(pages) {
	i=0;
	while (i<pages) {
		document.getElementById("d"+i++).style.display="none";
	}
	if (diaIndex<pages-1) diaIndex++;
	document.getElementById("d"+diaIndex).style.display="block";
}

function DiaPrecedent(pages) {
	i=0;
	while (i<pages) {
		document.getElementById("d"+i++).style.display="none";
	}
	if (diaIndex>0) diaIndex--;
	document.getElementById("d"+diaIndex).style.display="block";
}

function VSuivant(pages) {
	i=0;
	while (i<pages) {
		document.getElementById("v"+i++).style.display="none";
	}
	if (vIndex<pages-1) vIndex++;
	document.getElementById("v"+vIndex).style.display="block";
}

function VPrecedent(pages) {
	i=0;
	while (i<pages) {
		document.getElementById("v"+i++).style.display="none";
	}
	if (vIndex>0) vIndex--;
	document.getElementById("v"+vIndex).style.display="block";
}

function Show(obj, w) {
	k=0;
	while (vignette = document.getElementById(k++)) {
		vignette.style.backgroundColor="#FFFFFF";
	}
	obj.style.backgroundColor = "#00FF00";
	img = document.getElementById("image");
	img.width = w;
	img.style.display='none';
	img.src = obj.src;
	Effect.Appear('image');
}

function Debut() {
	i=0;
	while (i<vMax) {
		document.getElementById("v"+i++).style.display="none";
	}
	vIndex=0;
	document.getElementById("v"+vIndex).style.display="block";
	img0 = document.getElementById("0");
	Show(img0, img0.name);
}

function AllerA(j) {
	//alert(j+"-"+vIndex+"-"+vMax)
	if (vIndex != j && j<=vMax) {
		i=0;
		while (i<vMax) {
			document.getElementById("v"+i++).style.display="none";
		}
		vIndex=j;
		document.getElementById("v"+vIndex).style.display="block";
	}
}

function Marche(nbImg, nbPages, nbVignettesParPage) {
	imgMax = nbImg;
	vMax = nbPages;
	vpp = nbVignettesParPage;
	img = document.getElementById("marche");
	if (action==0) {
		action=1;
		img.src="styles/images/pause.png";
		Affiche(imgIndex);
		myDiaporama = window.setInterval(Play, timerDiaporama);
	}
	else {
		action=0;
		img.src="styles/images/marche.png";
		window.clearInterval(myDiaporama);
	}
}

function Affiche(i) {
		vignette = document.getElementById(i)
		Show(vignette, vignette.name);
		page = Math.round(i/vpp - (i%vpp)/vpp,0);
		AllerA(page);
}

function Play() {
	if (imgIndex<imgMax) {
		imgIndex++;
		Affiche(imgIndex);
	}
	else {
		window.clearInterval(myDiaporama);
		action=0;
		img = document.getElementById("marche");
		img.src="styles/images/marche.png";
		imgIndex=0;
	}
}

function Stop() {
	window.clearInterval(myDiaporama);
	action=0;
	imgIndex=0;
	img = document.getElementById("marche");
	img.src="styles/images/marche.png";
	img = document.getElementById("image");
	vignette = document.getElementById(imgIndex);
	img.src = vignette.src;
	Debut();
}