$(function() {				
	$("#username").bind("focus", function(){
		$(this).addClass("focus");
	});	
		
	$("#username").bind("blur", function(){
		$(this).removeClass("focus");
	});
			
	$("#password").bind("focus", function(){
		$(this).addClass("focus");
	});
	
	$("#password").bind("blur", function(){
		$(this).removeClass("focus");
	});

	$("#login_form").bind("submit", function(){
		// check username for a value
		var username = $("#username");
		if (username.val() == "")
		{
			$("#username_msg").show();
			$("#username").focus();
			return false;
		}else
		{
			$("#username_msg").hide();
		}
		
		// check password for a value
		var pwd = $("#password");
		if (pwd.val() == "")
		{
			$("#password_msg").show();
			$("#password").focus();
			return false;
		}else
		{
			$("#password_msg").hide();
		}
	});	
	
	var username_focus = $("#username");
	username_focus.focus();
})