window.addEvent('domready', function() {
	var actual = 1;
	var fx = new Fx.Scroll($('slideContainer'), { wheelStops: false });
	fx.set(0, 0);
	
	var moveToSlide = function(slide) {
		actual = slide;
		var elementId = 'slide' + slide;
		fx.toElement(elementId);
		
		var puceId = 'slide_' + slide;
		var puces = $$('#puce ul a');
		puces.each(function(e) {
			e.removeClass('puceActive');

			if (e.get('id') == puceId) {
				e.addClass('puceActive');
			}
		});
	};

	var movePrevious = function() {
		if (--actual < 1) {
			actual = 4;
		}
		
		moveToSlide(actual);
	};
	
	var moveNext = function() {
		if (++actual > 4) {
			actual = 1;
		}
		
		moveToSlide(actual);
	};
	
	var timer = moveNext.periodical(5000);
	
	var stopMove = function () {
		if (timer) {
			clearInterval(timer);
		}
	}
	
	$$('.slideButton').each(function (e, i) {
		e.addEvent('click', function (event) {
			event.preventDefault();
			stopMove();
			moveToSlide(4 - i);
		});
	});
	
	$('flecheGauche').addEvent('click', function(event) {		
		event.preventDefault();
		stopMove();
		movePrevious();
	});	
	
	$('flecheDroite').addEvent('click', function(event) {
		event.preventDefault();
		stopMove();
		moveNext();
	});
});