Labels = {
	"field-username": "Your Username",
	"field-password": "Your Password",
	focusclear: function(e) {
		if (this.value == '' && e.type == 'blur') 
			this.value = Labels[this.id];
		else if (this.value == Labels[this.id] && e.type == 'focus')
			this.value = '';
	}
}

$(function() {
	$('input[type=submit]').click(function(){
		var username = $('#field-username').val();
		var password = $('#field-password').val();
		var ok = true;
		if (username == '' || username == Labels['field-username']) {
			$('#field-username').parent().addClass('val');
			$('#field-username').animate({opacity: 0.5}, 200).animate({opacity: 1}, 200).animate({opacity: 0.5}, 200).animate({opacity: 1}, 200).animate({opacity: 0.5}, 200).animate({opacity: 1}, 200);
			ok = false;
		} else $('#field-username').parent().removeClass('val');
		if (password == '' || password == Labels['field-password']) {
			$('#field-password').parent().addClass('val');
			$('#field-password').animate({opacity: 0.5}, 200).animate({opacity: 1}, 200).animate({opacity: 0.5}, 200).animate({opacity: 1}, 200).animate({opacity: 0.5}, 200).animate({opacity: 1}, 200);
			ok = false;
		} else $('#field-password').parent().removeClass('val');
		if (ok) {
			$('.focusclear').each(function(){
				if (this.value == Labels[this.id])
					this.value = '';
			})
		}
		return ok;
	});
	
	$('.focusclear').bind('focus', Labels.focusclear )
	$('.focusclear').bind('blur', Labels.focusclear )
});