$(document).ready(go);

function go()
{		
	$(".top-level.section").html('<form id="password-form"><input id="password-box" maxlength="30" type="password" /></form><p id="faq" class="fadey-bits"><a href="#" id="is-safe" class="open-wide">¿Es seguro?</a> &middot; <a href="#" id="is-accurate" class="open-wide">¿Es Preciso?</a> &middot; <a href="#" id="how-works" class="open-wide">Como Funciona</a> &middot <a href="#" id="choosing" class="open-wide">Crea un password seguro</a></p><div id="open"></div>');
	$("#open").hide();
	$("#password-box").focus();
	$("form#password-form").after('<div class="password-strength"></div>');
	$("#password-box").keydown(function(e)
	{
		if (e.keyCode == 13 || e.charCode == 13)
		{
			return false;
		}
	});
	$("#password-box").keyup(function(e){passwordCheck(this, e);});
	$("#password-box").click(function(){$("#open").slideUp();$("a.open-wide").removeClass('current-clicked');});
	
	$(".open-wide").click(function(){clicky(this);return false;});
}

function clicky(that)
{
	var string = '';
	
	$("a.open-wide").removeClass('current-clicked');
	$(that).addClass('current-clicked');
	
	switch($(that).attr('id'))
	{
		case 'is-safe':
		{
			string = '<p>Si. No se guarda ni se transfiere ninguna información.</p>';
			break;
		}
		case 'is-accurate':
		{
			string = '<p>Razonablemente.</p>';
			break;
		}
		case 'how-works':
		{
			string = '<p>50% matemáticas, 51% brujería.</p>';
			break;
		}
		case 'choosing':
		{
			string = '<a href="./genpas">Vamos</a>';
			break;
		}
	
	}
	$('div#open').html(string).slideDown();
}

function passwordCheck(that, e)
{
	if (e.keyCode == 27 || e.charCode == 27)
	{
		$(that).val("");
	}
	
	var password = $(that).val();
	
	if (password != "")
	{		
		$(".fadey-bits").hide();
		
		var strength = $.chronoStrength(password);
		
		if (strength == 'One of the 500 most common passwords')
		{
			$("div.password-strength").html('<p class="top-message">Tu password es</p><p class="password-strength">' + strength + '</p><p class="bottom-message">Lo encontraria al instante</p>').fadeIn(500);
		}
		else
		{
			$("div.password-strength").html('<p class="top-message">Un PC normal tardaría </p><p class="password-strength">' + strength + '</p><p class="bottom-message">en descifrar tu password</p>').fadeIn(500);
		}
	}
	else
	{
		$("div.password-strength").hide();
		$(".fadey-bits").fadeIn(500);
	}
}