
$(document).ready(function() {

	var username = $("#username").val();
	
	if(username=="") { 

		setUsernameIndicator();
		setPasswordIndicator();

		$("#username").focus(function() {removeUsernameIndicator()});
		$("#username").blur(function() {setUsernameIndicator()});
		
		$("#password").focus(function() {removePasswordIndicator()});
		$("#password").blur(function() {setPasswordIndicator()});
	}
	else {
		removeUsernameIndicator();
		removePasswordIndicator();
	}
});

function removeUsernameIndicator() {
	
	$("#username").removeClass('standby');
	
	if($("#username").val()=='Username') {
		$("#username").val('');
	}	
}

function setUsernameIndicator() {
	
	if($("#username").val()=='') {
		$("#username").addClass('standby').val('Username');
	}	
}

function removePasswordIndicator() {
	
	$("#password").removeClass('standby');
	
	if($("#password").val()=='Password') {
		$("#password").val('');
	}
}

function setPasswordIndicator() {
	
	if($("#password").val()=='') {
		$("#password").addClass('standby').val('Password');
	}
}
