document.observe("dom:loaded", function() {
  slideshow();
});

var sldshwState = "play";
var dureeVue = 3500;
var largeur = 700;
var idWebagoo = 40500;
var interval;
var activePanel;
var positionEnd;
var num;

function slideshow() {
	var panelNum = 0;
	activePanel = 1;
	var myFirstSlide = $$(".slideshow")[0];
	num = $$(".panel").size();
	var myBelt = $$(".belt")[0];
	myBelt.setStyle({left: "0px",width: largeur * num +"px"});
	positionEnd = -(largeur*(num-1));
	interval = setInterval("nav_d()", dureeVue);
	for (var i=1; i<=num; i++) {
		if (i==1) { 
			$("nav_m").innerHTML += '<a onclick="javascript:nav_to('+i+');" class="nav_mm nav_mm_hover">'+i+'</a>';
		}
		else {
			$("nav_m").innerHTML += '<a onclick="javascript:nav_to('+i+');" class="nav_mm">'+i+'</a>';
		}
	}
}


function nav_pp() {
	if (sldshwState == "play") {
		clearInterval(interval);
		$("nav_pp").setStyle({background : "url(http://www.webagoo.eu/bibliotheques/"+ idWebagoo +"/interface/images/btn-play.png)"});
		sldshwState = "pause";
	} else if (sldshwState == "pause") {
		interval = setInterval("nav_d()", dureeVue);
		$("nav_pp").setStyle({background : "url(http://www.webagoo.eu/bibliotheques/"+ idWebagoo +"/interface/images/btn-pause.png)"});
		sldshwState = "play";
	}
}


function nav_g() {
	var leftStyle = $$(".belt")[0].getStyle("left");
	var beltWidth = leftStyle.substr(0, leftStyle.length-2);
	$$(".nav_mm")[-(beltWidth/largeur)].setAttribute("class", "nav_mm");
	$$(".nav_mm")[-(beltWidth/largeur)].setAttribute("className", "nav_mm");
	
	if (beltWidth < 0) {
		new Effect.Move($$(".belt")[0], { x: largeur, y: 0, duration:0.5, queue : { position:'end', scope: 'deplacement', limit:1 } });
		new Effect.Move($("fleche"), { x: -17, y: 0, duration:0.5, queue : { scope : 'fleche', limit:1 } });
		$$(".nav_mm")[-(beltWidth/largeur)-1].setAttribute("class", "nav_mm nav_mm_hover");
		$$(".nav_mm")[-(beltWidth/largeur)-1].setAttribute("className", "nav_mm  nav_mm_hover");
	} else {
		new Effect.Move($$(".belt")[0], { x: postionEnd, y: 0, duration: 1, queue : { position:'end', scope: 'deplacement', limit:1 } });
		new Effect.Move($("fleche"), { x: 17*(c-1), y: -10, duration:1, mode: "absolute", queue : { scope : 'fleche', limit:1 } });
		$$(".nav_mm")[num-1].setAttribute("class", "nav_mm nav_mm_hover");
		$$(".nav_mm")[num-1].setAttribute("className", "nav_mm  nav_mm_hover");
	}
	activePanel = beltWidth+1;
}

function nav_d() {
	var leftStyle = $$(".belt")[0].getStyle("left");
	var beltWidth = leftStyle.substr(0, leftStyle.length-2);
	
	$$(".nav_mm")[-(beltWidth/largeur)].setAttribute("class", "nav_mm");
	$$(".nav_mm")[-(beltWidth/largeur)].setAttribute("className", "nav_mm");
	
	if (beltWidth > positionEnd) {
		new Effect.Move($$(".belt")[0], { x: -largeur, y: 0, duration: 0.5, queue : { position:'end', scope: 'deplacement', limit:1 } });
		new Effect.Move($("fleche"), { x: 17, y: 0, duration:0.5, queue : { scope : 'fleche', limit:1 } });
		$$(".nav_mm")[-(beltWidth/largeur)+1].setAttribute("class", "nav_mm nav_mm_hover");
		$$(".nav_mm")[-(beltWidth/largeur)+1].setAttribute("className", "nav_mm  nav_mm_hover");
	} else {
		new Effect.Move($$(".belt")[0], { x: -positionEnd, y: 0, duration: 1, queue : { position:'end', scope: 'deplacement', limit:1 } });
		new Effect.Move($("fleche"), { x: 0, y: -10, duration:1, mode: "absolute", queue : { scope : 'fleche', limit:1 } });
		$$(".nav_mm")[0].setAttribute("class", "nav_mm nav_mm_hover");
		$$(".nav_mm")[0].setAttribute("className", "nav_mm  nav_mm_hover");
	}
	
	activePanel =-(beltWidth / largeur)+2;
if (activePanel>num) { activePanel = 1; }
}

function nav_to(panel) {
	var leftStyle = $$(".belt")[0].getStyle("left");
	
	$$(".nav_mm")[activePanel-1].setAttribute("class", "nav_mm");
	$$(".nav_mm")[activePanel-1].setAttribute("className", "nav_mm");

	new Effect.Move($$(".belt")[0], { x: -(largeur*(panel-1)), y: 0, mode: "absolute",  duration: 0.5, fps: 100, queue : { position:'end', scope: 'deplacement', limit:1 } });
	new Effect.Move($("fleche"), { x: 17*(panel-1), y: -10, duration:0.5, mode: "absolute", queue : { scope : 'fleche', limit:1 } });
	
	$$(".nav_mm")[panel-1].setAttribute("class", "nav_mm nav_mm_hover");
	$$(".nav_mm")[panel-1].setAttribute("className", "nav_mm  nav_mm_hover");
	activePanel = panel;
	if (sldshwState == "play") {
		clearInterval(interval);
		interval = setInterval("nav_d()", dureeVue);
	}	
}