function validate_password(txt) {
	if (txt != "Success!") {
		$('#signup').append(txt);
		$('#password').focus();
		return;
	}
	$('#signup').append('<span class="success"> Success!</span><br/> Please login using <a href="http://planhack.com/v2">http://planhack.com/v2</a>');
}

function post_password() {
	$('#password').unbind('blur').unbind('keydown');
	$.post('/', { username: $('#username').val(), password: $('#password').val() }, validate_password ) 
}

function validate_username(txt) {
	if (txt != "OK") {
		$('#signup').append(txt); 
		$('#username').focus();
		return;
	}
	$('#signup').append('<span class="success"> OK! </span><br/>Password: <input type="password" id="password" /><br/>');
	var do_it = $('<a href="#">Signup Now!</a>');
	do_it.click( post_password );
	$('#signup').append(do_it);
	var showable = $( '<a href="#" id="show_password">Show Password</a>');
	$('#signup').append(showable);
	showable.click( function() {
		var passwd = $('#password').val();
		var shown_password = $('<span id="cleartext_password" class="fail">' + passwd + '</span>');
		showable.after(shown_password);
		shown_password.fadeOut(3000);
		$('#password').focus();
		return false;
	});

	$('#password').focus();
	//$('#password').blur( post_password );
	$('#password').keydown( function(evnt) {
		if (evnt.which == 13 || evnt.which == 10) {
			return post_password();
		}
	});
}

function post_username(){
	$('#username').unbind('blur').unbind('keydown');
	$.post('/', { username : $('#username').val() }, validate_username );
}

/* create an input box
 * and bind enter & blur to next step
 */

$('#signup').append('Signup with Username: <input id="username" />');
$('#username').blur( post_username );
$('#username').keydown( function(evnt) {
	if (evnt.which == 13 || evnt.which == 10) {
		return post_username();
	}
});

$('#username').focus();