window.addEvent('domready',function(){
	new MenuHorizontal();
	new SliderVideos();
	new Slider2('slider2-principal');
});

var MenuHorizontal = new Class({
	initialize: function(){
		var tabla		= '<table border="0" cellspacing="0" cellpadding="0" align="left"><tr>';
		var divLvl2	= new Array();
		var divTemp	= '';
		
		$('menu-horizontal').getElement('ul').getChildren('li').each(function(lvl1, index1){
			tabla = tabla + '<td id="td-menu-dos-' + index1 + '" class="td-menu-dos-lvl1" style="padding:0 17px;">';
			tabla = tabla + '<a href="' + lvl1.getElement('a').getProperty('href') + '">' + lvl1.getElement('a').innerHTML + '</a>';
			tabla = tabla + '</td>';
			if(lvl1.getElement('ul')){
				divLvl2[index1] = new Element('div',{
					'class': 'div-menu-dos-lvl2',
					styles:{
						opacity: 0.8
					}
				}).inject(document.body);
				
				lvl1.getElement('ul').getChildren('li').each(function(lvl2, index2){
					divTemp = new Element('div',{
						'class': 'div-menu-dos-lvl2-renglon'
					}).inject(divLvl2[index1]);
					lvl2.getElement('a').inject(divTemp);
				});
			}
			else{
				divLvl2[index1] = 'NO';
			}
		});
		tabla = tabla + '</tr></table>';
		$('menu-horizontal').innerHTML = tabla;
		
		$$('td.td-menu-dos-lvl1').each(function(lvl1, index1){
			lvl1.addEvent('mouseover',function(){
				this.setStyle('background-color','#BDDEED');
				this.getElement('a').setStyle('color','#09526D');
				if(divLvl2[index1] != 'NO'){
					var pos = new coordenadas(this);
					divLvl2[index1].setStyles({
						left: pos.x + 'px',
						top: (pos.y + 24) + 'px',
						display: 'block'
					});
				}
			});
			
			lvl1.addEvent('mouseout',function(){
				this.setStyle('background-color','#09526D');
				this.getElement('a').setStyle('color','#FFF');
				if(divLvl2[index1] != 'NO'){
					divLvl2[index1].setStyle('display','none');
				}
			});
		});
		
		divLvl2.each(function(lvl2, index1){
			if(lvl2 != 'NO'){
				lvl2.addEvent('mouseover',function(){
					$('td-menu-dos-' + index1).setStyle('background-color','#BDDEED');
					$('td-menu-dos-' + index1).getElement('a').setStyle('color','#09526D');
					this.setStyle('display','block');
				});
				
				lvl2.addEvent('mouseout',function(){
					$('td-menu-dos-' + index1).setStyle('background-color','#09526D');
					$('td-menu-dos-' + index1).getElement('a').setStyle('color','#FFF');
					this.setStyle('display','none');
				});
			}
		});
		
		$$('div.div-menu-dos-lvl2-renglon').each(function(renglon,index){
			renglon.addEvent('mouseover',function(){
				this.setStyle('background-color','#BDDEED');
				this.getElement('a').setStyle('color','#09526D');
			});
			
			renglon.addEvent('mouseout',function(){
				this.setStyle('background-color','#09526D');
				this.getElement('a').setStyle('color','#FFF');
			});
		});
	}
});

var SliderVideos = new Class({
	initialize: function(){
		if(!$('slider-videos')){return false;}
		
		var imagenes 		= $$('img.img-slider-video');
		var video				= 0;
		var apuntador		= 0;
		var total				= imagenes.length - 3;
		var animando		= false;
		var anim_thum		= new Fx.Tween($('table-slider-imagenes'),{duration:250});
		var anim_videos	= $('slider-videos');
		
		var ajax = new Request({
			url: 'cambiar-video.php',
			method: 'post',
			onRequest: function(){
				animando = true;
				$('slider-videos').set('html','');
			},
			onSuccess: function(responseText){
				$('slider-videos').set('html',responseText);
				VideoJS.setupAllWhenReady();
				animando = false;
			}
		});
		
		imagenes.setStyles({
			cursor:'pointer',
			opacity: 0.4
		});
		imagenes[video].setStyle('opacity','1');
		imagenes.set('tween',{duration:250});
		$('img-slider-izq').setStyle('cursor','pointer');
		$('img-slider-der').setStyle('cursor','pointer');
		$('img-slider-izq').set('tween',{duration:250});
		$('img-slider-der').set('tween',{duration:250});
		$('img-slider-izq').setStyle('opacity',0.3);
		
		imagenes.each(function(imagen, index){
			imagen.addEvent('mouseover',function(){
				if(index != video){
					this.tween('opacity',0.6);
				}
			});
			
			imagen.addEvent('mouseout',function(){
				if(index != video){
					this.tween('opacity',0.4);
				}
			});
			
			imagen.addEvent('click',function(){
				if(index != video && animando == false){
					/**
					animando = true;
					anim_videos.start('margin-left',(index * 325* -1)+'px').chain(function(){
						animando = false;
					});
					*/
					ajax.send('id=' + this.getProperty('alt'));
					imagenes[video].tween('opacity',0.4);
					this.tween('opacity',1);
					video = index;
				}
			});
		});
		
		$('img-slider-izq').addEvent('click',function(){
			if(animando == false && apuntador > 0){
				animando = true;
				apuntador--;
				anim_thum.start('margin-left',(apuntador * 92 * -1)+'px').chain(function(){
					animando = false;
				});
				if(apuntador == 0){
					$('img-slider-izq').tween('opacity',0.3);
				}
				$('img-slider-der').tween('opacity',1);
			}
		});
		
		$('img-slider-der').addEvent('click',function(){
			if(animando == false && apuntador < total){
				animando = true;
				apuntador++;
				anim_thum.start('margin-left',(apuntador * 92 * -1)+'px').chain(function(){
					animando = false;
				});
				if(apuntador == total){
					$('img-slider-der').tween('opacity',0.3);
				}
				$('img-slider-izq').tween('opacity',1);
			}
		});
	}
});

var Slider2 = new Class({
	initialize: function(id){
		if(!$(id)){return false;}
		var iziquierda 	= $(id).getElement('img.img-slider2-izq');
		var derecha 		= $(id).getElement('img.img-slider2-der');
		var tabla				= new Fx.Tween($(id).getElement('div.slider2-contenido'),{duration:250});
		var total				= $(id).getElements('div.opcion-slider').length - 2;
		var apuntador		= 0;
		var animando		= false;
		
		//iziquierda.setStyle('opacity',0.4);
		iziquierda.set('tween',{duration:250});
		derecha.set('tween',{duration:250});
		
		derecha.addEvent('click',function(){
			if(!animando){
				animando = true;
				if(apuntador < total){
					apuntador++;
					/*
					tabla.start('margin-left',(apuntador * 272 * -1)+'px').chain(function(){
						animando = false;
					});
					iziquierda.tween('opacity',1);
					if(apuntador == total){
						derecha.tween('opacity',0.4);
					}
					*/
				}
				else{
					apuntador = 0;
				}
				tabla.start('margin-left',(apuntador * 272 * -1)+'px').chain(function(){
					animando = false;
				});
			}
		});
		
		iziquierda.addEvent('click',function(){
			if(!animando){
				animando = true;
				if(apuntador > 0){
					apuntador--;
					/*
					derecha.tween('opacity',1);
					if(apuntador == 0){
						iziquierda.tween('opacity',0.4);
					}
					*/
				}
				else{
					apuntador = total;
				}
				tabla.start('margin-left',(apuntador * 272 * -1)+'px').chain(function(){
					animando = false;
				});
			}
		});
	}
});

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;}
	}
});