var emailValue = "E-mail";
var passwordValue = "Password";

function base(){
	// add aesthetics (empty divs)
	$("div.callouts").prepend("<div class='shadow'></div>");
	
	// sign in form "labels"
	$("form.signin div#email").html("<input type='text' class='text' id='email' name='Email' />");
	$("form.signin div#email input#email").val(emailValue);
	$("form.signin input#email").focus(function(){
		if ($(this).val() == "E-mail"){
			var emailValue = "";
			$("form.signin input#email").val(emailValue);
		}
	});
	$("form.signin input#email").blur(function(){
		var emailValue = $(this).val();
		if (emailValue == "") {
			var emailValue = "E-mail";
			$("form.signin input#email").val(emailValue);
		}
	});
	
	$("form.signin div#password").html("<input type='text' class='text' id='password' name='Password' />");
	$("form.signin div#password input#password").val(passwordValue);
	$("form.signin input#password").focus(function(){
		$("form.signin div#password").html("<input type='password' class='text' id='password' name='Password' />");
		$("form.signin div#password input#password").focus();
		var passwordValue = "";
		$("form.signin div#password input#password").val(passwordValue);
	});
	$("form.signin input#password").blur(function(){
		var passwordValue = $(this).val();
		if (passwordValue == "") {
			var passwordValue = "Password";
			$("form.signin div#password").html("<input type='text' class='text' id='password' name='Password' />");
			$("form.signin div#password input#password").val(passwordValue);
		}
	});
	
}

$('#password-clear').show();
$('#password-password').hide();

$('#password-clear').focus(function() {
    $('#password-clear').hide();
    $('#password-password').show();
    $('#password-password').focus();
});
$('#password-password').blur(function() {
    if($('#password-password').val() == '') {
        $('#password-clear').show();
        $('#password-password').hide();
    }
});