/********************************
** NE RIEN MODIFIER EN DESSOUS **
** DE CETTE LIGNE SAUF LE      **
** TEMPS DE TRANSITION		   **
********************************/

var Carousel = new Class({
	Implements: Options,
	options: {
		'mCarousel' : '#carousel'
	},
	initialize: function(options) {
		this.setOptions(options);
		this.mCarousel = document.getElement(this.options.mCarousel);
		if (!this.mCarousel) return (null);
		this.mUl = this.mCarousel.getElement('ul');
		this.mLi = this.mUl.getElements('li');
		this.nb_img = this.mLi.length;
		this.mClass = this.mLi[0].get('class');
		this.size = new Array();
		this.size = this.mClass.split('-');
		this.mCarousel.setStyles({	width: this.size[0] + 'px',
								height: this.size[1] + 'px'
		});
		this.mLi.setStyles({	'width': this.size[0] + 'px',
						'height': this.size[1] + 'px'
		});
		this.mUl.setStyles({	'width': (this.size[0] * this.nb_img + 'px'),
						'height': this.size[1] + 'px'
		});
		this.mUl.setStyles({ 'margin-left': 0});
		this.idx = 0;
	}
})

window.addEvent('domready', function() {
	var myCarousel = new Carousel();
	var move = function() {
		if (myCarousel == null) return;
		var margin = myCarousel.mUl.getStyle('margin-left').toInt();
			myCarousel.idx++;
			if (myCarousel.idx == (myCarousel.nb_img))
				myCarousel.idx = 0;
			myCarousel.mUl.tween('margin-top', (-myCarousel.idx * myCarousel.size[1]) + 'px');
		}
	move.periodical(3500); /* TEMPS DE LA TRANSITION EN MS */
})