var Slider = new Class({
	initialize: function(){
		if(!$('banner-home')){return false;}
		this.imagen = new Asset.image('imagenes/banners.jpg', {
			onLoad: function(){
				this.crearSlider();
			}.bind(this)
		});
	},
	
	crearSlider: function(){
		this.slider 		= $('banner-home').getElement('div');
		this.animacion 	= new Fx.Tween(this.slider,{duration:300,link:'ignore'});
		this.animando		= false;
		this.posicion		= 1;
		this.margen			= '0px';
		this.retardo		= 7000;
		
		this.slider.setStyles({
			opacity: 0,
			backgroundImage: 'url(imagenes/banners.jpg)'
		});
		
		this.animacion.start('opacity',1);
		
		$('boton-slider-1').addEvent('click',function(){
			if(!this.animando){
				clearTimeout(this.rotacion_automatica);
				this.posicion = 1;
				this.rotar();
			}
		}.bind(this));
		
		$('boton-slider-2').addEvent('click',function(){
			if(!this.animando){
				clearTimeout(this.rotacion_automatica);
				this.posicion = 2;
				this.rotar();
			}
		}.bind(this));
		
		$('boton-slider-3').addEvent('click',function(){
			if(!this.animando){
				clearTimeout(this.rotacion_automatica);
				this.posicion = 3;
				this.rotar();
			}
		}.bind(this));
		
		this.rotacion = function(){
			if(this.posicion < 3){this.posicion++;}
			else{this.posicion = 1;}
			this.rotar();
		}.bind(this);
		
		this.rotacion_automatica = this.rotacion.delay(this.retardo);
	},
	
	rotar: function(){
		this.animando = true;
		switch(this.posicion){
			case 1:
				$('boton-slider-1').setStyle('backgroundImage','url(imagenes/bnt-slider-hover.jpg)');
				$('boton-slider-2').setStyle('backgroundImage','url(imagenes/bnt-slider.jpg)');
				$('boton-slider-3').setStyle('backgroundImage','url(imagenes/bnt-slider.jpg)');
				this.margen = '0px';
			break;
			case 2:
				$('boton-slider-1').setStyle('backgroundImage','url(imagenes/bnt-slider.jpg)');
				$('boton-slider-2').setStyle('backgroundImage','url(imagenes/bnt-slider-hover.jpg)');
				$('boton-slider-3').setStyle('backgroundImage','url(imagenes/bnt-slider.jpg)');
				this.margen = '-982px';
			break;
			case 3:
				$('boton-slider-1').setStyle('backgroundImage','url(imagenes/bnt-slider.jpg)');
				$('boton-slider-2').setStyle('backgroundImage','url(imagenes/bnt-slider.jpg)');
				$('boton-slider-3').setStyle('backgroundImage','url(imagenes/bnt-slider-hover.jpg)');
				this.margen = '-1964px';
			break;
		}
		this.animacion.start('background-position',this.margen + ' 0').chain(function(){
			this.animando = false;
			this.rotacion_automatica = this.rotacion.delay(this.retardo);
		}.bind(this));
	}
});