$(document).ready(function(){
    $("#formregister").hide();
	$("#errorlength").hide();
	$("#errormatch").hide();
	$("#nouser").hide();
	$("#nopass").hide();
	$("#wrong").hide();
	$("#correcto").hide();
	$("#spanur").hide();
	$("#spanpr1").hide();
	$("#spanpr2").hide();

	$("#spanus").hide();
	$("#spanps").hide();
});

$("#register").click(function(){
	$("#formlogin").hide();
	$("#formregister").show();
	$("#passregister2").val("");
	$("#passregister1").val("");
	$("#userregister").val("");
});

$("#signin").click(function(){
	var username = $("#inputusername").val();
	var pass = $("#inputpassword").val();

	var ok1 = 1;
	var ok2 = 1;

	if(pass.length == 0){
		ok1 = 0;
		$("#nopass").show();

		$("#spanps").show();
		$("#spanps").addClass("glyphicon-remove");
		$("#spanps").removeClass("glyphicon-ok");

		$("#divps").removeClass("has-succes");
		$("#divps").addClass("has-error");

	} else{
		ok1 = 1;
		$("#nopass").hide();

		$("#spanps").show();
		$("#spanps").addClass("glyphicon-ok");
		$("#spanps").removeClass("glyphicon-remove");

		$("#divps").removeClass("has-error");
		$("#divps").addClass("has-success");
	}

	if(username.length == 0){
		ok2 = 0;
		$("#nouser").show();

		$("#spanus").show();
		$("#spanus").addClass("glyphicon-remove");
		$("#spanus").removeClass("glyphicon-ok");

		$("#divus").removeClass("has-succes");
		$("#divus").addClass("has-error");

	} else{
		ok2 = 1;

		$("#nouser").hide();

		$("#spanus").show();
		$("#spanus").addClass("glyphicon-ok");
		$("#spanus").removeClass("glyphicon-remove");

		$("#divus").removeClass("has-error");
		$("#divus").addClass("has-success");
	}

	if(ok1 && ok2){
		if(localStorage.getItem(username) == pass) alert("Bienvenido");
		else{
			$("#wrong").show();
			$("#spanus").hide();

			$("#divus").removeClass("has-error");
			$("#divus").removeClass("has-success");

			$("#spanps").hide();

			$("#divps").removeClass("has-error");
			$("#divps").removeClass("has-success");
		}
	}
});



$("#acceptregister").click(function(){

	var username = $("#userregister").val();
	var pass1 = $("#passregister1").val();
	var pass2 = $("#passregister2").val();


	var ok1 = 1;
	var ok2 = 1;

	if(username == undefined || username.length < 3){
		ok1 = 0;
		$("#errorlength").show();
		$("#spanur").show();
		$("#spanur").addClass("glyphicon-remove");
		$("#spanur").removeClass("glyphicon-ok");

		$("#divur").removeClass("has-succes");
		$("#divur").addClass("has-error");
	}
	else{
		ok1 = 1;
		$("#errorlength").hide();
		$("#spanur").show();
		$("#spanur").addClass("glyphicon-ok");
		$("#spanur").removeClass("glyphicon-remove");


		$("#divur").removeClass("has-error");
		$("#divur").addClass("has-success");
	}



	if(pass1.length == 0 || pass1 != pass2){
		ok2 = 0;
		$("#errormatch").show();
		$("#spanpr1").show();
		$("#spanpr2").show();

		$("#spanpr1").show();
		$("#spanpr1").addClass("glyphicon-remove");
		$("#spanpr1").removeClass("glyphicon-ok");


		$("#divpr1").removeClass("has-success");
		$("#divpr1").addClass("has-error");

		$("#spanpr2").show();
		$("#spanpr2").addClass("glyphicon-remove");
		$("#spanpr2").removeClass("glyphicon-ok");


		$("#divpr2").removeClass("has-success");
		$("#divpr2").addClass("has-error");
	}
	else{
		ok2 = 1;
		$("#errormatch").hide();

		$("#spanpr1").show();
		$("#spanpr1").addClass("glyphicon-ok");
		$("#spanpr1").removeClass("glyphicon-remove");


		$("#divpr1").removeClass("has-error");
		$("#divpr1").addClass("has-success");

		$("#spanpr2").show();
		$("#spanpr2").addClass("glyphicon-ok");
		$("#spanpr2").removeClass("glyphicon-remove");


		$("#divpr2").removeClass("has-error");
		$("#divpr2").addClass("has-success");
	}

	if(ok1 && ok2){

		localStorage.setItem(username, pass1);

		$("#formlogin").show();
		$("#formregister").hide();
		$("#correcto").show();
	}
});