var LoginForm = Class.create({
	initialize: function() {
		if ($('HeaderUserUsername')) {
			this.defaultUsernameText = $('HeaderUserUsername').value;
			this.defaultUsernameColor = $('HeaderUserUsername').style.color;
			//$('HeaderUserUsername').activate();
			$('HeaderUserUsername').observe('keyup', this.usernameMount.bind(this));
			$('HeaderUserUsername').observe('focus', this.usernameMount.bind(this));
			$('HeaderUserUsername').observe('blur', this.usernameUnmount.bind(this));
		}
		if ($('HeaderUserPassword')) {
			this.defaultPassText = $('HeaderUserPassword').value;
			this.defaultPassColor = $('HeaderUserPassword').style.color;
			$('HeaderUserFakePassword').observe('focus', this.passwordMount.bind(this));
			$('HeaderUserPassword').observe('blur', this.passwordUnmount.bind(this));		
			$('HeaderUserUsername').observe('keyup', this.submitForm.bind(this));
		}
	},
	load: function() {},
	usernameMount: function() {
		$('HeaderUserUsername').style.color = '#333';
		if ($('HeaderUserUsername').value==this.defaultUsernameText) {
			$('HeaderUserUsername').value="";
		}
	},
	passwordMount: function() {
		$('HeaderUserPassword').style.color = '#333';
		$('HeaderUserFakePassword').hide();
		$('HeaderUserPassword').show();
		$('HeaderUserPassword').activate();
	},
	usernameUnmount: function() {
		var val = $('HeaderUserUsername').value;
		if ( (val=="") || (val==this.defaultUsernameText)) {
			$('HeaderUserUsername').style.color = this.defaultUsernameColor;
			$('HeaderUserUsername').value = this.defaultUsernameText;
		}
	},
	passwordUnmount: function() {
		var val = $('HeaderUserPassword').value;
		if (val=="") {
			$('HeaderUserPassword').hide();
			$('HeaderUserFakePassword').show();
		}
	},
	submitForm: function(ev) {
		if (ev.keyCode==Event.KEY_RETURN) {
			$('nav_login_form').submit();
		}
	}

});

var login_form=null;
function login_form_lazy_load() {
	if (login_form==null) {
		login_form = new LoginForm();
		login_form.load();		
	}
}