/* FUNCIONES INICIALES ******/
window.addEvent('domready', function() {
	destacar();
	pestanas();
	
	//destacados
	var destacados=$$('#destacados .destacable');
	for(i=0;i<destacados.length;i++){
		destacados[i].alturaDestacado=destacados[i].getElement('.descripcion').offsetHeight;
		destacados[i].alturaTitulo=destacados[i].getElement('p.titulo').offsetHeight+12;
		destacados[i].tween=new Fx.Tween(destacados[i].getElement('.descripcion'),{duration:'short',link:'ignore'});
		destacados[i].tween.start('bottom',-(destacados[i].alturaDestacado-destacados[i].alturaTitulo)+'px');
		destacados[i].onmouseover=function(){
			this.addClass("over");
			this.tween.start('bottom','0');
		}
		destacados[i].onmouseout=function(){
			this.removeClass("over");
			this.tween.start('bottom',-(this.alturaDestacado-this.alturaTitulo)+'px');
		}
	}
	
	new SmoothScroll({ duration:1000 }, window);
	
	//carruseles
	if($('huincha')){ carruselFrases('huincha',32,5000); }
	if($('carrusel_productos')){ carruselScroll('carrusel_productos',530,185,0,'retroceder','avanzar',1); }
	
	//desplegables
	var myAccordion = new Accordion('.desplegador', '.desplegable', {
		alwaysHide: true,
		show: -1,
		onActive: function(toggler, element){
			toggler.addClass('abierto');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('abierto');
		}
	});
	
	//lightboxes
	var imgs=[];
	if($('detalle_noticia')){ imgs=$$('#detalle_noticia img'); }
	if($('tab_mas_datos')){ imgs=$$('#tab_mas_datos img'); }
	for(i=0;i<imgs.length;i++){
		var linkImg=imgs[i].src.split("&");
		linkImg=linkImg[0].split("=");
		var img=linkImg[linkImg.length-1];
		var elemento1 = document.createElement('a');
		elemento1.className="lightbox";
		elemento1.href="/"+img;
		imgs[i].parentNode.insertBefore(elemento1,imgs[i]);
		elemento1.appendChild(imgs[i]);
	}
	if($('detalle_noticia')){ $$("#detalle_noticia a.lightbox").slimbox({counterText: "Imagen {x} de {y}"}); }
	if($('tab_mas_datos')){ $$("#tab_mas_datos a.lightbox").slimbox({counterText: "Imagen {x} de {y}"}); }
	
	//suscripcion
	if($('suscripcion')){
		$('paso1').slide('show');
		$('alerta_paso1').slide('hide');
		$('alerta_paso1').style.display="block";
		$('preloader_suscripcion').slide('hide');
		$('preloader_suscripcion').style.display="block";
		$('paso3').slide('hide');
		$('paso3').style.display="block";
	}
	
	//comparar
	if($('comparar')){
		var test=Cookie.read("comparar");
		if(!test){
			Cookie.write("comparar","",{path: "/"});
			Cookie.write("imagenes","",{path: "/"});
		}
		$('comparar').fade('hide');
		$('comparar').style.display="block";
		moverComparador();
		botonesComparar();
	}
	
	//formulario comentarios
	if($('comentar')){
		$('alerta_comentarios').slide('hide');
		$('alerta_comentarios').style.display="block";
		$('preloader').slide('hide');
		$('preloader').style.display="block";
		$('resultado').slide('hide');
		$('resultado').style.display="block";
		
		var inputs=$$('#comentar .text','#comentar .textarea');
		for(i=0;i<inputs.length;i++){
			inputs[i].onfocus=function(){
				this.addClass('activo');
			}
			inputs[i].onblur=function(){
				this.removeClass('activo');
			}
		}
	}
	
	//formulario de contacto
	if($('contacto')){
		$('alerta_contacto').slide('hide');
		$('alerta_contacto').style.display="block";
		$('preloader').slide('hide');
		$('preloader').style.display="block";
		$('resultado').slide('hide');
		$('resultado').style.display="block";
		
		var inputs=$$('#formulario_de_contacto .text','#formulario_de_contacto .textarea');
		for(i=0;i<inputs.length;i++){
			inputs[i].onfocus=function(){
				this.addClass('activo');
			}
			inputs[i].onblur=function(){
				this.removeClass('activo');
			}
		}
	}
	
	//concurso
	if($('formularios')){
		if($('formulario_de_registro').style.display=="none"){
			$('formulario_de_registro').fade('hide');
			$('formulario_de_registro').style.display="block";
		}
		if($('formulario_de_login').style.display=="none"){
			$('formulario_de_login').fade('hide');
			$('formulario_de_login').style.display="block";
		}
		$('alerta_login').slide('hide');
		$('alerta_login').style.display="block";
		$('alerta_registro').slide('hide');
		$('alerta_registro').style.display="block";
		completarCombo('dia',1,31);
		completarCombo('mes',1,12);
		completarCombo('ano',1900,2009);
		
		var inputs=$$('#formulario_de_login .text','#formulario_de_registro .text');
		for(i=0;i<inputs.length;i++){
			inputs[i].onfocus=function(){
				this.addClass('activo');
			}
			inputs[i].onblur=function(){
				this.removeClass('activo');
			}
		}
	}
	if($('formulario_de_upload')){
		$('alerta_upload').slide('hide');
		$('alerta_upload').style.display="block";
	}
	if($('formulario_de_modificacion')){
		$('alerta_modificacion').slide('hide');
		$('alerta_modificacion').style.display="block";
	}
	if($('formulario_de_recuperacion')){
		$('alerta_recuperacion').slide('hide');
		$('alerta_recuperacion').style.display="block";
	}

	//selectores
	var inputs=$$('.selector');
	for(i=0;i<inputs.length;i++){
		inputs[i].onclick=function(){
			if(!this.hasClass('seleccionado')){
				for(j=0;j<inputs.length;j++){
					inputs[j].removeClass('seleccionado');
					$("formulario_de_"+inputs[j].id.substr(9,inputs[j].id.length)).fade('out');
				}
				this.addClass('seleccionado');
			}
			$("formulario_de_"+this.id.substr(9,this.id.length)).fade('in');
		}
		inputs[i].onmouseover=function(){			
			this.addClass('over');
		}
		inputs[i].onmouseout=function(){
			this.removeClass('over');
		}
	}

});
/*****************************/

/* FUNCIONES *****************/
function moverComparador(){
	var posActual=$('comparar').offsetTop;
	var posDestino=getScrollY();
	var myEffect = new Fx.Morph('comparar', {duration: 500, transition: Fx.Transitions.Quint.easeOut});
	if(posDestino<200){ posDestino=200; }
	myEffect.start({ 'top': posDestino });
	setTimeout(moverComparador,1000);
}

function botonesComparar(){
	comparando=[];
	imagenes=[];

	var btns = $$('.modulo input');
	var cookiesComparar=Cookie.read("comparar");
	var cookiesImagenes=Cookie.read("imagenes");
	if(cookiesComparar==null){ cookiesComparar=""; }
	if(cookiesImagenes==null){ cookiesImagenes=""; }
	
	comparando=cookiesComparar.split(",");
	imagenes=cookiesImagenes.split(",");
	if(comparando[0]==""){
		comparando=[];
		imagenes=[];
	}
	almacenarComparacion();
	
	for(i=0;i<btns.length;i++){
		if(cookiesComparar.indexOf(btns[i].id.substr(9,btns[i].id.length-1))>=0){ btns[i].checked=true; }
		else{ btns[i].checked=false; }
		
		btns[i].onclick=function(){
			var ok=0;
			if(this.checked){
				if(comparando.length<4){
					var nuevoId=this.id.substr(9,this.id.length);
					comparando.include(nuevoId);
					imagenes.include(this.value);
					ok=1;
				}
				else{
					this.checked=false;
				}
			}
			else{
				eliminarDelComparador(this.id,this.value);
				ok=1;
			}
			if(ok){ almacenarComparacion(); }
		}
	}
}

function almacenarComparacion(){
	if(comparando.length>0){ $('comparar').fade('in'); }
	else{ $('comparar').fade('out'); }
	
	var toCookieComparar="";
	var toCookieImagenes="";
	var lista="";
	for(j=0;j<comparando.length;j++){
		if(comparando[j].substr(0,9)=="comparar_"){ var nuevoId=comparando[j].substr(9,comparando[j].length); }
		else{ var nuevoId=comparando[j]; }

		toCookieComparar+=nuevoId+",";
		toCookieImagenes+=imagenes[j]+",";
		lista+="<li onclick='eliminarDelComparador(\""+nuevoId+"\",\""+imagenes[j]+"\")'><img src='/imagen.php?img=uploads/imagenes/img_"+imagenes[j]+".jpg&ancho=32&alto=32' alt='' /><img src='/img/ico_eliminar.png' alt='x' id='e_"+nuevoId+"' class='e' style='display: none;' /></li>";
	}
	toCookieComparar=toCookieComparar.substr(0,toCookieComparar.length-1);
	toCookieImagenes=toCookieImagenes.substr(0,toCookieImagenes.length-1);
	Cookie.write("comparar",toCookieComparar,{path: "/"});
	Cookie.write("imagenes",toCookieImagenes,{path: "/"});

	$('contador_comparador').innerHTML=comparando.length;
	$('lista_comparacion').innerHTML=lista;
	$('comparar').getElement('p').highlight('#fc0');
	
	var lis=$$('#lista_comparacion li');
	for(i=0;i<lis.length;i++){
		lis[i].onmouseover=function(){
			this.addClass('over');
		}
		lis[i].onmouseout=function(){
			this.removeClass('over');
		}
	}
}

function eliminarDelComparador(id,img){
	if(id.substr(0,9)=="comparar_"){ var id=id.substr(9,id.length); }
	comparando.erase(id);
	if($('comparar_'+id)){ $('comparar_'+id).checked=false; }
	imagenes.erase(img);
	almacenarComparacion();
	if($('comparador')){ window.location.reload(); }
}

function getScrollY() {
  scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    scrOfY = window.pageYOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY;
}

function destacar(){
	var objs=$$('.destacable');
	for(i=0;i<objs.length;i++){
		objs[i].onmouseover=function(){
			this.addClass("over");
		}
		objs[i].onmouseout=function(){
			this.removeClass("over");
		}
	}
}

function pestanas(){
	var pests=$$('.pestana');
	for(i=0;i<pests.length;i++){
		pests[i].onclick=function(){
			seleccionar(this);
		}
	}
	if(pests[0]){ seleccionar(pests[0]); }
}
function seleccionar(obj){
	var pests=$$('.pestana');
	for(i=0;i<pests.length;i++){
		pests[i].removeClass("seleccionada");
		$("tab_"+pests[i].id).style.display="none";
	}
	obj.addClass("seleccionada");
	$("tab_"+obj.id).style.display="block";
}

function cambiarImagen(id){
	$('imagenProducto').innerHTML="<img src='/img/preloader.gif' class='preloader' alt='' />";
	var myImages = new Asset.images(["/imagen.php?img=uploads/imagenes/img_"+id+".jpg&ancho=311&alto=373"], {
		onComplete: function(){
			$('imagenProducto').innerHTML="<img src='/imagen.php?img=uploads/imagenes/img_"+id+".jpg&ancho=311&alto=373' id='imagenColor' alt='' />";
			$('imagenColor').fade('hide');
			$('imagenColor').fade('in');
		}
	});
	
	var colores=$$('.color');
	for(i=0;i<colores.length;i++){
		colores[i].removeClass("seleccionado");
	}
	$('color_'+id).addClass("seleccionado");
}

function cambiarImagenComparador(producto,id){
	$('img_producto_'+producto).innerHTML="<img src='/img/preloader.gif' class='preloader' alt='' />";
	var myImages = new Asset.images(["/imagen.php?img=uploads/imagenes/img_"+id+".jpg&ancho=120&alto=144"], {
		onComplete: function(){
			$('img_producto_'+producto).innerHTML="<img src='/imagen.php?img=uploads/imagenes/img_"+id+".jpg&ancho=120&alto=144' id='imagenColor_"+producto+"' alt='' />";
			$('imagenColor_'+producto).fade('hide');
			$('imagenColor_'+producto).fade('in');
		}
	});
	
	var colores=$$('#colores_'+producto+' .color');
	for(i=0;i<colores.length;i++){
		colores[i].removeClass("seleccionado");
	}
	$('color_'+id).addClass("seleccionado");
}

function cambiarForm(form){
	form=$(form);
	var forms=$$('#formularios form');
	for(i=0;i<forms.length;i++){
		forms[i].fade('out');
	}
	form.fade('in');
}

function revisarMes(mes){
	var meses=[0,31,29,31,30,31,30,31,31,30,31,30,31];
	completarCombo('dia',1,meses[mes]);
}
/*****************************/

/* SUSCRIPCION ***************/
function enviarSuscripcion(form){
	var enviar=1;
	if(!validarMail("email_suscripcion")){ 
		enviar=0;
		$('paso1').slide('out');
		$('alerta_paso1').slide('in');
		setTimeout(function(){							
			$('alerta_paso1').slide('out');
			$('paso1').slide('in');
			
		},2000);
	}	
	else{
		$('paso1').slide('out');

		var request = new Request({
			url: "/funciones/suscripcion.php",
			method: 'post',
			data: 'email_suscripcion='+$('email_suscripcion').value,
			onRequest: function(){
				$('preloader_suscripcion').slide('in');
				$('preloader_suscripcion').getElement('img').src=$('preloader_suscripcion').getElement('img').src;
			},
			onComplete: function(response) {
				setTimeout(function(){
				$('paso3').set('html',response);
				$('preloader_suscripcion').slide('out');
				$('paso3').slide('in');
									},2000);
			}
		});
		request.send();
	}
}

function toggleEmail(casilla){
	if(casilla.value=="Escribe tu email aquí") {casilla.value="";}
	else if(casilla.value=="") {casilla.value="Escribe tu email aquí";}
	else{}
}
/*****************************/

/* CONCURSO ******************/
function enviarFormularioDeLogin(){
	var enviar=1;
	if(!validacionSimple("username",4)){ enviar=0; }
	if(!validacionSimple("password",4)){ enviar=0; }

	if(enviar){
		$('formulario_de_login').action="";
		$('formulario_de_login').submit();
	}
	else{
		$('alerta_login').slide('in');
		setTimeout(function(){ $('alerta_login').slide('out'); },6000);
	}
}

function enviarFormularioDeRecuperacion(){
	var enviar=1;
	if(!validarMail("recuperar_email")){ enviar=0; }

	if(enviar){
		$('formulario_de_recuperacion').action="";
		$('formulario_de_recuperacion').submit();
	}
	else{
		$('alerta_recuperacion').slide('in');
		setTimeout(function(){ $('alerta_recuperacion').slide('out'); },6000);
	}
}

function enviarFormularioDeRegistro(){
	var enviar=1;	
	if(!validacionAlfabetica("nombre",2)){ enviar=0; }
	if(!validacionSimple("username_registro",4)){ enviar=0; }
	if(!validacionSimple("password_registro",4)){ enviar=0; }
	if(!validarMail("email")){ enviar=0; }
	if(!validarRutCompleto('rut')){ enviar=0; }
	if(!validarCheckbox('acepto')){ enviar=0; }

	if(enviar){
		$('formulario_de_registro').action="";
		$('formulario_de_registro').submit();
	}
	else{
		$('alerta_registro').slide('in');
		setTimeout(function(){ $('alerta_registro').slide('out'); },6000);
	}
}

function enviarFormularioDeModificacion(){
	var tmpRut=$('rut').value.replace(/\D/g,"");
	$('rut').value=tmpRut.substr(0,tmpRut.length-1)+"-"+tmpRut.substr(tmpRut.length-1,1);
	
	var enviar=1;	
	if(!validacionAlfabetica("nombre",2)){ enviar=0; }
	if(!validarRutCompleto('rut')){ enviar=0; }
	if(!validarMail("email")){ enviar=0; }
	if($('password1').value){
		if(!validacionSimple("password1",4)){ enviar=0; }
		if($('password1').value!=$('password2').value){ enviar=0; }
	}

	if(enviar){
		$('formulario_de_modificacion').action="";
		$('formulario_de_modificacion').submit();
	}
	else{
		$('alerta_modificacion').slide('in');
		setTimeout(function(){ $('alerta_modificacion').slide('out'); },6000);
	}
}

function enviarFormularioDeUpload(){
	var enviar=1;
	if(!validacionSimple("titulo",2)){ enviar=0; }
	if(!validacionSimple("foto",4)){ enviar=0; }
	if(!validarCheckbox('acepto')){ enviar=0; }

	if(enviar){
		$('formulario_de_upload').action="";
		$('formulario_de_upload').submit();
	}
	else{
		$('alerta_upload').slide('in');
		setTimeout(function(){ $('alerta_upload').slide('out'); },3000);
	}
}

function votar(id,signo){
	if(signo=='+'){ signo=1; }
	if(signo=="-"){ signo=0; }
	var request = new Request({
		url: "/funciones/votar.php",
		method: 'post',
		data: "id="+id+"&signo="+signo,
		onRequest: function(){
			$('voto_'+id).innerHTML="<img src='/img/preloader_votacion.gif' alt='votando...'>";
		},
		onComplete: function(response) {
			$('voto_'+id).set('html',response);
		}
	});
	request.send();
}

function verificarEliminar(id){
	url="/?pagina=concurso_fotografico&amp;seccion=mis_imagenes&amp;imagen="+id;
	$('eliminar_'+id).get('tween').start('opacity',0).chain(function(){
		$('eliminar_'+id).innerHTML="&iquest;ELIMINAR DEL CONCURSO?: <a href='javascript:window.location=\""+url+"\"'>SI</a> | <a href='javascript:deshacerEliminar("+id+");'>NO</a>";
		$('eliminar_'+id).fade('in');
	});
}

function deshacerEliminar(id){
	$('eliminar_'+id).get('tween').start('opacity',0).chain(function(){
		$('eliminar_'+id).innerHTML="<a href='javascript:verificarEliminar("+id+");'>Eliminar del concurso</a>";
		$('eliminar_'+id).fade('in');
	});
}
/*****************************/

/* CONTACTO ******************/
function enviarFormularioDeContacto(){
	var enviar=1;
	if(!validacionAlfabetica("nombre",4)){ enviar=0; }
	if(!validarMail("email")){ enviar=0; }
	if(!validacionSimple("comentario",4)){ enviar=0; }

	if(!enviar){
		$('alerta_contacto').slide('in');
		setTimeout(function(){ $('alerta_contacto').slide('out'); },3000);
	}
	else{
		$('alerta_contacto').slide('out');
		var request = new Request({
			url: "/funciones/contacto.php",
			method: 'post',
			data: $('formulario_de_contacto'),
			onRequest: function(){
				$('formulario_de_contacto').slide('out');
				$('preloader').slide('in');
				$('preloader').getElement('img').src=$('preloader').getElement('img').src;
			},
			onComplete: function(response) {
				setTimeout(function(){
					$('resultado').set('html',response);
					$('preloader').slide('out');
					$('resultado').slide('in');
				},2000);
			}
		});
		request.send();
	}
}
/*****************************/

/* COMENTARIOS ***************/
function enviarFormularioComentarios(){
	var enviar=1;
	if(!validacionSimple("nombre",4)){ enviar=0; }
	if(!validarMail("email")){ enviar=0; }
	if(!validacionSimple("comentario",4)){ enviar=0; }

	if(!enviar){
		$('alerta_comentarios').slide('in');
		setTimeout(function(){ $('alerta_comentarios').slide('out'); },3000);
	}
	else{
		$('alerta_comentarios').slide('out');
		var request = new Request({
			url: "/funciones/comentar.php",
			method: 'post',
			data: $('formulario_comentarios'),
			onRequest: function(){
				$('formulario_comentarios').slide('out');
				$('preloader').slide('in');
				$('preloader').getElement('img').src=$('preloader').getElement('img').src;
			},
			onComplete: function(response) {
				//mostrar comentario
				$('comentarios').set('html',$('comentarios').innerHTML+response);
				var nuevos=$$('.comentario.nuevo');
				for(i=0;i<nuevos.length;i++){
					$('contador_comentarios').innerHTML=Number($('contador_comentarios').innerHTML)+1;
					nuevos[i].slide('hide');
					nuevos[i].style.display="block";
					nuevos[i].removeClass("nuevo");
					nuevos[i].slide('in');
				}
				
				//volver a comentar
				$('resultado').set('html','<h4>Tu comentario ha sido enviado con &eacute;xito!!!</h4><p>Gracias por participar en nuestra Web.</p><div class="bloque clearfix"><a href="javascript:mostrarFormularioComentarios();" class="boton"><span>VOLVER A COMENTAR</span></a></div>');
				$('preloader').slide('out');
				$('resultado').slide('in');
			}
		});
		request.send();
	}
}

function mostrarFormularioComentarios(){
	if($('nombre').value!="The North Face" || $('email').value!="admin@thenorthface.cl"){
		$('nombre').value="";
		$('email').value="";
	}
	$('comentario').value="";
	$('resultado').slide('out');
	$('formulario_comentarios').slide('in');
}
/*****************************/