$j(document).ready(function(){
	//global vars
	var form = $j("#loginForm");
		var username = $j("#username");
	var usernameInfo = $j("#usernameInfo");
	var password = $j("#password");
	var passwordInfo = $j("#passwordInfo");
		
	//On blur
	username.blur(validateUsername);
	password.blur(validatePassword);
	//On key press
	
	username.keyup(validateUsername);
	password.keyup(validatePassword);
	
	//On Submitting
	form.submit(function(){
	
				if(validateUsername()  && validatePassword()){
					return true;
				}else{
					return false;
				}	
	
		
	});
	
	
	function validateUsername(){
				//if it's NOT valid
		if(document.getElementById('username').value==''){
			username.addClass("error");
			usernameInfo.text(ERR_USER_NAME);
			usernameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{ 
			username.removeClass("error");
			usernameInfo.text('');
			usernameInfo.removeClass("error");
			
			return true;
		}
	}
	
	
	
	function validatePassword(){
					//if it's NOT valid
			if(document.getElementById('password').value==''){
				password.addClass("error");
				passwordInfo.text(ERR_PASSWORD_BLANK);
				passwordInfo.addClass("error");
				return false;
			}
			//if it's valid
			else{ 
				
				password.removeClass("error");
				passwordInfo.text('');
				passwordInfo.removeClass("error");
				return true;
			
			}
		}	
	
	
});