/* animación de la galería */
var imagenVisible = null;
var autoreproducir = true;
var intervalo = 0;
var albumDeGaleria;
var fotos;
var agregarFotoAGaleria = new Function();
var elNombreDeLaFoto = function(nombre){
	var ext = new RegExp('\.(jpg|gif|png)$');
	var pos = (nombre.lastIndexOf('\\')>-1 ? nombre.lastIndexOf('\\')+1 :0);
	var nombre = nombre.substring(pos);
	if(!ext.test(nombre.toLowerCase())){
		nombre = "El tipo de foto no esta permitido, trata de nuevo.";
		$('formaCargadoDeFotos').reset();
	}
	return nombre;
}
var quienToca = null;
var iniReproduccion = function(time,multimedio,objLink){
	var esvideo = /\.(flv|mp4)$/i;
	var alto = (esvideo.test(multimedio) ? 280 : 1);
	var ancho = (esvideo.test(multimedio) ? 563 : 1);
	var posSuperior = 0;
	var posIzquierda = 0;
	var obj = objLink.parentNode;
	while(obj){
		posIzquierda += obj.offsetLeft;
		posSuperior += obj.offsetTop;
		obj = obj.offsetParent;
	}
	var objGaleria = document.getElementById('objGaleria');
	if(objGaleria!=null){
		if(objLink==quienToca) objGaleria.detener();
		else {
			if(quienToca!=null) quienToca.style.backgroundPosition = 'center top';
			objGaleria.detener();
			objGaleria.style.top = posSuperior+'px';
			objGaleria.style.left = posIzquierda+'px';
			objGaleria.style.width = ancho+'px';
			objGaleria.style.height = alto+'px';
			objGaleria.SetVariable('medio',multimedio);
			objGaleria.SetVariable('tipo',(esvideo.test(multimedio) ? 'video' : 'audio'));
			objGaleria.iniciar();
			quienToca = objLink;
			quienToca.style.backgroundPosition = 'center -84px';
		}
	} else {
		quienToca = objLink;
		quienToca.style.backgroundPosition = 'center -84px';
		var objReproductor = document.createElement('div');
			objReproductor.setAttribute('style','position:absolute; top:'+posSuperior+'px; left:'+posIzquierda+'px; z-index:3;');
			//document.body.appendChild(objReproductor);
			document.getElementById('envolturaGral').appendChild(objReproductor);
		var so = new SWFObject('../v.2010/modules/mod_galeria/galeria.swf?nocache='+time, "objGaleria", ancho, alto, "8", "#333333");
			so.addParam('allowScriptAccess','sameDomain');
			so.addParam('scale','exactFit');
			so.addParam('wmode','window');
			so.addParam('quality','low');
			so.addVariable('autoini',true);
			so.addVariable('medio',multimedio);
			so.write(objReproductor);
	}
	if(radioSensacionFM) radioSensacionFM.document.getElementById('objFlashRadio').flashstop();
}
var cargaCompleta = function(){
	if(quienToca!=null) quienToca.style.backgroundPosition = 'center bottom';
}
var finReproduccion = function(){
	var objGaleria = document.getElementById('objGaleria');
	if(objGaleria!=null){
		objGaleria.style.width = '1px';
		objGaleria.style.height = '1px';
	}
	if(quienToca!=null){
		quienToca.style.backgroundPosition = 'center top';
		quienToca = null;
	}
}
var modo = (window.ie ? 'load' : 'domready');
window.addEvent(modo,function(){
	albumDeGaleria = $E('.albumDeGaleria');
	fotos = $$('.espacioDeFoto');
	if(albumDeGaleria!=null) if(albumDeGaleria.getProperty('dir')=='ltr'){
		var animacionDeGaleria = function(){
			if(fotos.length>0){
				if(imagenVisible!=null)	if(autoreproducir){
					fotos.each(function(foto){
						if(foto!=imagenVisible) foto.setStyles({'height':0,'top':-280,'z-index':0});
						else foto.setStyles({'height':280,'top':0,'z-index':0});
					});
					imagenVisible = imagenVisible.getNext();
				} else autoreproducir = true;
				if(imagenVisible==null) imagenVisible = albumDeGaleria.getFirst();
				imagenVisible.setStyles({'height':0,'top':0,'z-index':1});
				var fxImagen = 	new Fx.Style(imagenVisible,'height',{duration:750, wait:false}); 
				fxImagen.options.transition = Fx.Transitions['Expo']['easeOut'];
				fxImagen.start(0,280);
			}
		}
		animacionDeGaleria();
		intervalo = animacionDeGaleria.periodical(6000);
		$$('.tiraDeMiniaturas span').each(function(span,i){
			span.addEvent('click',function(){
				$clear(intervalo);
				autoreproducir = false;
				fotos.setStyles({'height':0,'top':-280,'z-index':0});
				imagenVisible.setStyles({'height':280,'top':0,'z-index':0});
				imagenVisible = fotos[i];
				animacionDeGaleria();
				//intervalo = animacionDeGaleria.periodical(6000);
			});
		});
		var contenedorDeLaTira = $E('.contenedorDeLaTira');
		if(contenedorDeLaTira){
			var fxScrollTira = new Fx.Style(contenedorDeLaTira,'left',{duration:500,wait:false});
				fxScrollTira.options.transition = Fx.Transitions['Expo']['easeOut'];
			var scrollDeTira = Math.abs(563-contenedorDeLaTira.getParent().getSize().scrollSize.x);
			var avance = 0;
			var posicion = 0;
			var flechaScrollIzq = $E('.flechaScrollIzq');
				flechaScrollIzq.addEvent('click',function(){
					posicion = avance;
					avance -= 281.5; //93.8 = 1foto | 281.5 = 3fotos
					avance = Math.max(0,avance);
					fxScrollTira.start(0-posicion,0-avance);
				});
			var flechaScrollDer = $E('.flechaScrollDer');
				flechaScrollDer.addEvent('click',function(){
					posicion = avance;
					avance += 281.5; //93.8 = 1foto | 281.5 = 3fotos
					avance = Math.min(scrollDeTira,avance);
					fxScrollTira.start(0-posicion,0-avance);
				});
		}
	} else {
		/*var contenedorGeneral = $E('.blogLocutores').getParent();
		$$('div.cuerpoDelArtLocutores').injectInside(contenedorGeneral);
		var acordeon = new Accordion('div.espacioDeFoto','div.cuerpoDelArtLocutores',{
			opacity: false,
			alwaysHide: false
		},contenedorGeneral);*/
		var imagenPresente = null;
		var imagenPasada = null;
		var anchoTecla = (563/(fotos.length + 2))-2.5;
		var teclaAncha = Math.min(190,(anchoTecla*3));
		var animacionDeTeclas = function(){
			if(imagenPresente!=null){
				if(autoreproducir){
					imagenPasada = imagenPresente;
					imagenPresente = imagenPresente.getNext();
				}
				var fxImagenPas = new Fx.Style(imagenPasada,'width',{duration:500, wait:true}); 
				fxImagenPas.options.transition = Fx.Transitions['Expo']['easeInOut'];
			}
			if(imagenPresente==null) imagenPresente = fotos[0];
			var fxImagenPre = new Fx.Style(imagenPresente,'width',{duration:500, wait:true}); 
			fxImagenPre.options.transition = Fx.Transitions['Expo']['easeInOut'];
			var tituloPresente = imagenPresente.getElement('strong').clone().setStyle('display','block');
			$E('.fondoDeDatos').empty().adopt(tituloPresente);
			var fxTituloPre = new Fx.Style(tituloPresente,'opacity',{duration:325, wait:false}).set(0);
			fxTituloPre.options.transition = Fx.Transitions['Expo']['easeInOut'];
			/* animaciones */
			//if(autoreproducir) acordeon.display(imagenPresente.getElement('span').getText());
			if(imagenPasada!=null) fxImagenPas.start(teclaAncha,anchoTecla); //(190,50)
			fxImagenPre.start(anchoTecla,teclaAncha);
			(function(){ fxTituloPre.start(0,1); }).delay(750);
		}
		if(fotos.length>0){
			fotos.setStyle('width',anchoTecla);
			animacionDeTeclas();
			intervalo = animacionDeTeclas.periodical(3000);
		}
		/*acción click tecla*/
		var bioActivo = false;
		albumDeGaleria.getElements('div.espacioDeFoto').each(function(div,i){
			div.addEvent('click',function(){
				$clear(intervalo);
				autoreproducir = false;
				if(imagenPresente!=this){
					imagenPasada = imagenPresente;
					imagenPresente = this;
					animacionDeTeclas();
				} else if(!bioActivo){
					var contenidoDelArt = $$('.blogLocutores .contenidoDelArt');
					var divBio = new Element('div',{ 'class':'areaDeBiografia' }).injectInside(albumDeGaleria.getParent());
					contenidoDelArt[i].clone().removeClass('contenidoDelArt').addClass('biografia').injectInside(divBio);
					new Element('a',{'href':'javascript:void(0);','id':'botonDeVolver'}).addEvent('click',function(){
						fxBio.start(563,0).chain(function(){ divBio.remove(); bioActivo = false; });
					}).setHTML('regresar').injectInside(divBio);
					var fxBio = new Fx.Style(divBio,'width',{duration:325,wait:false}).set(0);
					fxBio.start(0,563);
					bioActivo = true;
				}
			});
		});
	}
	/**/
	
	/**/
	if($E('.cargadorDeFotos')!=null){
		$('formaCargadoDeFotos').reset();
		var divEspera;
		agregarFotoAGaleria = function(url,titulo,descripcion,ancho){
			$('formaCargadoDeFotos').reset();
			divEspera.remove();
			if(url!=null){
				titulo = (!titulo ? '' : titulo);
				descripcion = (!descripcion ? '' : descripcion);
				var espacioDeFoto = albumDeGaleria.getFirst().clone().injectInside(albumDeGaleria);
				var foto = espacioDeFoto.getElement('img');
				foto.src = foto.src.replace(/(\/?[a-zA-Z0-9-_]+\.jpg)$/,'/'+url);
				foto.setStyle('left',(563-ancho)/2);
				espacioDeFoto.getElement('strong').setHTML(titulo);
				espacioDeFoto.getElement('span').setHTML(descripcion);
				// generar la miniatura
				var tiraDeMiniaturas = $E('.tiraDeMiniaturas');
				var miniatura = tiraDeMiniaturas.getFirst().clone().injectTop(tiraDeMiniaturas);
					miniatura.addEvent('click',function(){
						$clear(intervalo);
						autoreproducir = false;
						fotos.setStyles({'height':0,'top':-280,'z-index':0});
						imagenVisible.setStyles({'height':280,'top':0,'z-index':0});
						imagenVisible = espacioDeFoto;
						animacionDeGaleria();
						intervalo = animacionDeGaleria.periodical(6000);
					});
				var urlMiniatura = miniatura.getStyle('background');
					urlMiniatura = urlMiniatura.replace(/(\/?[a-zA-Z0-9-_]+\.jpg)/,'/'+url);
				miniatura.setStyle('background',urlMiniatura);
				tiraDeMiniaturas.getElements('span').each(function(span,i){
					span.setStyle('left',i*94);
				});
				fotos = $$('.espacioDeFoto');
			}
		}
		$('formaCargadoDeFotos').addEvent('submit',function(e){
			//var e = new Event(e).stop();
			divEspera = new Element('div',{
				'class':'enproceso',
				'styles':{
					'opacity': 0.90, 'background-color':'#fff', 'text-align':'center',
					'padding-top':(this.getParent().getSize().size.y/2)-18,
					'width':this.getParent().getSize().size.x, 'height':this.getParent().getSize().size.y,
					'position':'absolute', 'top':0 ,'left':0, 'z-index':0
				}
			}).setHTML('subiendo tu foto...espera un momento, por favor.').injectInside(this.getParent());
			//this.send();
		});
	}
});