var ongletSwitchAuto = new Class({
	Implements: [Options, Events],
	options: {
		duration: 5000
	},
	maxHeight: 0,
	initialize: function(block,options){	
		 this.setOptions(options);
		this.block = $(block);
		this.tabsLI = this.block.getElements('.tabs li');
		this.tabs = this.block.getElements('.tabs li a');
		this.visuals = this.block.getElements('.visuals .blockVisu');
		
		this.activeVisual = 0;
		this.toVisual = 0;
		this.acting = false;
		
		this.setActionsOnTab();
		
		var _this = this;
		this.timer = setInterval(function(){
			_this.toVisual = (_this.activeVisual+1)%3;
			_this.setActiveTab();
			_this.setActiveVisual();
		}, this.options.duration)
		
	},
	setActionsOnTab: function(){
		var _this = this;
		this.tabs.each(function(elm,index){
			$(elm).addEvent("click",function(e){
				var e = new Event(e).stop();
				
				if(_this.timer)
					clearInterval(_this.timer)
				
				_this.toVisual = index;
				
				_this.setActiveTab();
				_this.setActiveVisual();
				
			})
		});
	},
	setActiveTab: function(){
		if(this.toVisual != this.activeVisual && this.acting == false){
			$(this.tabsLI[this.activeVisual]).removeClass("active");
			$(this.tabsLI[this.toVisual]).addClass("active");
		}
	},
	setActiveVisual: function(){
		
		var _this = this;
		if(this.toVisual != this.activeVisual && this.acting == false){
			this.acting = true;
			
			$(this.visuals[this.toVisual]).addClass("switching");
			
			var fx1 = new Fx.Styles($(this.visuals[this.toVisual]), {
				duration: 500,
				transition: Fx.Transitions.linear,
				onComplete: function(){
					this.element.addClass("active");
					this.element.removeClass("switching");
					$(_this.visuals[_this.activeVisual]).removeClass("active");
					$(_this.visuals[_this.activeVisual]).setStyles({
						"opacity": 0
					});
					_this.activeVisual = _this.toVisual ;
					_this.acting = false;
				}
			});
			fx1.start({
				'opacity': [0, 1]
			});

			
		}
	}
});

ongletSwitchAuto.implement(new Options);


window.addEvent('domready',function(){
	var blockSwitchAuto = $$('div.blockOngletsSwtichAuto');
	if(blockSwitchAuto.length != 0 ){
		blockSwitchAuto.each(function(elm,index){
			new ongletSwitchAuto(elm);
		});
	}
});