$(document).ready(function() {
	
	$('input.required').each(function(){
		$(this).blur(function(){
			if($(this).val() == ''){
				if(!$(this).next().hasClass('error-message')){
					$(this).after('<div class="error-message">This field cannot be left blank</div>');
				}
			}else{
				if($(this).next().hasClass('error-message')){
					$(this).next().remove();
				}
			}
		})
	})
	
	$('#UserPasswordConfirm').keyup(function(){
		if($(this).val() != $('#UserPassword').val()){
			if(!$(this).next().hasClass('error-message')){
				$(this).after('<div class="error-message">Password fields dont match</div>');
			}
		}else{
			$(this).next().remove();
		}
	})
	
	$('#UserAddForm').bind('submit', function() {
    	
		var valid = true;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		$('.error-message').remove();
		
		$('input.required').each(function(){
			if($(this).val() == ''){
				valid = false;
				$(this).after('<div class="error-message">This field cannot be left blank</div>');
			}
		})
		
		$('input.email').each(function(){
			if($(this).val() == ''){
				valid = false;
				$(this).after('<div class="error-message">This field cannot be left blank</div>');
			}else{
				if(!emailReg.test($(this).val())){
					valid = false;
					$(this).after('<div class="error-message">You must enter a valid email address</div>');
				}
			}
		})

		if(valid){
			return true;
		}else{
			$('#UserAddForm').before('<div class="error-message"><h3>Sorry there was a problem with your form, Please review the errors and resubmit</h3></div>');
			return false;
		}
	});
});