Carousel.Extra = new Class({

		
		
			options: {
			
				interval: 3, //interval between 2 executions in seconds
				delay: 3, //delay between the moment a tab is clicked and the auto slide is restarted
				//reverse: true //move backward
			},
			reverse: false, //move direction
		
		
			Extends: Carousel,
			Binds: ['update', 'start', 'stop'],
			initialize: function(options) {

				this.parent($merge({interval: 3, delay: 3}, options));

				//handle click on tab. wait 10 seconds before we go
				['previous', 'next'].each(function (val) {
				
					if($(this.options[val])) $(this.options[val]).addEvent('click', function (e) {
				
						e.stop();
						
						if(this.running) this.stop().start.delay(this.options.delay * 1000)
						
					}.bind(this))
					
				}, this);
			
				this.reverse = !!this.options.reverse;
				this.running = false;
				this.timer = new PeriodicalExecuter(this.update, this.options.interval);
				
				return this
			},
			
			update: function () { return this[this.reverse ? 'previous' : 'next']() },
			
			start: function () {
			
				this.timer.registerCallback();
				this.running = true;
				return this
			},
			
			stop: function() { 
			
				this.timer.stop();
				this.running = false;
				return this
			}
		});