$(document).ready(function(){

	// HOME
	$('#menu').jcarousel({
		//easing: 'BounceEaseOut',
        animation: 500,
		auto: 5,
		scroll: 1,
		initCallback: mycarousel_initCallback,
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
	
	//Fotos Laterales
	$('.fotosScroll').cycle({
		fx: 'fade'
	});
	
	// FOTOS Y VIDEOS
	/*$('.boxgrid.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'65px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'96px'},{queue:false,duration:160});
				});*/
	
	$("a[rel='foto']").click(function () { 
	
		$.blockUI({ 
        	theme: true,
			title: $(this).attr('title'), 
			message: '<img src="'+$(this).attr('href')+'" width="340" height="255" class="ui-corner-all" />'
			});
		$('#btnCerrar').click($.unblockUI);
		return false;
	
	});
	
	$("a[rel='descargar']").click(function () { 
		
		window.open( 'fotosDescargar.php?ff='+$(this).attr('href') );		
		return false;
	
	});
	
	$("a[rel='enviar']").click(function () { 
		
		var form = '<form id="fotoxmailForm" name="fotoxmailForm" class="formulario" method="post" action="">\
	  <fieldset>\
            <p>\
            <label for="para" style="width:70px">para</label>\
            <input name="para" class="{validate:{required:true}}" id="para" />\
            </p>\
            <p>\
            <label for="email" style="width:70px">email</label>\
            <input name="email" class="{validate:{required:true}}" id="email" />\
            </p>\
			<p>\
			<label for="mensaje" style="width:70px">mensaje</label>\
            <textarea name="mensaje" class="{validate:{required:true}}" id="mensaje"></textarea>\
            </p>\
			<p>\
			<input type="submit" name="enviar" id="enviar" value="Enviar" style="margin-left:75px" />\
			</p>\
		</fieldset>\
	</form>';
		
		$.blockUI({ 
        	theme: true,
			title: 'Enviar foto por email', 
			message: form
			});
		$('#btnCerrar').click($.unblockUI);		
		return false;
	
	});
	
	
	// CALENDARIO
	$(".calendarioBtnPrxMes").click(function () { 
      
	  var mes = $(this).attr("rel");
	  
	  
	  if(mes){
		  
		  	$("#calendario").html('');
			
			$("#calendario").append('<img src="imagenes/loading-mini.gif" />');
	 		
			$.ajax({
				type: "POST",
				url: "ajaxCalendario.php",
				data: "mes="+mes,
				cache: false,
				dataType: "json",
				success: function(data){
								
								$("#calnombmes").html(data.mesNombre);
								$("#ant").attr("rel",data.mesAnt);
								$("#pro").attr("rel",data.mesProx);
								$("#calendario").html(data.calendario);
								
						}
			});
		
		}
	 
		return false;
	  
    });
	
	
	
	// TRAGOS
	$(".chefMas").click(function () { 
      
	  var idReceta = $(this).attr("id");
	  
	  if(idReceta){
			
			$(".chefMas").append('<img id="loading" align="right" src="imagenes/loading-mini.gif" style="margin:3px 10px 0px 0px" />');
	 		
			$.ajax({
				type: "POST",
				url: "ajaxTragos.php",
				data: "idUltimoTrago="+idReceta,
				cache: false,
				dataType: "json",
				success: function(data){
								$("#loading").remove();
								
								if( data.idTragoProx =='' ){
									$(".chefMas").html('Estamos preparando más recetas');
								}else{								
									$("ul#tragosMasListado").append(data.tragos);
									var alto = $("ul#tragosMasListado").height() + ( 18 * data.cant );
									$("ul#tragosMasListado").animate({height: alto}, 1000);
									$(".chefMas").attr("id",data.idTragoProx);
								}
						}
			});
		
		}
	 
		return false;
	  
    });
	
	
	// LOGIN
	// Menu Login
	$('#miThaler').hover(
		  function () {
			$('#loginCuadro').fadeTo("slow", 1);
		  }, 
		  function () {
			$('#loginCuadro').fadeTo("slow", 0);
		  }
	);


	/* LOGIN */
	//$('#fLogin').ketchup();
	
	$("#fLogin").submit(function() {
		  
		var email = $('#email').val();
		var clave = $('#clave').val();
		  
		$.ajax({
			url: "ajaxLogin.php",
			data: { email: email, clave: clave },
			async: true,
			cache: false,
			timeout: 3000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Verificando tus datos', 
							message: 'aguarda unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'Algo no anduvo bien.', 
							message: 'Intenta nuevamente en unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){

					if(data.err == false){
						reloadPage();
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'Algo ocurrio', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
					}
					
					
				}
		});
		  
		  return false;
		  
	});
	
	
	/* RECUPERAR CLAVE */
	$("#fClave").submit(function() {
		  
		var email = $('#email').val();
		  
		$.ajax({
			url: "ajaxClave.php",
			data: { email: email },
			async: true,
			cache: false,
			timeout: 6000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Verificando tus datos', 
							message: 'aguarda unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'Algo no anduvo bien.', 
							message: 'Intenta nuevamente en unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){

					if(data.err == false){
						$.blockUI({ 
            				theme: true,
							title: 'Clave Recuperada', 
							message: 'Te hemos enviado por mail los pasos para recuperar tu clave'
							});
						$('#btnCerrar').click($.unblockUI);
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'Algo ocurrio', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
					}
					
					
				}
		});
		  
		  return false;
		  
	});
	
	/* RESETEAR CLAVE */
	$("#fClaveResetear").submit(function() {
		  
		var clave = $('#clave').val();
		var confirmar = $('#confirmar').val();
		var key = $('#key').val();
		  
		$.ajax({
			url: "ajaxClaveResetear.php",
			data: { clave: clave, confirmar: confirmar, key: key },
			async: true,
			cache: false,
			timeout: 6000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Verificando tus datos', 
							message: 'aguarda unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'Algo no anduvo bien.', 
							message: 'Intenta nuevamente en unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){
					
					$('#clave').val('');
					$('#confirmar').val('');
				
					if(data.err == false){
						$.blockUI({ 
            				theme: true,
							title: 'Clave Reseteada', 
							message: data.msg
							});
						//$('#btnCerrar').click($.unblockUI);
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'Algo ocurrio', 
							message: data.msg
							});
						//$('#btnCerrar').click($.unblockUI);
					}
					
					$('#btnCerrar').click($.unblockUI);
					
					
				}
		});
		  
		  return false;
		  
	});
	
	/* ACTUALIZA DATOS PERFIL */
	$("#fModificar").submit(function() {
		  
		var nombre 		= $('#nombre').val();
		var email 		= $('#email').val();
		var cumpleanios = $('#cumpleanios').val();
		var clave 		= $('#clave').val();
		var confirmar 	= $('#confirmar').val();
		  
		$.ajax({
			url: "ajaxModificar.php",
			data: { nombre: nombre, email: email, cumpleanios: cumpleanios, clave: clave, confirmar: confirmar },
			async: true,
			cache: false,
			timeout: 6000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Verificando tus datos', 
							message: 'aguarda unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'Algo no anduvo bien.', 
							message: 'Intenta nuevamente en unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){
					
					if(data.err == false){
						
						$('#nombre').val('');
						$('#email').val('');
						$('#cumpleanios').val('');
						$('#clave').val('');
						$('#confirmar').val('');
						
						$.blockUI({ 
            				theme: true,
							title: 'Actualizar Perfil', 
							message: data.msg
							});
						
						//$('#btnCerrar').click(location.href="mi-thaler");
						$('#btnCerrar').click(function () { 
						  location.href="mi-thaler"; 
						});
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'Algo ocurrio', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
					}
					
					
				}
		});
		  
		  return false;
		  
	});
	
	/* ACTUALIZA DATOS PRE REGISTRO */
	$("#fPreRegistro").submit(function() {
		  
		var nombre 		= $('#nombre').val();
		var email 		= $('#email').val();
		var cumpleanios = $('#cumpleanios').val();
		var clave 		= $('#clave').val();
		var confirmar 	= $('#confirmar').val();
		var idUsuario 	= $('#idUsuario').val();
		  
		$.ajax({
			url: "ajaxPreRegistro.php",
			data: { nombre: nombre, email: email, cumpleanios: cumpleanios, clave: clave, confirmar: confirmar, idUsuario: idUsuario },
			async: true,
			cache: false,
			timeout: 6000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Verificando tus datos', 
							message: 'aguarda unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'Algo no anduvo bien.', 
							message: 'Intenta nuevamente en unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){
					
					if(data.err == false){
						
						$('#nombre').val('');
						$('#email').val('');
						$('#cumpleanios').val('');
						$('#clave').val('');
						$('#confirmar').val('');
						
						$.blockUI({ 
            				theme: true,
							title: 'Ser Parte de Thaler', 
							message: data.msg
							});
						
						//$('#btnCerrar').click(location.href="mi-thaler");
						$('#btnCerrar').click(function () { 
						  location.href="usuarios"; 
						});
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'Algo ocurrio', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
					}
					
					
				}
		});
		  
		  return false;
		  
	});
	
	
	/* DESUSCRIPCION */
	$("#fDesuscripcion").submit(function() {
		
		var email 		= $('#email').val();
		var news		= $("#news:checked").length;
		var cuenta		= $("#cuenta:checked").length;
		
		
		 
		$.ajax({
			url: "ajaxDesuscripcion.php",
			data: { email: email, news: news, cuenta: cuenta },
			async: true,
			cache: false,
			timeout: 6000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Verificando tus datos', 
							message: 'aguarda unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'Algo no anduvo bien.', 
							message: 'Intenta nuevamente en unos segundos'
							});
					$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){
					
					if(data.err == false){
						
						$('#email').val('');
						$('#news').attr("checked", false);
						$('#cuenta').attr("checked", false);
						
						$.blockUI({ 
            				theme: true,
							title: 'Desuscripcion', 
							message: data.msg
							});
						
						$('#btnCerrar').click(function () { 
						  location.href="home"; 
						});
						
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'Algo ocurrio', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
					}
					
					
				}
		});
		  
		  return false;
		  
	});
	
	
	/* REGISTRO */
	$("#cumpleanios").mask("99-99-9999"); //al usarlo da error
	
	$("#fRegistro").submit(function() {
		  
		var nombre 		= $('#nombre').val();
		var email 		= $('#email').val();
		var cumpleanios = $('#cumpleanios').val();
		var clave 		= $('#clave').val();
		var confirmar 	= $('#confirmar').val();
		  
		$.ajax({
			url: "ajaxRegistro.php",
			data: { nombre: nombre, email: email, cumpleanios: cumpleanios, clave: clave, confirmar: confirmar },
			async: true,
			cache: false,
			timeout: 3000,
			type: "POST",
			dataType: "json",
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(objeto){
					$.blockUI({ 
            				theme: true,
							title: 'Procesando datos', 
							message: ''
							});
				},
			complete: function(objeto){
					//$.unblockUI();
				},
			error: function(objeto, quepaso, otroobj){
					$.blockUI({ 
            				theme: true,
							title: 'mmm... Algo Fallo', 
							message: ''
							});
						$('#btnCerrar').click($.unblockUI);
				},
			success: function(data){
					if(data.err == false){
						
						$('#nombre').val('');
						$('#email').val('');
						$('#cumpleanios').val('');
						$('#clave').val('');
						$('#confirmar').val('');
						
						$.blockUI({ 
            				theme: true,
							title: 'Falta poco', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
						
					}else{
						$.blockUI({ 
            				theme: true,
							title: 'mmm... algo ocurrio', 
							message: data.msg
							});
						$('#btnCerrar').click($.unblockUI);
					}
					
					
				}
		});
		  
		  return false;
		  
	});

});


function reloadPage(){
  window.location.reload()
}