$(function() {
	var cedula1 = $("#cedula1");
	var cedula2 = $("#cedula2");
	var cedula3 = $("#cedula3");
	var separador = $("#separador");
	
	$("input[id=tipoN]").click(function(){
		cedula1.show();
		cedula2.hide();
		cedula3.hide();
		separador.html('<div style="font-style:italic;font-size:11px;color:#a11214;margin-left:104px;" align="justify">En caso de ser costarricense digita tu c&eacute;dula y da click en buscar</div>');
	});
	$("input[id=tipoJ]").click(function(){
		cedula1.hide();
		cedula2.show();
		cedula3.hide();
		separador.html('&nbsp;');
	});
	$("input[id=tipoE]").click(function(){
		cedula1.hide();
		cedula2.hide();
		cedula3.show();
		separador.html('&nbsp;');
	});
	$("input[type=reset]").click(function(){
		cedula1.show();
		cedula2.hide();
		cedula3.hide();
		separador.html('<div style="font-style:italic;font-size:11px;color:#a11214;margin-left:104px;" align="justify">En caso de ser costarricense digita tu c&eacute;dula y da click en buscar</div>');
	});

	
	
	
	/* CEDULA NACIONAL */
	$("input[name=identificacion1]").keyup(function(){
		if($("input[name=identificacion1]").val().length == 1) {
			$("input[name=identificacion2]").attr('value', '');
			$("input[name=identificacion2]").focus();
		}
	});
	$("input[name=identificacion2]").keyup(function(){
		if($("input[name=identificacion2]").val().length == 4) {
			$("input[name=identificacion3]").attr('value', '');
			$("input[name=identificacion3]").focus();
		}
	});
	$("input[name=identificacion3]").keyup(function(){
		if($("input[name=identificacion3]").val().length == 4)
			$("input[name=cargarDatos]").attr('disabled', false);
		else
			$("input[name=cargarDatos]").attr('disabled', true);
	});

	$("input[name=identificacion3]").focus(function(){
		if($("input[name=identificacion2]").val().length < 4)
			$("input[name=identificacion2]").focus();
	});
	$("input[name=identificacion2]").focus(function(){
		if($("input[name=identificacion1]").val().length < 1)
			$("input[name=identificacion1]").focus();
	});

	/* CEDULA JURIDICA */
	$("input[name=identificacionJ1]").keyup(function(){
		if($("input[name=identificacionJ1]").val().length == 1)
			$("input[name=identificacionJ2]").focus();
	});
	$("input[name=identificacionJ2]").keyup(function(){
		if($("input[name=identificacionJ2]").val().length == 3)
			$("input[name=identificacionJ3]").focus();
	});
	$("input[name=identificacionJ3]").keyup(function(){
		if($("input[name=identificacionJ3]").val().length == 6)
			$("input[name=nombre]").focus();
		else
			$("input[name=identificacionJ3]").focus();
	});

	$("input[name=identificacionJ3]").focus(function(){
		if($("input[name=identificacionJ2]").val().length < 3)
			$("input[name=identificacionJ2]").focus();
	});
	$("input[name=identificacionJ2]").focus(function(){
		if($("input[name=identificacionJ1]").val().length < 1)
			$("input[name=identificacionJ1]").focus();
	});

	
	
	
	$("input[name=cargarDatos]").click(function(){
		if(
		   $("input[name=identificacion1]").val() == "" || $("input[name=identificacion1]").val().length < 1 ||
		   $("input[name=identificacion2]").val() == "" || $("input[name=identificacion2]").val().length < 4 ||
		   $("input[name=identificacion3]").val() == "" || $("input[name=identificacion3]").val().length < 4
		   ) {
			$("input[name=identificacion1]").css("background", '#ecebeb');
			$("input[name=identificacion2]").css("background", '#ecebeb');
			$("input[name=identificacion3]").css("background", '#ecebeb');
			$("input[name=identificacion1]").focus();
			alert("Por favor digite su numero de identificacion para cargar sus datos.");
			return false;
		} else {
		var cedula = $("input[name=identificacion1]").val() + $("input[name=identificacion2]").val() + $("input[name=identificacion3]").val();
			$.ajax({
				type: "POST",
				url: "padron.php",
				data: 'cedula=' + cedula + '&val=1',
				beforeSend: function() {
					$("img[id=imgLoader]").show();	
				},
				success: function(data) {
					if(data == "error") {
						alert("Datos no disponibles con ese numero de identificacion");
						$("img[id=imgLoader]").hide();	
						return false;
					} else {
						var nombreCompleto = data.split("&");
						$("input[name=nombre]").attr('value', nombreCompleto[0]);
						$("input[name=apellidos]").attr('value', nombreCompleto[1] + " " + nombreCompleto[2]);
						$("img[id=imgLoader]").hide();	
				}
				}
			});
			return false;
		}
	});

});