/* Login Form Validation */

$(document).ready(function(){
	
	// Error Display
	$("#signInForm #error").empty();
	$("#newUserForm #error").empty();
	$("#forgotPassword #error").empty();
	
	// Tab Navigation
	$('#login > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
	
	// Sign In Form
	$("#signInForm").submit(function(){
	
		var hasError = false;
		
		$("#signInForm #error").empty();
		
		var errorMessage = "<span>Please enter your <strong>email address</strong> and <strong>password</strong>.</span>";
		var errorDiv = "#signInForm #error";
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var emailVal = $("#signInForm #email").val();
		var passwordVal = $("#signInForm #password").val();
		
		if(emailVal == '') {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else if(!emailReg.test(emailVal)) {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else if(passwordVal == '') {
			$(errorDiv).append(errorMessage);
			hasError = true;
		}
		
		if(hasError == false) {
			$("#signInForm #error").html('<div id="error" class="loading"><span>Loading...</span></div>');
			return true;
		}

		return false;
	});
	
	// New User Form
	$("#newUserForm").submit(function(){
		
		var hasError = false;
		
		$('#newUserForm #error').empty();
		
		var nameVal = $("#newUserForm #name").val();
		
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var emailVal = $("#newUserForm #email").val();
		
		var passwordVal = $("#newUserForm #password").val();
		var passwordAgainVal = $("#newUserForm #passwordAgain").val();
		
		var phoneReg = /^[2-9]\d{2}-\d{3}-\d{4}$/;
		var phoneVal = $("#newUserForm #phone").val();
		
		var hearAboutUsVal = $("#newUserForm #hear_about_us").val();
		
		var errorMessage = "<span>Please enter your <strong>email address</strong>, <strong>password</strong> and <strong>phone # (in xxx-xxx-xxxx format)</strong>.</span>";
		var errorMessage = "<span><strong>All fields are required. <br /><br />Email and phone must be in proper format.</strong></span>";
		var errorDiv = "#newUserForm #error";
		
		if(emailVal == '') {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else if(!emailReg.test(emailVal)) {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else if (passwordVal == '' || hearAboutUsVal == '') {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else if (!phoneReg.test(phoneVal)) {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else { }

		if (passwordVal !== passwordAgainVal) {
			$(errorDiv).append('<span>Your <strong>passwords</strong> do not match.</span>');
			hasError = true;
		}
		
		if(hasError == false) {
			$(errorDiv).html('<div id="error" class="loading"><span>Loading...</span></div>');
			return true;
		}
		
		return false;
		
	});
	
	// New User Form
	$("#forgotPassword").submit(function(){
		
		var hasError = false;
		
		$('#forgotPassword #error').empty();
		
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var emailVal = $("#forgotPassword #email").val();
		
		var errorMessage = "<span>Please enter your <strong>email address</strong>.</span>";
		var errorDiv = "#forgotPassword #error";
		
		if(emailVal == '') {
			$(errorDiv).append(errorMessage);
			hasError = true;
		} else if(!emailReg.test(emailVal)) {
			$(errorDiv).append(errorMessage);
			hasError = true;
		}
		
		if(hasError == false) {
			$(errorDiv).html('<div id="error" class="loading"><span>Loading...</span></div>');
			return true;
		}
		
		return false;
		
	});
});