(function() {

var Ev = YAHOO.util.Event;

Ev.onDOMReady(function () {
	
	(function() {	
		var  width = 588, prevPos = 0, nSlides = 4, delay = 8000;
		var goPos = function(pos) {
			if(pos == prevPos) return;
			if(pos == -1) pos = 3;
			else if(pos == nSlides) pos = 0;
			(new YAHOO.util.Anim('carousel', { left: { to: -pos*width } }, 1, YAHOO.util.Easing.easeOut)).animate();
			YAHOO.util.Dom.removeClass("nav-slide-"+(prevPos+1), "selected");
			YAHOO.util.Dom.addClass("nav-slide-"+(pos+1), "selected");
			prevPos = pos;
		};
		var stopAnim = function(){
			clearInterval(timer);
			YAHOO.lang.later(delay, this, function(){ goPos(0); });
		};
		var timer = setInterval(function() { goPos(prevPos+1); if(prevPos == 3) { stopAnim(); } }, delay);
		Ev.addListener('nav-slide-1', 'click', function() { clearInterval(timer); goPos(0); });
		Ev.addListener('nav-slide-2', 'click', function() { clearInterval(timer); goPos(1); });
		Ev.addListener('nav-slide-3', 'click', function() { clearInterval(timer); goPos(2); });
		Ev.addListener('nav-slide-4', 'click', function() { clearInterval(timer); goPos(3); });
		Ev.addListener('nav-left-button', 'click', function() { clearInterval(timer); goPos(prevPos-1); });
		Ev.addListener('nav-right-button', 'click', function() { clearInterval(timer); goPos(prevPos+1); });
	})();
   
	(function() {
		var leftPos = 0, width = 284, totalWidth = 5*width;
	   var go = function(direction) {		
			leftPos += width*direction;
			if(leftPos > 0) { leftPos = leftPos-totalWidth;	}
			else if(leftPos == -totalWidth) { leftPos = 0;	}
			(new YAHOO.util.Anim('clientRoll', { left: { to: leftPos } }, 1, YAHOO.util.Easing.easeOut)).animate();
		};
		Ev.addListener('fleche_gauche', 'click', function() { go(1); });
		Ev.addListener('fleche_droite', 'click', function() { go(-1); });
	})();
	
});

})();