$(document).ready(function (){
							
	$("#registrar").hide();
	
	$("#registrar").css("margin-top","-300px");

	$("#botonRegistrar").click(llama);
	$("#registrarDe h3").click(esconde);

	$("#form label input").focus(resaltaCampo);
	$("#form").submit(validaForm);

	$("#contenedorLogin").hide();
	
	$("#contenedorLogin").css("margin-top","-300px");

	$("#botonLogin").click(llama1);
	$("#loginDe h3").click(esconde);
	$("#formLogin").submit(validaFormLogin);

})

function Trim( str ) {
var resultStr = "";
resultStr = TrimLeft(str);
resultStr = TrimRight(resultStr);
return resultStr;
}

function TrimLeft( str ) {
var resultStr = "";
var i = len = 0;
if (str+"" == "undefined" || str == null) 
return "";
str += "";

if (str.length == 0) 
resultStr = "";
else { 
len = str.length;
while ((i <= len) && (str.charAt(i) == " "))
i++;
resultStr = str.substring(i, len);
}
return resultStr;
}

function TrimRight( str ) {
var resultStr = "";
var i = 0;
if (str+"" == "undefined" || str == null) 
return "";
str += "";
if (str.length == 0) 
resultStr = "";
else {
i = str.length - 1;
while ((i >= 0) && (str.charAt(i) == " "))
i--;
resultStr = str.substring(0, i + 1);
}

return resultStr; 
}

function ValidarFecha(Cadena){
	var Fecha= new String(Cadena);
	
	var Ano= new String(Fecha.substring(Fecha.lastIndexOf("/")+1,Fecha.length));
	var Mes= new String(Fecha.substring(Fecha.indexOf("/")+1,Fecha.lastIndexOf("/")));
	var Dia= new String(Fecha.substring(0,Fecha.indexOf("/")));

	// Valido el aņo
	if (isNaN(Ano) || Ano.length<4 || parseFloat(Ano)<1900){
		$("#aviso").remove();
		$("#fecha_concierto").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Fecha Incorrecta");
		return false;
	}
	// Valido el Mes
	if (isNaN(Mes) || parseFloat(Mes)<1 || parseFloat(Mes)>12){
		$("#aviso").remove();
		$("#fecha_concierto").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Fecha Incorrecta");
		return false;
	}
	// Valido el Dia
	if (isNaN(Dia) || parseInt(Dia)<1 || parseInt(Dia)>31){
		$("#aviso").remove();
		$("#fecha_concierto").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Fecha Incorrecta");
		return false;
	}
	if (Mes==4 || Mes==6 || Mes==9 || Mes==11 || Mes==2) {
		if (Mes==2 && Dia > 28 || Dia>30) {
			$("#aviso").remove();
			$("#fecha_concierto").parent().append('<div id="aviso"><p></p></div>');
			$("#aviso p").text("Fecha Incorrecta");
			return false;
		}
	}

}


function llama()
{
	$("#contenedorLogin").hide();
	$("#contenedorLogin").css("margin-top","-300px");
	$("#registrar").show();
	$("#registrar").stop().animate({'margin-top':'0px'},200);
}

function esconde()
{
	$(this).parent().parent().parent().stop().animate({'margin-top':'-400px'},200);
	//$("#registrar").stop().animate({'margin-top':'-400px'},200);
}

function validaForm(){
	
	var reg = /^[a-zA-Z0-9_\.]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
	
	if($("#nombre").val()==""){
		$("#nombre").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#nombre").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes introducir el nombre");
		$("#nombre").focus();
		}
	else if($("#apellidos").val()==""){
		$("#apellidos").parent().css({ background: "none" });
		$("#apellidos").css({ color:"#000" });
		$("#aviso").remove();
		$("#apellidos").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes introducir los apellidos");
		$("#apellidos").focus();
		}
	else if($("#fecha").val()==""){
		$("#aviso").remove();
		$("#fecha").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes introducir la fecha");
		$("#fecha").focus();
		}
	else if ( (ValidarFecha($("#fecha").val()))==false ) {
		$("#aviso").remove();
		$("#fecha").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("La fecha no es correcta");
		$("#fecha").focus();
		}
	else if($("#email").val()==""){
		$("#email").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#email").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes introducir el email");
		$("#email").focus();
		}
	else if (!reg.test($("#email").val())){ 
		$("#email").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#email").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("La direccion de email no es valida");
		$("#email").focus();
		}
	else if($("#login").val()==""){
		$("#login").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#login").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes introducir el login");
		$("#login").focus();
		}
	else if($("#password").val()==""){
		$("#password").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#password").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes introducir el password");
		$("#password").focus();
		}
	else if($("#password").val().length<5){
		$("#password").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#password").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Minimo 5 caracteres");
		$("#password").focus();
		}
		else{
		enviaForm();
		}		
		return false;
}

function enviaForm(){
	
	
	var form_email = $("#form").find("#email").val();
	var form_password = $("#form").find("#password").val();
	
	var form_nombre = $("#form").find("#nombre").val();

	var form_apellidos = $("#form").find("#apellidos").val();
	var form_fecha = $("#form").find("#fecha").val();
	var form_login = $("#form").find("#login").val();

	var url = $("#form").attr("action");
	
	
	modal("cargando");
	
	$.post( url , { nombre:form_nombre, email:form_email, login:form_login, password:form_password, apellidos:form_apellidos, fecha:form_fecha },function(respuesta){
	
	if(respuesta==0){
	modal("mal");
		}
	if(respuesta==1){
	modal("ok");
		}

				}
) 
		
	return false;
}

function modal(accion){
	$("#modal").remove();
	
	$("#form").append('<div id="modal"><p></p></div>');
	
	switch (accion){
		case "cargando":
		$("#modal p").text("Espere mientras se manda el formulario");
		break;
		case "ok":
		$("#modal").css({ background: "none" });
		$("#modal p").remove();
		$("#modal").append("<p>Te has registrado correctamente</p>");
		break;
		case "mal":
		$("#modal").css({ background: "none" });
		$("#modal p").remove();
		$("#modal").append("<p>Ese usuario con ese email y password ya esta dado de alta</p>");
		break;
	}
	
}

function resaltaCampo(){
	$("#form label input").parent().css({ background: "none" });
	$(this).parent().css({ background: "#eeeeee" });
}


function llama1()
{
	$("#registrar").hide();
	$("#registrar").css("margin-top","-300px");
	$("#contenedorLogin").show();
	$("#contenedorLogin").stop().animate({'margin-top':'0px'},200);
}
function validaFormLogin(){
	
	var form_passwordL = $("#formLogin").find("#passwordL").val();
	
	var form_loginL = $("#formLogin").find("#loginL").val();

	var urlLogin = $("#formLogin").attr("action");
	
	
	modalLogin("cargando");
	
	$.post( urlLogin , { loginL:form_loginL, passwordL:form_passwordL },function(respuesta){
	
	if(respuesta==0){
	modalLogin("mal");
		}
	if(respuesta==1){
	modalLogin("ok");
		}

				}
) 
		
	return false;
}

function modalLogin(accion){
	$("#modal").remove();
	
	$("#formLogin").append('<div id="modal"><p></p></div>');
	
	switch (accion){
		case "cargando":
		$("#modal p").text("Espere mientras se manda el formulario");
		break;
		case "ok":
		$("#modal").css({ background: "none" });
		$("#modal p").remove();
		$("#modal").append("<p>Te has logueado correctamente</p>");
		parent.location.href='volver.php';
		break;
		case "mal":
		$("#modal").css({ background: "none" });
		$("#modal p").remove();
		$("#modal").append("<p>Ese usuario con ese login y password no existe</p>");
		break;
	}
	
}