var SloganS = new Class({
	Implements: [Options,Chain],
	
	options:{
		divParent : 'slogan',
		divMain : 'slogans_main',
		divLess : 'slogans_less',
		tempoattessa : 8000,
		tempoFx1 : 500,
		tempoFx2 : 300,
		slogans: '',
		tot:0
	},
	
	initialize: function(opt){
		this.setOptions(opt);
		this.options.divParent = ($type(this.options.divParent)=='element') ? this.options.divParent : $(this.options.divParent);
		this.options.divMain = ($type(this.options.divMain)=='element') ? this.options.divMain : $(this.options.divMain);
		this.options.divLess = ($type(this.options.divLess)=='element') ? this.options.divLess : $(this.options.divLess);

		this.options.larghezza = this.options.divParent.getCoordinates().width;
		this.options.larghezza1 = this.options.divMain.getCoordinates().width;
		this.options.larghezza2 = this.options.divLess.getCoordinates().width;
		
		this.options.tot = this.options.slogans.length-1;

		this.options.divMainFx1 = new Fx.Tween(this.options.divMain,{duration: this.options.tempoFx1});
		this.options.divMainFx2 = new Fx.Tween(this.options.divMain,{duration: this.options.tempoFx2});

		this.options.divMainFx1.set('margin-left',(this.options.larghezza*-1)+'px');
		this.options.divMainFx2.set('opacity',0);
		
		this.options.divLessFx1 = new Fx.Tween(this.options.divLess,{duration: this.options.tempoFx1});
		this.options.divLessFx2 = new Fx.Tween(this.options.divLess,{duration: this.options.tempoFx2});

		this.options.divLessFx1.set('margin-left',(this.options.larghezza)+'px');
		this.options.divLessFx2.set('opacity',0);
		
		this.girotondo(0);
	},
	
	girotondo: function(index){
		var prop = this;
		this.chain(
			function(){
				prop.options.divMain.set('html',prop.options.slogans[index]['main']);
				prop.options.divMainFx1.set('margin-left',(prop.options.larghezza*-1)+'px');
				prop.options.divMainFx2.set('opacity',0);
				prop.options.divLess.set('html',prop.options.slogans[index]['less']);
				prop.options.divLessFx1.set('margin-left',(prop.options.larghezza)+'px');
				prop.options.divLessFx2.set('opacity',0);
				this.callChain();
			},
			function(){
				prop.options.divMainFx1.start('margin-left',((prop.options.larghezza-prop.options.larghezza1)/2)+'px');
				prop.options.divMainFx2.start('opacity',1);
				prop.options.divLessFx1.start('margin-left',((prop.options.larghezza-prop.options.larghezza2)/2)+'px');
				prop.options.divLessFx2.start('opacity',1);
				this.callChain.delay(prop.options.tempoattessa+700,prop);
				
			},
			function(){
				prop.options.divMainFx1.start('margin-left',(prop.options.larghezza)+'px');
				prop.options.divMainFx2.start('opacity',0);
				prop.options.divLessFx1.start('margin-left',(prop.options.larghezza*-1)+'px');
				prop.options.divLessFx2.start('opacity',0);
				this.callChain.delay(800,prop);
			},
			function(){
				successivo = (index<prop.options.tot) ? index+1 : 0;
				prop.girotondo(successivo);
			}
		);
		this.callChain();
	}
	
});
