$.fn.rollOver = function() {
		var diapos = $('img', this);
		var number = diapos.length;
		var i = 0;
		var chrono = setInterval(function () {
				$('.js-square:eq(' + (i = (i + 1) % number) + ')').trigger('open');
			}, 3500);
		this.css({
				position: 'relative',
				width: '660px',
				height: '200px'
			}).hover(function () {
				clearInterval(chrono);
				chrono = -1;
			}).mouseout(function () {
				if (chrono < 0)
					chrono = setInterval(function () {
							$('.js-square:eq(' + (i = (i + 1) % number) + ')').trigger('open');
						}, 3500);
			});
		$('img:gt(0)', this).css('display', 'none');
		var ctx = this;
		var pad = 4;
		var right = number * (pad + 20);
		diapos.each(function (idx, diapo) {
				diapo.style.cursor = 'pointer';
				$(this).addClass('js-diapo').click(function () {
						if (diapo.alt)
							document.location = diapo.alt;
					});
				var square = $('<div class="js-square"/>');
				var text = $('<div/>').css({
						fontFamily: 'Arial',
						fontSize: '70%',
						fontWeight: 'bold',
						textAlign: 'center'
					});
				text.html(idx);
				square.css({
						width: '20px',
						height: '20px',
						border: '1px solid #000',
						background: 'white',
						color: 'black',
						position: 'absolute',
						cursor: 'default',
						bottom: '4px',
						right: right + 'px'
					})
					.bind('open', function () {
						if ($(diapo).hasClass('js-visible'))
							return;
						var squares = $('.js-square').removeClass('js-visible');
						squares.css('background', 'white');
						$('div', squares).css('color', 'black');
						text.css('color', 'white');
						square.css('background', 'black');
						$('.js-diapo', ctx).stop(true, true).hide().removeClass('js-visible');
						$(diapo).fadeIn(250).addClass('js-visible');
						square.addClass('js-active');
					})
					.hover(function () {
						i = idx;
						$(this).trigger('open');
					});
				square.append(text);
				$.fn.rollOver.centerize(square);
				ctx.append(square);
				right -= 20 + pad;
			});
		$('.js-square:eq(0)').trigger('open');
	};

$.fn.rollOver.centerize = function (obj) {
		var css = {
				font: 'inherit',
				width: '100%',
				height: '100%',
				borderCollapse: 'collapse',
				verticalAlign: 'middle',
				textAlign: 'center'
			};
		try {
			var table = $('<table><tbody><tr><td></td></tr></tbody></table>').css(css);		
			$('*', table).css(css);
			var childs = $('*', obj);
			childs.detach();
			$('td', table).append(childs);
			obj.append(table);
		} catch(e) {}
	};