function show_forgotten_password_box() {
	if (!$('forgotten_password_box')) {
		var login_overlay_div = document.createElement("div");
		login_overlay_div.id = "forgotten_password_box";
		login_overlay_div.style.display = "none";
		login_overlay_div.innerHTML = '<h2><span><span>Forgotten your password?</span><span class="close" onclick="close_forgotten_password_box();">x</span></span></h2><div><p>If you’ve forgotten your password, enter your email address in the box below, and we’ll send a new password to your account email address.</p><label for="forgot_email">Email address:</label><br /><input type="text" name="forgot_email" id="forgot_email" /><button type="button" onclick="request_new_password(); return false;"><img src="/i/forgot_button.png" alt="Submit" /></button></div>';
		$('login_form').appendChild(login_overlay_div);	
	}
	Effect.Appear('forgotten_password_box', {duration: 0.2});
}


function close_forgotten_password_box() {
	if ($('forgotten_password_box')) {
		Effect.Fade('forgotten_password_box', {duration: 0.2});
		$('forgotten_password_box').parentNode.removeChild($('forgotten_password_box'));
	}	
}

function request_new_password() {
	new Ajax.Updater('forgotten_password_box','/forgotten-password',{ method: 'post', parameters: {email: $('forgot_email').value} });
}

function register() {
	if ($('forgotten_password_box')) {
		$('forgotten_password_box').parentNode.removeChild($('forgotten_password_box'));
	}
	var register_choice_div = document.createElement("div");
	register_choice_div.id = "forgotten_password_box";
	register_choice_div.style.display = "none";
	register_choice_div.innerHTML = '<h2><span><span>Register for findababysitter.com</span><span class="close" onclick="close_register_choice_box();">x</span></span></h2><div><a href="/register/child-carers"><img src="/i/button_register_cc.png" alt="Register as a Child Carer" /></a><br /><a href="/register/parents-and-agencies"><img src="/i/button_register_pa.png" alt="Register as a Parent or Agency" /></a></div>';
	$('login_form').appendChild(register_choice_div);	

	Effect.Appear('forgotten_password_box', {duration: 0.2});
}


function close_register_choice_box() {
	if ($('forgotten_password_box')) {
		Effect.Fade('forgotten_password_box', {duration: 0.2});
		$('forgotten_password_box').parentNode.removeChild($('forgotten_password_box'));
	}	
}