Prout = "";
dureeVue =9000;
sldshwState = "play";

slideshow();

function slideshow() {
	panelNum = 0;
	m = 1;
	a = document.getElementById("belt");
	a.style.left="0px";
	b = document.getElementById("slideshow");
	c = a.getElementsByClassName("panel").length;
	a.style.width = 900*c+"px";
	d = -(900*(c-1));
	interval = setInterval("nav_d()", dureeVue);
	for (i=1; i<=c; i++) {
		if (i==1) { 
			document.getElementById("nav_m").innerHTML += '<a onclick="nav_to('+i+')" class="nav_mm nav_mm_hover"> </a>';
		}
		else {
			document.getElementById("nav_m").innerHTML += '<a onclick="nav_to('+i+')" class="nav_mm"> </a>';
		}
	}
}


function nav_pp() {
	if (sldshwState == "play") {
		clearInterval(interval);
		document.getElementById("nav_pp").style.backgroundPosition = "bottom";
		sldshwState = "pause";
	} else if (sldshwState == "pause") {
		interval = setInterval("nav_d()", dureeVue);
		document.getElementById("nav_pp").style.backgroundPosition = "top";
		sldshwState = "play";
	}
}

function nav_d() {
	e = document.getElementById("belt").style.left;
	document.getElementsByClassName("nav_mm")[-(e.substr(0, e.length-2)/900)].setAttribute("class", "nav_mm");
	//document.getElementsByClassName("nav_mm")[-(e.substr(0, e.length-2)/900)].setAttribute("className", "nav_mm");
	
	if (e.substr(0, e.length-2) > d) {
		new Effect.Move(document.getElementById("belt"), { x: -900, y: 0, duration: 0.5, queue : { position:'end', scope: 'deplacement', limit:1 } });
		document.getElementsByClassName("nav_mm")[-(e.substr(0, e.length-2)/900)+1].setAttribute("class", "nav_mm nav_mm_hover");
		//document.getElementsByClassName("nav_mm")[-(e.substr(0, e.length-2)/900)+1].setAttribute("className", "nav_mm  nav_mm_hover");
	} else {
		new Effect.Move(document.getElementById("belt"), { x: -d, y: 0, duration: 1, queue : { position:'end', scope: 'deplacement', limit:1 } });
		document.getElementsByClassName("nav_mm")[0].setAttribute("class", "nav_mm nav_mm_hover");
		//document.getElementsByClassName("nav_mm")[0].setAttribute("className", "nav_mm  nav_mm_hover");
	}
	m=-(e.substr(0, e.length-2) / 900)+2;
	if (m>c) { m = 1; }
}

function nav_to(n) {
	clearInterval(interval);
	e = document.getElementById("belt").style.left;
	
	document.getElementsByClassName("nav_mm")[m-1].setAttribute("class", "nav_mm");
	//document.getElementsByClassName("nav_mm")[m-1].setAttribute("className", "nav_mm");

	new Effect.Move(document.getElementById("belt"), { x: -(900*(n-1)), y: 0, mode: "absolute",  duration: 0.5, fps: 100, queue : { position:'end', scope: 'deplacement', limit:1 } });
	
	document.getElementsByClassName("nav_mm")[n-1].setAttribute("class", "nav_mm nav_mm_hover");
	//document.getElementsByClassName("nav_mm")[n-1].setAttribute("className", "nav_mm  nav_mm_hover");
	m=n;
//	interval = setInterval("nav_d()", dureeVue);
	if (sldshwState == "play") {
		clearInterval(interval);
		interval = setInterval("nav_d()", dureeVue);
	}	

}