// Login para revistas profesionales

$(document).ready(function()
{
	$('#userLogin').click(function(e)
	{
		e.preventDefault();
		
		$.modal('<div><h3>Entrar como usuario registrado</h3><form id="formLogin" name="formLogin" class="lightboxForm" method="post"><label>Usuario: <input type="text" id="usuario_login" name="usuario_login" /></label><label>Contrase&ntilde;a: <input type="password" id="contrasena_login" name="contrasena_login" /></label><input type="submit" id="enviar" name="enviar" value="Entrar" /></form></div>',
		{ 
			position: ["20%"],
			minWidth : '360',
			minHeight : '220',
			overlayClose : 'true'
		});
		
		$("#formLogin").validate({
			rules: {
				usuario_login: "required",
				contrasena_login: "required"
			},
			messages: {
				usuario_login: "Por&nbsp;favor&nbsp;introduzca&nbsp;un&nbsp;usuario",
				contrasena_login: "Por&nbsp;favor&nbsp;introduzca&nbsp;la&nbsp;contrase&ntilde;a"
			}
		});
		
		return false;
	});
	

	$('#tiposSuscripcion').click(function(e)
	{
		e.preventDefault();
		
		$.modal('<div><h3>Elija el tipo de suscripci&oacute;n</h3><form id="formTipoSuscripcion" name="formTipoSuscripcion" class="lightboxForm" method="post" action="includes/aniade-suscripcion-carrito.php"><span id="tipos_suscripciones"></span><input type="submit" id="enviar" name="enviar" value="Comprar" /></form></div>',
		{ 
			position: ["20%"],
			minWidth : '360',
			minHeight : '220',
			overlayClose : 'true'
		});
		
		muestraTiposSuscripcion(document.getElementById('cod_revista').value);

		$("#formTipoSuscripcion").validate({
			rules: {
				cod_tipo_suscripcion: "required"
			},
			messages: {
				cod_tipo_suscripcion: "Por&nbsp;favor&nbsp;seleccione&nbsp;un&nbsp;tipo&nbsp;de&nbsp;suscripci&oacute;n"
			}
		});
		
		return false;
	});


	$('#olvidoCuenta,#olvidoCuentaLogin').click(function(e)
	{
		e.preventDefault();
		
		$.modal('<div><h3>Introduzca el email con el que se di&oacute; de alta</h3><form id="formOlvidoCuenta" name="formOlvidoCuenta" class="lightboxForm" method="post" action="includes/olvido-cuenta.php"><label>Email: <input type="text" id="email" name="email" /></label><input type="submit" id="enviar" name="enviar" value="Enviar" /></form></div>',
		{ 
			position: ["20%"],
			minWidth : '360',
			minHeight : '140',
			overlayClose : 'true'
		});
		
		$("#formOlvidoCuenta").validate({
			rules: {
				email: {
					required: true,
					email: true
				}
			},
			messages: {
				email: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;direcci&oacute;n&nbsp;de&nbsp;email",
					email: "Por&nbsp;favor&nbsp;introduzca&nbsp;una&nbsp;direcci&oacute;n&nbsp;de&nbsp;email&nbsp;v&aacute;lida"
				}
			}
		});
		
		return false;
	});


	$('#userRegister,#userRegisterCarrito').click(function(e)
	{
		e.preventDefault();
		
		// $.modal('<div><h3>Registro de nuevo usuario</h3><p>Reg&iacute;strese para poder realizar compras en nuestra tienda y beneficiarse de ofertas, descuentos exclusivos, promociones,...</p><form action="includes/registra-usuario.php" id="formRegister" name="formRegister" class="lightboxForm" method="post" style=" height: 650px !important; max-height: 500px; overflow: auto;"><label>Nombre: <input type="text" id="nombre" name="nombre" /></label><label>Apellidos: <input type="text" id="apellidos" name="apellidos" /></label><label>CIF &oacute; NIF &oacute; ID Card: <input type="text" id="dni" name="dni" /></label><label>Direcci&oacute;n: <input type="text" id="direccion" name="direccion" /></label><label>Cod. Postal: <input type="text" id="cod_postal" name="cod_postal" /></label><label>Localidad: <input type="text" id="localidad" name="localidad" /></label><label>Pais: <span id="paises"></span></label><label>Provincia (s&oacute;lo Espa&ntilde;a): <span id="provincias"></span></label><label>Tel&eacute;fono: <input type="text" id="telefono" name="telefono" /></label><label>M&oacute;vil: <input type="text" id="movil" name="movil" /></label><label>Correo electr&oacute;nico: <input type="text" id="email_usuario" name="email_usuario"/></label><label>Usuario: <input type="text" id="usuario" name="usuario" /></label><label>Contrase&ntilde;a: <input type="password" id="contrasena" name="contrasena" /></label><label>Repetir Contrase&ntilde;a: <input type="password" id="repetir_contrasena" name="repetir_contrasena" /></label><label><div class="contenedor_linea_izda_datos_usuario"><div class="contenedor_etiqueta_datos_usuario">&nbsp;</div><div class="contenedor_caja_texto_datos_usuario"><div class="contenedor_imagen_captcha"><img id="captcha" src="lib/captcha/securimage_show.php" alt="Imagen Captcha" title="Imagen Captcha" width="120" /></div><div class="contenedor_link_recargar_imagen_captcha"><a href="#" onclick="document.getElementById(\'captcha\').src = \'lib/captcha/securimage_show.php?\' + Math.random(); return false">Recargar Imagen</a></div></div></div><div class="contenedor_linea_izda_datos_usuario"><div class="contenedor_etiqueta_datos_usuario">Escriba el c&oacute;digo anterior:<input type="text" name="codigo_captcha" id="codigo_captcha" maxlength="6" onchange="document.getElementById(\'comprueba_captcha\').value = \'\'; if (document.getElementById(\'codigo_captcha\').value != \'\') { checkeaCodigoCaptcha(document.getElementById(\'codigo_captcha\').value); }" /></div></div></label><input type="submit" id="enviar" name="enviar" value="Enviar" /><input type="hidden" name="comprueba_captcha" id="comprueba_captcha" value="" /></form></div>',
		$.modal('<div id="modData1" style="overflow:auto;"><h3>Registro de nuevo usuario</h3><p>Reg&iacute;strese para poder realizar compras en nuestra tienda y beneficiarse de ofertas, descuentos exclusivos, promociones,...</p><form action="includes/registra-usuario.php" id="formRegister" name="formRegister" class="lightboxForm" method="post"><label>Nombre: <input type="text" id="nombre" name="nombre" /></label><label>Apellidos: <input type="text" id="apellidos" name="apellidos" /></label><label>CIF &oacute; NIF &oacute; ID Card: <input type="text" id="dni" name="dni" /></label><label>Direcci&oacute;n: <input type="text" id="direccion" name="direccion" /></label><label>Cod. Postal: <input type="text" id="cod_postal" name="cod_postal" /></label><label>Localidad: <input type="text" id="localidad" name="localidad" /></label><label>Pais: <span id="paises"></span></label><label>Provincia (s&oacute;lo Espa&ntilde;a): <span id="provincias"></span></label><label>Tel&eacute;fono: <input type="text" id="telefono" name="telefono" /></label><label>M&oacute;vil: <input type="text" id="movil" name="movil" /></label><label>Correo electr&oacute;nico: <input type="text" id="email_usuario" name="email_usuario"/></label><label>Usuario: <input type="text" id="usuario" name="usuario" /></label><label>Contrase&ntilde;a: <input type="password" id="contrasena" name="contrasena" /></label><label>Repetir Contrase&ntilde;a: <input type="password" id="repetir_contrasena" name="repetir_contrasena" /></label><label><div class="contenedor_linea_izda_datos_usuario"><div class="contenedor_etiqueta_datos_usuario">&nbsp;</div><div class="contenedor_caja_texto_datos_usuario"><div class="contenedor_imagen_captcha"><img id="captcha" src="lib/captcha/securimage_show.php" alt="Imagen Captcha" title="Imagen Captcha" width="120" /></div><div class="contenedor_link_recargar_imagen_captcha"><a href="#" onclick="document.getElementById(\'captcha\').src = \'lib/captcha/securimage_show.php?\' + Math.random(); return false">Recargar Imagen</a></div></div></div><div class="contenedor_linea_izda_datos_usuario"><div class="contenedor_etiqueta_datos_usuario">Escriba el c&oacute;digo anterior:<input type="text" name="codigo_captcha" id="codigo_captcha" maxlength="6" onchange="document.getElementById(\'comprueba_captcha\').value = \'\'; if (document.getElementById(\'codigo_captcha\').value != \'\') { return true; }" /></div></div></label><input type="submit" id="enviar" name="enviar" value="Enviar" /><input type="hidden" name="comprueba_captcha" id="comprueba_captcha" value="" /></form></div>',
		{ 
			position: ["3%"],
			minWidth : '450',
			maxWidth : '450',
			minHeight : '790',
			overlayClose : 'true' 
		});
		
		if ($(window).height() < 790)
			$('#modData1').css('height',($(window).height() - 70) + 'px');


		muestraPaises('paises','cod_pais');
		muestraProvincias('provincias','cod_provincia');
		
		$("#formRegister").validate({
			rules: {
				nombre: "required",
				apellidos: "required",
				direccion: "required",
				dni: {
					required: true
				},
				cod_postal: {
					required: true
				},
				localidad: "required",
				cod_provincia: {
				  required: function(element) {
       				 return $("#cod_pais").val() == 73;
     			  }
				},
				cod_pais: "required",
				telefono: "required",
				email: {
					required: true,
					email: true
				},
				usuario: {
					required: true,
					rangelength:[6,15]
				},
				contrasena: {
					required: true,
					rangelength:[6,15]
				},
				repetir_contrasena: {
					required: true,
					minlength: 6,
					equalTo: "#contrasena"
				},
				codigo_captcha: "required"
			},
			messages: {
				nombre: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;nombre",
				apellidos: "Por&nbsp;favor&nbsp;introduzca&nbsp;sus&nbsp;apellidos",
				dni: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;el&nbsp;DNI"
				},
				direccion: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;direcci&oacute;n",
				cod_postal: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;c&oacute;digo&nbsp;postal"
				},
				localidad: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;ciudad",
				cod_pais: "Por&nbsp;favor&nbsp;seleccione&nbsp;el&nbsp;pais",
				cod_provincia: "Por&nbsp;favor&nbsp;seleccione&nbsp;la&nbsp;provincia",
				telefono: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;tel&eacute;fono",
				email: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;direcci&oacute;n&nbsp;de&nbsp;email",
					email: "Por&nbsp;favor&nbsp;introduzca&nbsp;una&nbsp;direcci&oacute;n&nbsp;de&nbsp;email&nbsp;v&aacute;lida"
				},
				usuario: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;un&nbsp;usuario",
					rangelength: $.validator.format("Por&nbsp;favor&nbsp;introduce&nbsp;un&nbsp;valor&nbsp;con&nbsp;longitud&nbsp;entre&nbsp;{0}&nbsp;y&nbsp;{1}&nbsp;caracteres.")
				},
				contrasena: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;la&nbsp;contrase&ntilde;a",
					rangelength: $.validator.format("Por&nbsp;favor&nbsp;introduce&nbsp;un&nbsp;valor&nbsp;con&nbsp;longitud&nbsp;entre&nbsp;{0}&nbsp;y&nbsp;{1}&nbsp;caracteres.")
				},
				repetir_contrasena: {
					required: "Por&nbsp;favor&nbsp;repita&nbsp;la&nbsp;contrase&ntilde;a",
					rangelength: $.validator.format("Por&nbsp;favor&nbsp;introduce&nbsp;un&nbsp;valor&nbsp;con&nbsp;longitud&nbsp;entre&nbsp;{0}&nbsp;y&nbsp;{1}&nbsp;caracteres."),
					equalTo: "Por&nbsp;favor&nbsp;introduzca&nbsp;la&nbsp;misma&nbsp;contrase&ntilde;a&nbsp;que&nbsp;la&nbsp;anterior"
				},
				codigo_captcha: "Por&nbsp;favor&nbsp;introduzca&nbsp;el&nbsp;c&oacute;digo&nbsp;de&nbsp;arriba"
			}
		});
		$("#email_usuario").blur(function() {
			compruebaExistenciaDato('email_usuario',document.getElementById("email_usuario").value);
		});
		$("#usuario").blur(function() {
			compruebaExistenciaDato('usuario',document.getElementById("usuario").value);
		});
		
	
		return false;
	});
		

	$('#cambioDatos').click(function(e)
	{
		e.preventDefault();
		
		$.modal('<div id="modData" style="width: 440px; overflow: auto;"><h3>Modifique sus datos</h3><form action="includes/modifica-datos-usuario.php" id="formCambioDatos" name="formCambioDatos" class="lightboxForm" method="post"><label>Nombre: <input type="text" id="nombre" name="nombre" /></label><label>Apellidos: <input type="text" id="apellidos" name="apellidos" /></label><label>Direcci&oacute;n env&iacute;o: <input type="text" id="direccion_envio" name="direccion_envio" /></label><label>Cod. Postal env&iacute;o: <input type="text" id="cod_postal_envio" name="cod_postal_envio" /></label><label>Localidad env&iacute;o: <input type="text" id="localidad_envio" name="localidad_envio" /></label><label>Pais env&iacute;o: <span id="paises_envio"></span></label><label>Provincia env&iacute;o (s&oacute;lo Espa&ntilde;a): <span id="provincias_envio"></span></label><label>Tel&eacute;fono env&iacute;o: <input type="text" id="telefono_envio" name="telefono_envio" /></label><label>M&oacute;vil env&iacute;o: <input type="text" id="movil_envio" name="movil_envio" /></label><label>Direcci&oacute;n facturaci&oacute;n: <input type="text" id="direccion_facturacion" name="direccion_facturacion" /></label><label>Cod. Postal facturaci&oacute;n: <input type="text" id="cod_postal_facturacion" name="cod_postal_facturacion" /></label><label>Localidad facturaci&oacute;n: <input type="text" id="localidad_facturacion" name="localidad_facturacion" /></label><label>Pais facturaci&oacute;n: <span id="paises_facturacion"></span></label><label>Provincia fact. (s&oacute;lo Espa&ntilde;a): <span id="provincias_facturacion"></span></label><label>Tel&eacute;fono facturaci&oacute;n: <input type="text" id="telefono_facturacion" name="telefono_facturacion" /></label><label>M&oacute;vil facturaci&oacute;n: <input type="text" id="movil_facturacion" name="movil_facturacion" /></label><label>Contrase&ntilde;a: <input type="password" id="contrasena" name="contrasena" /></label><label>Repetir Contrase&ntilde;a: <input type="password" id="repetir_contrasena" name="repetir_contrasena" /></label><input type="submit" id="enviar" name="enviar" value="Enviar" /></form></div>',
		{ 
			position: ["2%"],
			minWidth : '450',
			maxWidth : '450',
			minHeight : '790',
			overlayClose : 'true' 
		});
		if ($(window).height() < 790)
			$('#modData').css('height',($(window).height() - 70) + 'px');

		muestraPaises('paises_envio','cod_pais_envio');
		muestraPaises('paises_facturacion','cod_pais_facturacion');
		muestraProvincias('provincias_envio','cod_provincia_envio');
		muestraProvincias('provincias_facturacion','cod_provincia_facturacion');
		setTimeout('rellenaDatosFormularioCambioDatosUsuario()',1500);
		
		$("#formCambioDatos").validate({
			rules: {
				nombre: "required",
				apellidos: "required",
				dni: {
					required: true
				},
				direccion_envio: "required",
				cod_postal_envio: {
					required: true
				},
				localidad_envio: "required",
				cod_provincia_envio: {
				  required: function(element) {
       				 return $("#cod_pais_envio").val() == 73;
     			  }
				},
				cod_pais_envio: "required",
				telefono_envio: "required",
				direccion_facturacion: "required",
				cod_postal_facturacion: {
					required: true
				},
				localidad_facturacion: "required",
				cod_provincia_facturacion: {
				  required: function(element) {
       				 return $("#cod_pais_facturacion").val() == 73;
     			  }
				},
				cod_pais_facturacion: "required",
				telefono_facturacion: "required",
				contrasena: {
					rangelength:[6,15]
				},
				repetir_contrasena: {
					minlength: 6,
					equalTo: "#contrasena"
				},
				codigo_captcha: "required"
			},
			messages: {
				nombre: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;nombre",
				apellidos: "Por&nbsp;favor&nbsp;introduzca&nbsp;sus&nbsp;apellidos",
				direccion_envio: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;direcci&oacute;n",
				cod_postal_envio: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;c&oacute;digo&nbsp;postal"
				},
				localidad_envio: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;ciudad",
				cod_pais_envio: "Por&nbsp;favor&nbsp;seleccione&nbsp;el&nbsp;pais",
				cod_provincia_envio: "Por&nbsp;favor&nbsp;seleccione&nbsp;la&nbsp;provincia",
				telefono_envio: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;tel&eacute;fono",
				direccion_facturacion: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;direcci&oacute;n",
				cod_postal_facturacion: {
					required: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;c&oacute;digo&nbsp;postal"
				},
				localidad_facturacion: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;ciudad",
				cod_pais_facturacion: "Por&nbsp;favor&nbsp;seleccione&nbsp;el&nbsp;pais",
				cod_provincia_facturacion: "Por&nbsp;favor&nbsp;seleccione&nbsp;la&nbsp;provincia",
				telefono_facturacion: "Por&nbsp;favor&nbsp;introduzca&nbsp;su&nbsp;tel&eacute;fono",
				contrasena: {
					rangelength: $.validator.format("Por&nbsp;favor&nbsp;introduce&nbsp;un&nbsp;valor&nbsp;con&nbsp;longitud&nbsp;entre&nbsp;{0}&nbsp;y&nbsp;{1}&nbsp;caracteres.")
				},
				repetir_contrasena: {
					rangelength: $.validator.format("Por&nbsp;favor&nbsp;introduce&nbsp;un&nbsp;valor&nbsp;con&nbsp;longitud&nbsp;entre&nbsp;{0}&nbsp;y&nbsp;{1}&nbsp;caracteres."),
					equalTo: "Por&nbsp;favor&nbsp;introduzca&nbsp;la&nbsp;misma&nbsp;contrase&ntilde;a&nbsp;que&nbsp;la&nbsp;anterior"
				},
				codigo_captcha: "Por&nbsp;favor&nbsp;introduzca&nbsp;el&nbsp;c&oacute;digo&nbsp;de&nbsp;arriba"
			}
		});
		
	
		return false;
	});


});


function muestraPaises(elemento,nombre_select) {
	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", "includes/ajax/muestra-paises.php?nombre_select=" + nombre_select, true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
				//alert(oXmlHttp.responseText);
				document.getElementById(elemento).innerHTML = oXmlHttp.responseText
			} else {
				//alert(oXmlHttp.statusText);
			}
		}            
	};
	oXmlHttp.send(null);
}

function muestraProvincias(elemento,nombre_select) {
	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", "includes/ajax/muestra-provincias.php?nombre_select=" + nombre_select, true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
				//alert(oXmlHttp.responseText);
				document.getElementById(elemento).innerHTML = oXmlHttp.responseText
			} else {
				//alert(oXmlHttp.statusText);
			}
		}            
	};
	oXmlHttp.send(null);
}

function muestraTiposSuscripcion(cod_revista) {
	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", "includes/ajax/muestra-tipos-suscripciones.php?cod_revista=" + cod_revista, true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
				//alert(oXmlHttp.responseText);
				document.getElementById('tipos_suscripciones').innerHTML = oXmlHttp.responseText
			} else {
				alert(oXmlHttp.statusText);
			}
		}            
	};
	oXmlHttp.send(null);
}

function rellenaDatosFormularioCambioDatosUsuario() {
	var oXmlHttp = zXmlHttp.createRequest();
	oXmlHttp.open("get", "includes/ajax/rellena-datos-formulario-cambio-datos-usuario.php", true);
	oXmlHttp.onreadystatechange = function () {
		if (oXmlHttp.readyState == 4) {
			if (oXmlHttp.status == 200) {
				//alert(oXmlHttp.responseText);
				var datos = oXmlHttp.responseText.split('$%$');
				document.getElementById('nombre').value = datos[0];
				document.getElementById('apellidos').value = datos[1];
				document.getElementById('direccion_envio').value = datos[2];
				document.getElementById('cod_postal_envio').value = datos[3];
				document.getElementById('localidad_envio').value = datos[4];
				document.getElementById('cod_pais_envio').value = datos[5];
				document.getElementById('cod_provincia_envio').value = datos[6];
				document.getElementById('telefono_envio').value = datos[7];
				document.getElementById('movil_envio').value = datos[8];
				document.getElementById('direccion_facturacion').value = datos[9];
				document.getElementById('cod_postal_facturacion').value = datos[10];
				document.getElementById('localidad_facturacion').value = datos[11];
				document.getElementById('cod_pais_facturacion').value = datos[12];
				document.getElementById('cod_provincia_facturacion').value = datos[13];
				document.getElementById('telefono_facturacion').value = datos[14];
				document.getElementById('movil_facturacion').value = datos[15];
			} else {
				//alert(oXmlHttp.statusText);
			}
		}            
	};
	oXmlHttp.send(null);
}


