window.addEvent('domready',function(){
	new Menu();
	new SlidePrincipal();
	//new TabArriba();
	//new TabAbajo();
	new pngie6();
	new Slider();
});

var Menu = new Class({
	initialize: function(){
		this.temporal = new Array();
		$('menu-menu-principal').getChildren('li').each(function(opclvl1, index){
			if(opclvl1.getElement('ul')){
				this.temporal[index] = new Element('div',{
					'class': 'div-lvl-2',
					styles:{
						display: 'block',
						opacity: 0
					}
				}).inject(document.body);
				
				opclvl1.getElement('ul').getChildren('li').each(function(opcion){
					opcion.getElement('a').inject(new Element('div',{
						'class':'div-opcion-submenu'
					}).inject(this.temporal[index]));
				}.bind(this));
				
				opclvl1.addEvent('mouseover',function(){
					var pos = new coordenadas(opclvl1);
					var x = (opclvl1.offsetWidth - this.temporal[index].offsetWidth)/2;
					this.temporal[index].setStyles({
						left: (pos.x + x) + 'px',
						top: (pos.y + 20) + 'px'
					});
					this.temporal[index].tween('opacity',1);
				}.bind(this));
				
				opclvl1.addEvent('mouseout',function(){
					this.temporal[index].tween('opacity',0);
				}.bind(this));
				
				this.temporal[index].addEvent('mouseover',function(){
					this.tween('opacity',1);
				});
				this.temporal[index].addEvent('mouseout',function(){
					this.tween('opacity',0);
				});
			}
		}.bind(this));
	}
});

var SlidePrincipal = new Class({
	initialize: function(){
		if($('div-slide-fondo')){
			this.imagenes_slide 	= $('div-slide-principal').getElements('img.img-slide');
			this.imagenes_thumb 	= $('div-slide-thumb').getElements('img.img-slide-thumb');
			this.titulos_slide		= $('div-slide-thumb').getElements('input.hid-titulo-slide');
			this.links_slide			= $('div-slide-thumb').getElements('input.hid-link-entrada');
			this.subtitulos_slide	= $('div-slide-thumb').getElements('input.hid-subtitulo-slide');
			this.apuntador				= 0;
			this.animando					= false;
			
			$('div-slide-thumb').getElements('img.img-slide-thumb').setProperty('title','');
			this.imagenes_slide.setStyle('display','none');
			
			this.mensaje = new Element('div',{
				'class': 'div-slide-mensaje'
			}).inject($('div-slide-principal'));
			
			this.subtitulo = new Element('div',{
				html: this.subtitulos_slide[0].getProperty('value'),
				'class': 'div-slide-mensaje-subtitulo'
			}).inject(this.mensaje);			
			
			this.titulo = new Element('div',{
				html: '<a href="' + this.links_slide[0].getProperty('value') + '">' + this.titulos_slide[0].getProperty('value') + '</a>',
				'class': 'div-slide-mensaje-titulo'
			}).inject(this.mensaje);			
			
			$('div-slide-principal').set('tween',{duration: 500});
			this.mensaje.set('tween',{duration: 200});
			
			$('div-slide-principal').setStyles({
				backgroundImage: 		'url(' + this.imagenes_slide[0].getProperty('src') + ')',
				backgroundPosition:	'center 0',
				backgroundRepeat:		'no-repeat'
			});
			
			$('div-slide-principal').addEvent('click',function(){
				document.location.href = this.links_slide[0].getProperty('value');
			}.bind(this));
			
			$$('img.img-slide-thumb').setStyle('opacity',0.3);
			this.imagenes_thumb[0].setStyle('opacity',1);
			
			this.imagenes_thumb.each(function(imagen,index){
				imagen.set('tween',{duration: 250});
				imagen.addEvent('mouseover',function(){
					if(this.apuntador != index){
						imagen.tween('opacity',1);
					}
				}.bind(this));
				
				imagen.addEvent('mouseout',function(){
					if(this.apuntador != index){
						imagen.tween('opacity',0.3);
					}
				}.bind(this));
			}.bind(this));
			
			
			this.animacion1 = new Fx.Tween(this.mensaje);
			this.animacion2 = new Fx.Tween($('div-slide-principal'));
			
			this.imagenes_thumb.each(function(imagen, index){
				imagen.addEvent('click',function(){
					if(this.apuntador != index && this.animando == false){
						this.apuntador 	= index;
						this.animando		= true;
						$$('img.img-slide-thumb').setStyle('opacity',0.3);
						this.imagenes_thumb[this.apuntador].setStyle('opacity',1);
						$('div-slide-fondo').setStyles({
							backgroundImage: 		'url(' + this.imagenes_slide[this.apuntador].getProperty('src') + ')',
							backgroundPosition:	'center 0',
							backgroundRepeat:		'no-repeat'
						});
						
						this.animacion1.start('margin-top','365px').chain(function(){
							this.animacion2.start('opacity',0).chain(function(){
								$('div-slide-principal').setStyles({
									backgroundImage: 		'url(' + this.imagenes_slide[this.apuntador].getProperty('src') + ')',
									backgroundPosition:	'center 0',
									backgroundRepeat:		'no-repeat',
									opacity:						1
								});
								
								$('div-slide-principal').removeEvent('click');
								
								$('div-slide-principal').addEvent('click',function(){
									document.location.href = this.links_slide[this.apuntador].getProperty('value');
								}.bind(this));
								
								var titulo = '<a href="' + this.links_slide[this.apuntador].getProperty('value') + '">' + this.titulos_slide[this.apuntador].getProperty('value') + '</a>';
								this.titulo.set('html',titulo);
								this.subtitulo.set('html',this.subtitulos_slide[this.apuntador].getProperty('value'));
								this.animacion1.start('margin-top','285px').chain(function(){
									this.animando	= false;
								}.bind(this));
							}.bind(this));
						}.bind(this));
					}
				}.bind(this));
			}.bind(this));
		}
		
		(function(){this.rotacionAutomatica(0);}).bind(this).delay(5000);
	},
	
	rotacionAutomatica: function(index){
		if(index == 2){
			index = 0;
		}
		else{
			index++;
		}
		if(this.apuntador != index && this.animando == false){
			this.apuntador 	= index;
			this.animando		= true;
			$$('img.img-slide-thumb').setStyle('opacity',0.3);
			this.imagenes_thumb[this.apuntador].setStyle('opacity',1);
			$('div-slide-fondo').setStyles({
				backgroundImage: 		'url(' + this.imagenes_slide[this.apuntador].getProperty('src') + ')',
				backgroundPosition:	'center 0',
				backgroundRepeat:		'no-repeat'
			});
			
			this.animacion1.start('margin-top','365px').chain(function(){
				this.animacion2.start('opacity',0).chain(function(){
					$('div-slide-principal').setStyles({
						backgroundImage: 		'url(' + this.imagenes_slide[this.apuntador].getProperty('src') + ')',
						backgroundPosition:	'center 0',
						backgroundRepeat:		'no-repeat',
						opacity:						1
					});
					
					$('div-slide-principal').removeEvent('click');
					
					$('div-slide-principal').addEvent('click',function(){
						document.location.href = this.links_slide[this.apuntador].getProperty('value');
					}.bind(this));
					
					var titulo = '<a href="' + this.links_slide[this.apuntador].getProperty('value') + '">' + this.titulos_slide[this.apuntador].getProperty('value') + '</a>';
					this.titulo.set('html',titulo);
					this.subtitulo.set('html',this.subtitulos_slide[this.apuntador].getProperty('value'));
					this.animacion1.start('margin-top','285px').chain(function(){
						this.animando	= false;
					}.bind(this));
				}.bind(this));
			}.bind(this));
		}
		(function(){this.rotacionAutomatica(index);}).bind(this).delay(5000);
	}
});

var TabArriba = new Class({
	initialize: function(){
		this.apuntador = 1;
		this.bandera = false;
		
		var titulo = '<a href="' + $('hid-tab-arriba-link-01').getProperty('value') + '">' + $('hid-tab-arriba-tit-01').getProperty('value') + '</a>';
		$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-01').getProperty('value'));
		$('div-tab-arriba-titulo').set('html',titulo);
		
		$('div-tab-01').addEvent('click',function(){
			var titulo = '<a href="' + $('hid-tab-arriba-link-01').getProperty('value') + '">' + $('hid-tab-arriba-tit-01').getProperty('value') + '</a>';
			$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-01').getProperty('value'));
			$('div-tab-arriba-titulo').set('html',titulo);
			$('div-tabla-arriba').tween('margin-left','0px');
			$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','30px');
			
			this.bandera = true;
			this.apuntador = 1;
		});
		$('div-tab-02').addEvent('click',function(){
			var titulo = '<a href="' + $('hid-tab-arriba-link-02').getProperty('value') + '">' + $('hid-tab-arriba-tit-02').getProperty('value') + '</a>';
			$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-02').getProperty('value'));
			$('div-tab-arriba-titulo').set('html',titulo);
			$('div-tabla-arriba').tween('margin-left','-310px');
			$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','141px');
			
			this.bandera = true;
			this.apuntador = 2;
		});
		$('div-tab-03').addEvent('click',function(){
			var titulo = '<a href="' + $('hid-tab-arriba-link-03').getProperty('value') + '">' + $('hid-tab-arriba-tit-03').getProperty('value') + '</a>';
			$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-03').getProperty('value'));
			$('div-tab-arriba-titulo').set('html',titulo);
			$('div-tabla-arriba').tween('margin-left','-620px');
			$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','253px');
			
			this.bandera = true;
			this.apuntador = 3;
		});
		
		this.crearFlechas();
		
		(function(){this.rotacionAutomatica();}.bind(this)).delay(6000);
	},
	
	crearFlechas: function(){
		this.btnIzq = new Element('div',{
			'class':'div-izq',
			styles:{
				opacity:0
			}
		}).inject(document.body);
		
		this.btnIzq.set('twenn',{duration:150});
		
		this.btnDer = new Element('div',{
			'class':'div-der',
			styles:{
				opacity:0
			}
		}).inject(document.body);
		
		this.btnDer.set('twenn',{duration:150});
		
		$('div-tab-arriba').addEvent('mouseover',function(){
			var pox = new coordenadas($('div-tab-arriba'));
			this.btnIzq.setStyles({
				left: (pox.x + 5) + 'px',
				top: (pox.y + 60) + 'px'
			});
			this.btnDer.setStyles({
				left: (pox.x + 269) + 'px',
				top: (pox.y + 60) + 'px'
			});
			if(this.apuntador != 1){
				this.btnIzq.tween('opacity',1);
			}
			if(this.apuntador != 3){
				this.btnDer.tween('opacity',1);
			}
		}.bind(this));
		
		$('div-tab-arriba').addEvent('mouseout',function(){
			this.btnIzq.tween('opacity',0);
			this.btnDer.tween('opacity',0);
		}.bind(this));
		
		this.btnIzq.addEvent('mouseover',function(){
			if(this.apuntador != 1){
				this.btnIzq.tween('opacity',1);
			}
			if(this.apuntador != 3){
				this.btnDer.tween('opacity',1);
			}
		}.bind(this));
		
		this.btnDer.addEvent('mouseover',function(){
			if(this.apuntador != 1){
				this.btnIzq.tween('opacity',1);
			}
			if(this.apuntador != 3){
				this.btnDer.tween('opacity',1);
			}
		}.bind(this));
		
		this.btnIzq.addEvent('mouseout',function(){
			this.btnIzq.tween('opacity',0);
			this.btnDer.tween('opacity',0);
		}.bind(this));
		
		this.btnDer.addEvent('mouseout',function(){
			this.btnIzq.tween('opacity',0);
			this.btnDer.tween('opacity',0);
		}.bind(this));
		
		this.btnIzq.addEvent('click',function(){
			this.apuntador--;
			this.bandera = true;
			switch(this.apuntador){
				case 1:
					var titulo = '<a href="' + $('hid-tab-arriba-link-01').getProperty('value') + '">' + $('hid-tab-arriba-tit-01').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-01').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','0px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','30px');
					this.btnIzq.tween('opacity',0);
				break;
				case 2:
					var titulo = '<a href="' + $('hid-tab-arriba-link-02').getProperty('value') + '">' + $('hid-tab-arriba-tit-02').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-02').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-310px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','141px');
				break;
				case 3:
					var titulo = '<a href="' + $('hid-tab-arriba-link-03').getProperty('value') + '">' + $('hid-tab-arriba-tit-03').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-03').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-620px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','253px');
					this.btnDer.tween('opacity',0);
				break;
			}
		}.bind(this));
		
		this.btnDer.addEvent('click',function(){
			this.apuntador++;
			this.bandera = true;
			switch(this.apuntador){
				case 1:
					var titulo = '<a href="' + $('hid-tab-arriba-link-01').getProperty('value') + '">' + $('hid-tab-arriba-tit-01').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-01').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','0px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','30px');
					this.btnIzq.tween('opacity',0);
				break;
				case 2:
					var titulo = '<a href="' + $('hid-tab-arriba-link-02').getProperty('value') + '">' + $('hid-tab-arriba-tit-02').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-02').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-310px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','141px');
				break;
				case 3:
					var titulo = '<a href="' + $('hid-tab-arriba-link-03').getProperty('value') + '">' + $('hid-tab-arriba-tit-03').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-03').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-620px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','253px');
					this.btnDer.tween('opacity',0);
				break;
			}
		}.bind(this));
	},
	
	rotacionAutomatica: function(){
		if(this.bandera == false){
			if(this.apuntador < 3){
				this.apuntador++;
			}
			else{
				this.apuntador = 1;
			}
			switch(this.apuntador){
				case 1:
					var titulo = '<a href="' + $('hid-tab-arriba-link-01').getProperty('value') + '">' + $('hid-tab-arriba-tit-01').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-01').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','0px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','30px');
					
					this.btnIzq.tween('opacity',0);
				break;
				case 2:
					var titulo = '<a href="' + $('hid-tab-arriba-link-02').getProperty('value') + '">' + $('hid-tab-arriba-tit-02').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-02').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-310px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','141px');
					
				break;
				case 3:
					var titulo = '<a href="' + $('hid-tab-arriba-link-03').getProperty('value') + '">' + $('hid-tab-arriba-tit-03').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-03').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-620px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','253px');
					
					this.btnDer.tween('opacity',0);
				break;
			}
		}
		
		this.bandera = false;
		(function(){this.rotacionAutomatica();}.bind(this)).delay(5000);
	}
});

var TabAbajo = new Class({
	initialize: function(){
		this.apuntador = 1;
		this.bandera = false;
		
		var titulo = '<a href="' + $('hid-tab-abajo-link-01').getProperty('value') + '">' + $('hid-tab-abajo-tit-01').getProperty('value') + '</a>';
		$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-01').getProperty('value'));
		$('div-tab-abajo-titulo').set('html',titulo);
		$('div-tab-04').addEvent('click',function(){
			var titulo = '<a href="' + $('hid-tab-abajo-link-01').getProperty('value') + '">' + $('hid-tab-abajo-tit-01').getProperty('value') + '</a>';
			$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-01').getProperty('value'));
			$('div-tab-abajo-titulo').set('html',titulo);
			$('div-tabla-abajo').tween('margin-left','0px');
			$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','30px');
			
			this.bandera = true;
			this.apuntador = 1;
		}.bind(this));
		$('div-tab-05').addEvent('click',function(){
			var titulo = '<a href="' + $('hid-tab-abajo-link-02').getProperty('value') + '">' + $('hid-tab-abajo-tit-02').getProperty('value') + '</a>';
			$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-02').getProperty('value'));
			$('div-tab-abajo-titulo').set('html',titulo);
			$('div-tabla-abajo').tween('margin-left','-310px');
			$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','141px');
			
			this.bandera = true;
			this.apuntador = 2;
		}.bind(this));
		$('div-tab-06').addEvent('click',function(){
			var titulo = '<a href="' + $('hid-tab-abajo-link-03').getProperty('value') + '">' + $('hid-tab-abajo-tit-03').getProperty('value') + '</a>';
			$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-03').getProperty('value'));
			$('div-tab-abajo-titulo').set('html',titulo);
			$('div-tabla-abajo').tween('margin-left','-620px');
			$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','253px');
			
			this.bandera = true;
			this.apuntador = 3;
		}.bind(this));
		
		this.crearFlechas();
		
		(function(){this.rotacionAutomatica();}.bind(this)).delay(7000);
	},
	
	crearFlechas: function(){
		this.btnIzq = new Element('div',{
			'class':'div-izq',
			styles:{
				opacity:0
			}
		}).inject(document.body);
		
		this.btnIzq.set('twenn',{duration:150});
		
		this.btnDer = new Element('div',{
			'class':'div-der',
			styles:{
				opacity:0
			}
		}).inject(document.body);
		
		this.btnDer.set('twenn',{duration:150});
		
		$('div-tab-abajo').addEvent('mouseover',function(){
			var pox = new coordenadas($('div-tab-abajo'));
			this.btnIzq.setStyles({
				left: (pox.x + 5) + 'px',
				top: (pox.y + 60) + 'px'
			});
			this.btnDer.setStyles({
				left: (pox.x + 269) + 'px',
				top: (pox.y + 60) + 'px'
			});
			if(this.apuntador != 1){
				this.btnIzq.tween('opacity',1);
			}
			if(this.apuntador != 3){
				this.btnDer.tween('opacity',1);
			}
		}.bind(this));
		
		$('div-tab-abajo').addEvent('mouseout',function(){
			this.btnIzq.tween('opacity',0);
			this.btnDer.tween('opacity',0);
		}.bind(this));
		
		this.btnIzq.addEvent('mouseover',function(){
			if(this.apuntador != 1){
				this.btnIzq.tween('opacity',1);
			}
			if(this.apuntador != 3){
				this.btnDer.tween('opacity',1);
			}
		}.bind(this));
		
		this.btnDer.addEvent('mouseover',function(){
			if(this.apuntador != 1){
				this.btnIzq.tween('opacity',1);
			}
			if(this.apuntador != 3){
				this.btnDer.tween('opacity',1);
			}
		}.bind(this));
		
		this.btnIzq.addEvent('mouseout',function(){
			this.btnIzq.tween('opacity',0);
			this.btnDer.tween('opacity',0);
		}.bind(this));
		
		this.btnDer.addEvent('mouseout',function(){
			this.btnIzq.tween('opacity',0);
			this.btnDer.tween('opacity',0);
		}.bind(this));
		
		this.btnIzq.addEvent('click',function(){
			this.apuntador--;
			this.bandera = true;
			switch(this.apuntador){
				case 1:
					var titulo = '<a href="' + $('hid-tab-abajo-link-01').getProperty('value') + '">' + $('hid-tab-abajo-tit-01').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-01').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','0px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','30px');
					this.btnIzq.tween('opacity',0);
				break;
				case 2:
					var titulo = '<a href="' + $('hid-tab-abajo-link-02').getProperty('value') + '">' + $('hid-tab-abajo-tit-02').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-02').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','-310px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','141px');
				break;
				case 3:
					var titulo = '<a href="' + $('hid-tab-arriba-link-03').getProperty('value') + '">' + $('hid-tab-arriba-tit-03').getProperty('value') + '</a>';
					$('div-tab-arriba-subtitulo').set('html',$('hid-tab-arriba-subt-03').getProperty('value'));
					$('div-tab-arriba-titulo').set('html',titulo);
					$('div-tabla-arriba').tween('margin-left','-620px');
					$('div-tab-arriba').getElement('div.div-tab-apuntador').tween('padding-left','253px');
					this.btnDer.tween('opacity',0);
				break;
			}
		}.bind(this));
		
		this.btnDer.addEvent('click',function(){
			this.apuntador++;
			this.bandera = true;
			switch(this.apuntador){
				case 1:
					var titulo = '<a href="' + $('hid-tab-abajo-link-01').getProperty('value') + '">' + $('hid-tab-abajo-tit-01').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-01').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','0px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','30px');
					this.btnIzq.tween('opacity',0);
				break;
				case 2:
					var titulo = '<a href="' + $('hid-tab-abajo-link-02').getProperty('value') + '">' + $('hid-tab-abajo-tit-02').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-02').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','-310px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','141px');
				break;
				case 3:
					var titulo = '<a href="' + $('hid-tab-abajo-link-03').getProperty('value') + '">' + $('hid-tab-abajo-tit-03').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-03').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','-620px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','253px');
					this.btnDer.tween('opacity',0);
				break;
			}
		}.bind(this));
	},
	
	rotacionAutomatica: function(){
		if(this.bandera == false){
			if(this.apuntador < 3){
				this.apuntador++;
			}
			else{
				this.apuntador = 1;
			}
			switch(this.apuntador){
				case 1:
					var titulo = '<a href="' + $('hid-tab-abajo-link-01').getProperty('value') + '">' + $('hid-tab-abajo-tit-01').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-01').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','0px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','30px');
				break;
				case 2:
					var titulo = '<a href="' + $('hid-tab-abajo-link-02').getProperty('value') + '">' + $('hid-tab-abajo-tit-02').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-02').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','-310px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','141px');
				break;
				case 3:
					var titulo = '<a href="' + $('hid-tab-abajo-link-03').getProperty('value') + '">' + $('hid-tab-abajo-tit-03').getProperty('value') + '</a>';
					$('div-tab-abajo-subtitulo').set('html',$('hid-tab-abajo-subt-03').getProperty('value'));
					$('div-tab-abajo-titulo').set('html',titulo);
					$('div-tabla-abajo').tween('margin-left','-620px');
					$('div-tab-abajo').getElement('div.div-tab-apuntador').tween('padding-left','253px');
				break;
			}
		}
		this.bandera = false;
		(function(){this.rotacionAutomatica();}.bind(this)).delay(5000);
	}
});

var Slider = new Class({
	initialize: function(){
		if(!$('div__slider__sv')){return false;}
		this.bandera		= false;
		this.thumnails 	= $('div__slider__sv').getElements('img.img__slider__sv');
		this.apuntador	= this.thumnails[0].getProperty('src');
		this.contador		= 0;
		this.total			= this.thumnails.length - 5;
		var datos 			= this.thumnails[0].getProperty('src').split('/');
		var nombre 			= datos.getLast().substr(7);
		var carpeta 		= datos[datos.length - 3];
		
		$('div___silder').set('tween',{duration:200});
		
		this.image_izq 	= new Element('div',{
			'class':'div__slider__izq',
			styles:{
				opacity: 0
			}
		}).inject(document.body);
		this.image_izq.set('tween',{duration:200});
		
		this.image_der 	= new Element('div',{
			'class':'div__slider__der',
			styles:{
				opacity: 0
			}
		}).inject(document.body);
		this.image_der.set('tween',{duration:200});
		
		this.thumnails.setStyles({
			opacity: 0.6,
			cursor: 'pointer'
		});
		this.thumnails.set('tween',{duration:300});
		this.thumnails[0].setStyle('opacity',1);		
		
		this.imagen = new Asset.image('http://www.revistacity.com/wp-content/galerias/'+carpeta+'/'+nombre, {
			onload: function() {
				$('div__slider__sv').getElement('td.div___conentedor').set('html','');
				this.setStyle('opacity',0);
				this.setProperty('width','620');
				this.setProperty('height','414');
				this.inject($('div__slider__sv').getElement('td.div___conentedor'));
				this.tween('opacity',1);
			}
		});
		
		this.thumnails.each(function(imagen){
			imagen.addEvent('mouseover',function(){
				this.tween('opacity',1);
			});
			
			imagen.addEvent('mouseout',function(){
				if(imagen.getProperty('src') != this.apuntador){
					imagen.tween('opacity',0.6);
				}
			}.bind(this));
			
			imagen.addEvent('click',function(){
				if(!this.bandera){
					if(imagen.getProperty('src') != this.apuntador){
						this.bandera = true;
						this.apuntador = imagen.getProperty('src');
						datos 	= this.apuntador.split('/');
						nombre 	= datos.getLast().substr(7);
						carpeta	= datos[datos.length - 3];
						this.thumnails.tween('opacity',0.6);
						imagen.tween('opacity',1);
						this.imagen.tween('opacity',0);
						(function(){
							this.imagen = new Asset.image('http://www.revistacity.com/wp-content/galerias/'+carpeta+'/'+nombre, {
								onload: function() {
									this.bandera = false;
									$('div__slider__sv').getElement('td.div___conentedor').set('html','');
									var alto 	= parseInt(this.imagen.getProperty('height'));
									var ancho = parseInt(this.imagen.getProperty('width'));
									var temp	= 0;
									this.imagen.setStyle('opacity',0);
									if( ancho > 620){
										alto 	= ((620 * alto)/ancho).round();
										ancho = 620;
										if(alto > 414){
											ancho = ((414 * ancho)/alto).round();
											alto 	= 414;
										}
									}
									else{
										if(alto > 414){
											ancho = ((414 * ancho)/alto).round();
											alto = 414;
										}
									}
									this.imagen.setProperty('width',ancho);
									this.imagen.setProperty('height',alto);
									this.imagen.inject($('div__slider__sv').getElement('td.div___conentedor'));
									this.imagen.tween('opacity',1);
								}.bind(this)
							});
						}.bind(this)).delay(300);
					}
				}
			}.bind(this));
		}.bind(this));
		
		$('div___silder').addEvent('mouseover',function(){
			var pos = new coordenadas($('div__slider__sv'));
			
			this.image_izq.setStyles({
				left: (pos.x + 15) + 'px',
				top:	(pos.y + 460) + 'px'
			});
			this.image_der.setStyles({
				left: (pos.x + 591) + 'px',
				top:	(pos.y + 460) + 'px'
			});
				
			if(this.contador > 0){
				this.image_izq.tween('opacity', 1);
			}
			
			if(this.contador < this.total){
				this.image_der.tween('opacity', 1);
			}
		}.bind(this));
		
		this.image_izq.addEvent('mouseover',function(){
			var pos = new coordenadas($('div__slider__sv'));
			this.image_izq.setStyles({
				left: (pos.x + 15) + 'px',
				top:	(pos.y + 460) + 'px'
			});
			
			this.image_der.setStyles({
				left: (pos.x + 591) + 'px',
				top:	(pos.y + 460) + 'px'
			});
			
			if(this.contador > 0){
				this.image_izq.tween('opacity', 1);
			}
			
			if(this.contador < this.total){
				this.image_der.tween('opacity', 1);
			}
		}.bind(this));
		
		this.image_der.addEvent('mouseover',function(){
			var pos = new coordenadas($('div__slider__sv'));
			
			this.image_izq.setStyles({
				left: (pos.x + 15) + 'px',
				top:	(pos.y + 460) + 'px'
			});
			this.image_der.setStyles({
				left: (pos.x + 591) + 'px',
				top:	(pos.y + 460) + 'px'
			});
				
			if(this.contador > 0){
				this.image_izq.tween('opacity', 1);
			}
			
			if(this.contador < this.total){
				this.image_der.tween('opacity', 1);
			}
		}.bind(this));
		
		
		$('div___silder').addEvent('mouseout',function(){
			this.image_izq.tween('opacity', 0);
			this.image_der.tween('opacity', 0);
		}.bind(this));
		
		this.image_der.addEvent('click',function(){
			if(this.contador < this.total){
				this.contador++;
				var x = (this.contador * 128) * -1;
				$('div___silder').tween('margin-left',x + 'px');
			}
			if(this.contador == this.total){
				this.image_der.tween('opacity', 0);
			}
			this.image_izq.tween('opacity', 1);
		}.bind(this));
		
		this.image_izq.addEvent('click',function(){
			if(this.contador > 0){
				this.contador--;
				var x = (this.contador * 128) * -1;
				$('div___silder').tween('margin-left',x + 'px');
			}
			if(this.contador == 0){
				this.image_izq.tween('opacity', 0);
			}
			this.image_der.tween('opacity', 1);
		}.bind(this));
	}
});

var coordenadas = new Class({
	initialize: function(elemento){
		if(elemento){
			var posX = 0, posY = 0;
			while (elemento.offsetParent) {posX += elemento.offsetLeft; posY += elemento.offsetTop; elemento = elemento.offsetParent;}
			this.x = posX, this.y = posY;
		}
		else{ this.x = 0,	this.y = 0;}
	}
});