// JavaScript Document
function preparar(){ //Función para agregar el estilo a los enlaces del menú
	//var tabla=$('secciones'); alert(tabla.id);
	var filas=$('secciones').getElementsByTagName('span');
		for(i=0;i<filas.length;i++){
			filas[i].onmouseover=function(){this.style.background='url(./img/underline.gif)'};
			filas[i].onmouseout=function(){this.style.background='transparent'};
		}
	var ayudas = new Tips($$('.listasec'), {
		showDelay: 300,
		hideDelay: 300
	});	
}

function carga(dir){
	dir+='.html';
	new Ajax(dir,{onComplete:function(e){$('contenidos').setHTML(e);cambia('uno')}}).request();
}

function cambia(galeria){
	$('galeria').setHTML('<img src="./img/ajax-loader.gif" align="middle" style="margin-bottom:11px;"/> <span style="margin-top:2px">Cargando...<\/span>');
	dir='galerias.php?tab='+galeria;
	new Ajax(dir,{evalScripts:true, update:'galeria'}).request();
}

			//window.addEvent('domready', init);
			function init() {
				myTabs1 = new mootabs('myTabs', {height: '100%', width: '600px', useAjax: true, ajaxUrl: 'galerias.php', ajaxOptions:{evalScripts:true}, changeTransition:'none', ajaxLoadingText: 'Cargando...'});
			}

function cambiaFoto(imagen){ //Función de la galería que cambia a la foto sobre la que se pulsa
	var visor=$('visor');
	var guia=$('selector');
	var filas=$ES('td',guia);
	var marcada;
	for (i=0;i<filas.length;i++){
		if ($E('img',filas[i]).hasClass('activa')){
			marcada=filas[i].id.substring(filas[i].id.lastIndexOf('_')+1,filas[i].id.length);
		}
	}
	$E('img','i_'+marcada).removeProperty('class');
	$E('img','i_'+marcada).setOpacity(1);
	imagen.addClass('activa');
	imagen.setOpacity(0.3);
	$('visorpag').setText(imagen.getParent().id.substring(imagen.getParent().id.lastIndexOf('_')+1,imagen.getParent().id.length).toInt()+1+'/'+filas.length);
	$('load').setStyle('display','block');
	$E('img',visor).setProperty('src',imagen.getProperty('src')).effect('opacity',{onComplete:function(){$('load').setStyle('display','none');}}).hide().start(1);
}

function correr(direccion){ //Función de la galería para el avance y retroceso de la barra de selección
	var guia=$('selector');
	var visor=$('visor');
	var filas=$ES('td',guia);
	var filasvisibles=[];
	var marcada;
	for (i=0;i<filas.length;i++){
		if (filas[i].getStyle('display')!='none'){
			filasvisibles.push(filas[i]);
		}
		//if ($E('img',filas[i]).getStyle('border')!='0px'){ alert();
		if ($E('img',filas[i]).hasClass('activa')){
			marcada=filas[i].id.substring(filas[i].id.lastIndexOf('_')+1,filas[i].id.length).toInt();
		}
	}
	if (direccion=='adelante'){
		var siguiente=(marcada+1).toString();
		if (siguiente<filas.length){
			$E('img','i_'+marcada.toString()).removeProperty('class');
			$E('img','i_'+marcada.toString()).setOpacity(1);
			//$E('img',siguiente).setStyle('border','0pt #FF0000 solid');
			$E('img','i_'+siguiente).addClass('activa');
			$E('img','i_'+siguiente).setOpacity(0.3);
			$('visorpag').setText(siguiente.toInt()+1+'/'+filas.length);
			$('load').setStyle('display','block');
			$E('img',visor).setProperty('src',$E('img','i_'+siguiente).getProperty('src')).effect('opacity',{onComplete:function(){$('load').setStyle('display','none');}}).hide().start(1);
			if (marcada>=filasvisibles[filasvisibles.length-1].id.substring(filasvisibles[filasvisibles.length-1].id.lastIndexOf('_')+1,filasvisibles[filasvisibles.length-1].id.length).toInt()-1){
				var ultimo=(filasvisibles[filasvisibles.length-1].id.substring(filasvisibles[filasvisibles.length-1].id.lastIndexOf('_')+1,filasvisibles[filasvisibles.length-1].id.length).toInt()+1).toString();
				var primero=filasvisibles[0].id;
				if (ultimo<filas.length){
					$(primero).setStyle('display','none');
					$('i_'+ultimo).setStyle('display','inline');
				}
			}
		}
	}else{
		var anterior=(marcada-1).toString();
		if (anterior>=0){
			$E('img','i_'+marcada.toString()).removeProperty('class');
			$E('img','i_'+marcada.toString()).setOpacity(1);
			$E('img','i_'+anterior).addClass('activa');
			$E('img','i_'+anterior).setOpacity(0.3);
			$('visorpag').setText(anterior.toInt()+1+'/'+filas.length);
			$('load').setStyle('display','block');
			$E('img',visor).setProperty('src',$E('img','i_'+anterior).getProperty('src')).effect('opacity',{onComplete:function(){$('load').setStyle('display','none');}}).hide().start(1);
			if (marcada<=filasvisibles[0].id.substring(filasvisibles[0].id.lastIndexOf('_')+1,filasvisibles[0].id.length).toInt()+1){			
				var ultimo=filasvisibles[filasvisibles.length-1].id;
				var primero=(filasvisibles[0].id.substring(filasvisibles[0].id.lastIndexOf('_')+1,filasvisibles[0].id.length).toInt()-1).toString();
				if (primero>=0){
					$(ultimo).setStyle('display','none');
					$('i_'+primero).setStyle('display','inline');
				}
			}
		}
	}
}

function cargarTabla(tipo){
	var loader=new Element('div',{'styles':{'width':'120px','z-index':'5000','position':'absolute','padding-top':'8px','padding-bottom':'8px'}}); 
	loader.setOpacity(0.8);
	loader.setStyle('margin-left',(($('selector').getStyle('width').toInt()-loader.getStyle('width').toInt())/2));
	loader.setStyle('margin-top',30);
	loader.setHTML('<B class=xtop><B class=xb1><\/B><B class=xb2><\/B><B class=xb3><\/B><B class=xb4><\/B><\/B><DIV class=xboxcontent><img src="./img/ajax-loader.gif" style="width:12px;margin-bottom:-2px; margin-left:5px"/> <span>Cargando...<\/span><\/DIV><B class=xbottom><B class=xb4><\/B><B class=xb3><\/B><B class=xb2><\/B><B class=xb1><\/B><\/B>');
	loader.injectInside($('tab'));
	$('galeria').setOpacity(0);
//	$('selector').setOpacity(0);
	var op=$('galeria').effect('opacity',{onComplete:function(){loader.remove();}}).hide();
	var dir="./modules/cargagaleria.php?opcion="+tipo;
	var tabla=new Ajax(dir,{update:'selector',
							onComplete: function(){
								op.start(1);
								//var efectos=new Fx.Styles('selector',{onComplete:function(){loader.remove();}});
								//efectos.start({'opacity':[0,1],'height':[0,$E('img','selector').getStyle('height').toInt()+20]});
								//$('selector').effect('height',{onComplete:function(){loader.remove();}}).start(0,$E('img','selector').getStyle('height').toInt()+20);
								cambiaFoto($('i_0').getFirst())
							}
			  }).request();
}

function colocaLoader(){
	var loader=new Element('div',{'id':'load','styles':{'width':'120px','z-index':'5000','position':'absolute','padding-top':'8px','padding-bottom':'8px'}}); 
	loader.setOpacity(0.8);
	loader.setHTML('<B class=xtop><B class=xb1><\/B><B class=xb2><\/B><B class=xb3><\/B><B class=xb4><\/B><\/B><DIV class=xboxcontent><img src="./img/ajax-loader.gif" style="margin-bottom:-2px; margin-left:5px"/> <span>Cargando...<\/span><\/DIV><B class=xbottom><B class=xb4><\/B><B class=xb3><\/B><B class=xb2><\/B><B class=xb1><\/B><\/B>');
	loader.setStyle('margin-left',(($('selector').getStyle('width').toInt()-loader.getStyle('width').toInt()-50)/2));
	loader.setStyle('margin-top',0);	
	loader.setStyle('display','none');
	loader.injectInside($('cargador'));	
}

function abrirForm(){ //Función para crear el formulario del libro de firmas
	cubierta=new Element('div',{
		'id':'cubierta'
	});
	cubierta.setStyle('height',getScrollHeight());
	cubierta.injectInside(document.body)
	cubierta.effect('opacity').hide().start(0.4);
	flotante=new Element('div',{
				'id':'flotante',
				'styles':{
					'width':'400px',
					'z-index': '10000'
				}
	});
	//ancho=getWidth();
	flotante.setStyle('left', ((getWidth()-flotante.getStyle('width').toInt())/2)); 
	flotante.setStyle('top',((0+getScrollTop())));
	flotante.injectAfter(cubierta); 
		var html='<B class=xtop><B class=xb1><\/B><B class=xb2><\/B><B class=xb3><\/B><B class=xb4><\/B><\/B><DIV class=xboxcontent id=content><\/DIV><B class=xbottom><B class=xb4><\/B><B class=xb3><\/B><B class=xb2><\/B><B class=xb1><\/B><\/B>';
	flotante.setHTML(html);
	barra=new Element('h1',{
			  'id':'barra'
	}).injectInside($('content')).appendText('Enviar Comentario');
	html='<form id="formFirmas" action="./modules/guardarcomentario.php" method="post" enctype="application/x-www-form-urlencoded"><table width="100%"><tr><td>Nombre:<\/td><td><input type="text" name="nick" id="nick" value="" size="28" maxlength="30"\/> *<\/td><\/tr><tr><td>E-mail:<\/td><td><input type="text" name="mail" id="mail" value="" size="28" maxlength="50"\/> *<\/td><\/tr><tr><td>Titulo:<\/td><td><input name="titulo" type="text" id="titulo" value="" size="28" maxlength="100"\/><\/td><\/tr><tr><td colspan="2">Comentario:<\/td><\/tr><tr><td colspan="2" align="center" style="padding-left:0px"><label><textarea name="comentario" id="comentario" class="mceEditor" cols="45" rows="5" wrap="soft" style="width:280px;"><\/textarea><\/label><\/td><\/tr><\/table><table><tr><td style="padding-left:100px"><a class="boton" onclick="comprobarForm();">[Enviar]<\/a><\/td><td style="padding-left:70px"><a class="boton" onclick="cerrarForm();">[Cancelar]<\/a><\/td><\/tr><\/table><\/form>';
	formulario=new Element('div',{'id':'formulario'}).injectAfter(barra);
	formulario.setHTML(html);
	$('nick').focus()	
	movible=new Drag.Move('flotante', {handle:$('barra')});
		cubierta.onkeydown = function(event){
			var event = new Event(event);
			if (event.key == 'esc') cerrarForm();
		}	
	var efecto=new Fx.Style('flotante','top',{duration:600}).start(((getHeight()-flotante.getStyle('height').toInt())/2)+getScrollTop());
}

function cerrarForm(){ //Función para cerrar el formulario del libro de firmas
	var efecto=new Fx.Style('flotante','top',{duration:600, onComplete:function(){flotante.remove();}}).start(getHeight()+flotante.getStyle('height').toInt());
	cubierta.effect('opacity',{onComplete:function(){cubierta.remove()}}).start(0);
}

function errorCorreo(){ //Comprobación del formato de la dirección de correo electrónico
 	var patron=/^([\w\.-ñÑ-]{2,150})@([\w-ñÑ]{2,64})\.[a-zñÑ]{2,6}(\.[a-z]{2,4})?$/;
	if ($('mail').value.test(patron)){
		return false;
	}else{
		return true;
	}
}

function comprobarForm(){ //Comprobación de los campos del formulario del libro de firmas
	if ($('nick').value.trim()==''||$('mail').value.trim()==''){
		alert('Debes introducir un nombre y una direción de correo electrónico');
	}else{
		if (errorCorreo()){
			alert('La dirección de correo electrónica no es válida');
		}else{
			if ($('titulo').value.trim()==''){
				if (confirm('¿Quieres enviar el comentario sin título?')){
					if ($('comentario').value.trim()==''){
						alert('Debes escribir un comentario para enviar el formulario');
						}else{
							enviarForm();
					}
				}
			}else{
				if ($('comentario').value.trim()==''){
					alert('Debes escribir un comentario para enviar el formulario');
				}else{
						enviarForm();
				}
			}
		}
	}
}

function enviarForm(){ //Función para el envio del formulario del libro de firmas 
	var altura=$('content').getStyle('height').toInt()-$('barra').getStyle('height').toInt();
	var loader=new Element('div',{
							'styles':{
								'background':'#000',
								'width':$('formFirmas').getStyle('width'),
								'height':($('formFirmas').getStyle('height').toInt()+3)+'px',
								'z-index':'5000',
								'position':'absolute'}
							});
	loader.setOpacity(0.8)
	loader.setHTML('<div id="loader" style="margin-left:145px"><img src="./img/ajax-loader.gif" align="middle" style="margin-bottom:11px;"/> <span style="margin-top:2px">Enviando...<\/span><\/div>');
	loader.injectAfter('barra');
	$('loader').setStyle('margin-top',(($('formFirmas').getStyle('height').toInt()-$('loader').getStyle('height').toInt())/2));
	$('formFirmas').send({onComplete:function(){
							alert('El comentario será aprobado por los administradores antes de publicarse');
						  	cerrarForm();
							//Nifty("div.date");
						   }
	});
}

function listar(opcion,minimo,maximo,pagactual){ //Función para cargar las páginas del libro de firmas
	var loader=new Element('div',{'styles':{'width':'120px','z-index':'5000','position':'relative','background':'#000000','padding-top':'8px'}}); 
	loader.setOpacity(0.8);
	loader.setHTML('<img src="./img/ajax-loader.gif" align="middle" style="margin-bottom:11px;"/> <span style="margin-top:2px">Cargando...<\/span>');
	loader.setStyle('top',((getHeight()/2+getScrollTop())-50));
	loader.setStyle('left',((getWidth()-loader.getStyle('width').toInt())/2));
	loader.injectInside(document.body);
	if (opcion >0){
		var dir='../modules/listar.php?opcion='+opcion+'&min='+minimo+'&max='+maximo+'&pag='+pagactual;	
	}else{
		var dir='./modules/listar.php?opcion='+opcion+'&min='+minimo+'&max='+maximo+'&pag='+pagactual;
	}
	new Ajax(dir,{
			 update:'listaFirmas',
			 onComplete:function(){
				//if (opcion==0) //Nifty("div.date");
				if (opcion > 0){
					var Tips2 = new Tips($$('.boton2'), {
						showDelay: 300,
						hideDelay: 300
					});						
				}
				if ($('pagina')){
					$('visorpag').setText($('pagina').getProperty('class')+'/'+$('numeropag').value); 			 
				}
			 	loader.remove();
				scrollTo(0,0)
			 }
	}).request();
}

function avanzar(opcion,dir){ //Función para el avance y retroceso de las páginas del libro de firmas (los selectores superiores)
	var pagina=$('pagina').getProperty('class');
	var total=$('numeropag').value;
	switch(dir){
		case 'atras':
			if (pagina > 1){
				pagina--;
				var minimo=(pagina*10)-10;
				listar(opcion,minimo,10,pagina);
			}
		break;
		case 'alante':
			if (pagina < total){
				var minimo=pagina*10;
				pagina++;
				listar(opcion,minimo,10,pagina);
			}
		break;
	}
}

function ira(seccion){
	if (seccion!='contacto'){
		var dir='./index.php?seccion='+seccion;
		top.location.href=dir;
	}else{
		location.href='mailto:webmaster@batcult.com';	
	}
}