$(function(){
	var replacePField = function(){
		if($(this).val() == '[password]') 
			$(this).replaceWith('<input id="password" name="password_field" type="password" value="" size="10" />');
		$('#login_frm #password').focus().bind('blur', replaceTField);
	}
	
	var replaceTField = function(){
		if($(this).val() == '') 
			$(this).replaceWith('<input id="password" name="password_field" type="text" value="[password]" size="10" />');
		$('#login_frm #password').bind('focus', replacePField);
	}
	
	$('#loginbtn').click(function(e){
		e.preventDefault();
		if($('#login_frm').css('display')=='none')
			$('#login_frm').css('display','block');
		else
			$('#login_frm').css('display','none');
	});

	$('#login_frm #username').focus(function(){
		if($(this).val() == '[username]') $(this).val('');
	});
	
	$('#login_frm #username').blur(function(){
		if($(this).val() == '') $(this).val('[username]');
	});
	
	$('#login_frm #password').click(replacePField).focus(replacePField).blur(replaceTField);
});