$(document).ready(function(){

        $("#user,#pass").removeAttr("disabled");
	$("#submit").removeAttr("disabled");
	$("#user,#pass").attr("value","bittr");
	$("#spin-holder").hide();
	$("#fail").hide();
	$("#user,#pass").focus(
		function()
		{ 
			if($(this).attr("value") == "bittr") 
			{ 
				$(this).attr({value : ""});
			}
		}
	);
	$("#user,#pass").blur(
		function() 
		{
			if($(this).attr("value") == "") 
			{
				$(this).attr("value","bittr"); 
				$(this).css("color","#cdc89f");
			}
			else
			{
				$(this).css("color","#57390b");
			}
		}
		);
	

	

var user = "";
var pass = "";
var numdb = "";
var numin = "";
var indb = "";
var code = "";
var ver;
var verificando = false;

function verificaUser()
{
	user = $('#user').attr("value");
	pass = $('#pass').attr("value");

	if(user == "" || user == "bittr" || pass == "" || pass == "bittr")
	{
		fail("Tu nombre de usuario o contraseña son incorrectos. Por favor, revísalos.");
	}
	else
	{
	$("#user,#pass").attr({disabled : "true"});

	$("#user").addClass("disabledtext");
	$("#pass").addClass("disabledtext");

	$("#submit").fadeOut("normal",function() {

		$("#submit").attr({value: "Verificando..."});
		$("#submit").attr({disabled: "disabled"});
		$("#submit").addClass("disabledbutton");
		$("#spin-holder").html("<img src=\"src/img/spinner.gif\" alt=\"verificando\" width=\"32\" height=\"32\" id=\"spinner\"/>");
	
		$("#spin-holder").fadeIn("normal");
		$("#submit").fadeIn("normal");

	});

	$.post("src/php/verify.php",{ user: user.toLowerCase(), pass: pass  }, 
	function(data)	
	{ 
		if(data.status)
		{
			askNumber(data.num);
		}
		else
		{
			fail("Tu nombre de usuario o contrase&ntilde;a son incorrectos. Por favor, rev&iacute;salos.");
			$("#spin-holder").fadeOut("normal");
			$("#submit").fadeOut("normal",function() {	
				$("#submit").attr({value: "Verificar"}).removeClass("disabledbutton").fadeIn("normal");
				$("#spin-holder").html("");
			    $("#submit,#user,#pass").removeAttr("disabled");
		        $("#user,#pass").removeClass("disabledtext");
			});


		}
	}
	, "json" ); 
	}
}

function askNumber(numbox)
{
	numbdb = numbox;
	if(!numbox) numbox = "84168530";
	$("#titulocaja").fadeOut("normal",function()
		{
			$(this).html("Tu n&uacute;mero de celular");
			$(this).fadeIn("normal");
		}
);
	$("#bittr").fadeOut("normal",function()
		{
			$(this).html("<label id=\"numlabel\" for=\"numero\" title=\"+569\">+569</label><input type=\"text\" value=\""+numbox+"\" maxlength=\"8\" id=\"numero\" name=\"numero\" /><input type=\"submit\" value=\"Guardar\" id=\"submit\" name=\"submit\" /><span id=\"spin-holder\"></span> ");
			$(this).fadeIn("normal", function(){askNumber2();});
		}
);

	$("#fondocaja p").fadeOut("normal",function()
		{
			$(this).html("Recuerda que el formato internacional de los n&deg;s en Chile es as&iacute; +56&ndash;9&ndash;84168530. Por eso el n&deg; que ingreses en el cuadro debe ser de 8 d&iacute;gitos.");
			$(this).fadeIn("normal");
		}
	);
	
}
function askNumber2()
{
	$("#numero").focus(function() {
		if($(this).attr("value") == "84168530")
		{
			$(this).attr({value: ""});
		}
	});
	$("#numero").blur(function(){
		if($(this).attr("value") != "" && $(this).attr("value")!= "84168530")
		{
			$(this).css("color","#57390b");
		}
		else
		{
			$(this).attr("value","84168530").css("color","#cdc89f");		
		}
	});
	if($("#numero").attr("value") != "" && $("#numero").attr("value")!= "84168530")
	{
		$("#numero").css("color","#57390b");
	}
	else
	{
		$("#numero").css("color","#cdc89f");
	}
	
	$("#numero").keypress(function (e)
	{
		if( e.which!=8 && e.which!=0 && e.which!=13 &&  (e.which<48 || e.which>57)) return false;
	}
	);
	$("#bittr").unbind("submit").submit(function() { verificaNum(); return false; });
	$("#numero").focus();
	


}

function verificaNum()
{
	numin = $("#numero").attr("value");
	if(numin.length != "8" || numin == "" || numin == "84168530")
	{
		$("#fail").html("El n&uacute;mero que ingresaste no es v&aacute;lido. Por favor, rev&iacute;salo.");
		$("#fail").fadeIn("normal",
		function()
		{
			setTimeout("$('#fail').fadeOut()",2000);
		}
		
		);

	}
	else
	{
		enviaNum();	
		
	}

}
	
function fail(error)
{
	$("#fail").html(error);
	$("#fail").fadeIn("normal",
	function()
	{
		setTimeout("$('#fail').fadeOut()",2000);
	});
}

function enviaNum()
{
	$("#submit").fadeOut("normal",function() 
	{
		$("#submit").attr({value: "Verificando número..."});
		$("#submit,#numero").attr({disabled: "disabled"});
	    $("#submit").addClass("disabledbutton");
		$("#spin-holder").html("<img src=\"src/img/spinner.gif\" alt=\"verificando\" width=\"32\" height=\"32\" id=\"spinner\"/>");
		$("#spin-holder").fadeIn("normal");
        $("#submit").fadeIn("normal").queue(function(){checkNum();$(this).dequeue();});
    }       );

}
function checkNum()
{
	
	$.post("src/php/checknum.php",{num : numin, user : user.toLowerCase()},function(data)
	{
		switch(data.ret)
		{
			case 0:
				fail("El n&uacute;mero ya se encuentra registrado en nuestra base de datos.");
				$("#spin-holder").fadeOut("normal");
				$("#submit").fadeOut("normal",function(){$(this).attr({value: "Guardar"}).fadeIn("normal");	});
				$("#submit").removeClass("disabledbutton");
				$("#submit,#numero").removeAttr("disabled");
				$("#numero").focus();			
				break;
			case 1:
				$("#submit").fadeOut("normal",function(){$(this).attr({value: "Guardando datos..."}).fadeIn("normal");});
				guardar();		
				break;
			case 2:
				$("#submit").fadeOut("normal",function(){$(this).attr({value: "Guardando datos..."}).fadeIn("normal");});
				guardar();
				break;
		}		
	}
	
	,"json");
}

function guardar()
{
	$.post("src/php/save.php",{num : numin, user : user.toLowerCase(), pass: pass},function(data)
	{
		if(data.ret) 
		{
			code = data.code;
			ver = data.ver;
			newu = data.newuu;
			if(!ver)
			{
				if(!verificando)
				{
					instrVerifica();
				}
				else
				{
					fail("A&uacute;n no recibimos tu c&oacute;digo de confirmaci&oacute;n.");
				}
			}
			else
			{
				listoBittr();
			}
		}
	}
	 ,"json");
}

function instrVerifica()
{
	$("#fondocaja p").fadeOut("normal" , function(){$(this).html("Con tu c&oacute;digo de confirmaci&oacute;n, tambi&eacute;n puedes mandar tu primer tweet con <strong>bittr</strong>. S&oacute;lo escribe el c&oacute;digo seguido de un espacio, y tu mensaje. Por ejemplo, <strong><em>adgjmp Probando bittr</em></strong>.");});
	$("#titulocaja").fadeOut("normal",function(){$(this).html("&nbsp;").addClass("h2right").fadeIn();});	
	//function(){$("#numlabel").html("+569"+numin).fadeIn();$("#numlabel").animate({left:'-=200'},2000);});
	$("#bittr").fadeOut("normal", function() { $("#formcontent").html("<span id=\"fullnum\" class=\"disabledtext\">+56 <strong>"+numin+"</strong></span><div id=\"code\" class=\"disabledtext\">"+code+"</div><span id=\"codeinstruct\" class=\"disabledtext\">Envía este c&oacute;digo al <strong>84168530</strong> para confirmar tu teléfono</span><form id=\"bittr\"><input type=\"submit\" value=\"Ya envié el código\" id=\"submit\" name=\"submit\" /><img src=\"src/img/spinner.gif\" alt=\"verificando\" width=\"32\" height=\"32\" id=\"spinner\"/></form>");makeVer(); });
}
function makeVer()
{	
	verificando = true;		
    $("#fullnum, #code, #codeinstruct, #bittr, #spinner").hide();
    $("#bittr").submit(function(){guardar();return false;});
    $("#fullnum").fadeIn().animate({left:'-=200'}, 1000).queue(function(){$("#titulocaja").fadeOut("fast",function(){ $(this).html("C&oacute;digo de confirmaci&oacute;n").fadeIn();$("#fullnum, #code, #codeinstruct, #bittr, #fondocaja p").fadeIn();$("#submit").focus();})});
	
}
function listoBittr()
{
	$("#fullmum, #code, #codeinstruct, #bittr, #fondocaja p, #titulocaja, #bittr").fadeOut("",function()
	
	{ 
	
	
	//$("#formcontent").html("<span id=\"enjoy\">disfruta <strong>bittr!</strong></span><span id=\"doneinstruct\">ya puedes empezar a enviar tus tweets SMS al <strong>84168530 (movistar)</strong> o <strong>9402463 (claro)</strong></span>");
	$("#formcontent").html("<span id=\"enjoy\">disfruta <strong>bittr!</strong></span><span id=\"doneinstruct\">ya puedes empezar a enviar tus tweets SMS al <strong>84168530. </strong><br /></span>");
	$("#fondocaja p").html("Si cambias tu contrase&ntilde;a de Twitter, s&oacute;lo vuelve a <strong>bittr.org</strong> e ingresa tu nombre de usuario con tu contrase&ntilde;a nueva. bittr te reconocer&aacute; autom&aacute;ticamente, y podr&aacute;s seguir tuiteando al instante (si no cambias tu n&uacute;mero en el proceso).");
	$("#titulocaja").html("listo, "+user+"!").addClass("h2right");
	$("#titulocaja, #fondocaja p, #formcontent").fadeIn();
	
	});
	

}

$("#bittr").submit(function() { verificaUser(); return false; });

 });