/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
	//global vars
	var form = $("#marginForm");
	var name = $("#firstname");
	var nameInfo = $("#firstnameInfo");
	var lastname = $("#lastname");
	var lastnameInfo = $("#lastnameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var email_verify = $("#email_verify");
	var email_verifyInfo = $("#email_verifyInfo");
	
	//On blur
	name.blur(validateName);
	lastname.blur(validateLastName);
	email.blur(validateEmail);
	email_verify.blur(validateEmailVerify);
	//On key press
	name.keyup(validateName);
	lastname.keyup(validateLastName);
	email.keyup(validateEmail);
	email_verify.keyup(validateEmailVerify);
	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail() & validateEmailVerify() & validateMessage())
			return true
		else
			return false;
	});
	
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = $("#email").val();
		var filter = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("error");
			emailInfo.text("Please enter your e-mail address.");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Please enter a valid e-mail address.");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 1){
			name.addClass("error");
			nameInfo.text("Please use more than 1 letter");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("Please enter your first name.");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validateLastName(){
		//if it's NOT valid
		if(lastname.val().length < 1){
			lastname.addClass("error");
			lastnameInfo.text("Please use more than 1 letter");
			lastnameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			lastname.removeClass("error");
			lastnameInfo.text("Please enter your last name.");
			lastnameInfo.removeClass("error");
			return true;
		}
	}
	function validatePass1(){
		var a = $("#password1");
		var b = $("#password2");

		//it's NOT valid
		if(pass1.val().length <5){
			pass1.addClass("error");
			pass1Info.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
			pass1Info.addClass("error");
			return false;
		}
		//it's valid
		else{			
			pass1.removeClass("error");
			pass1Info.text("At least 5 characters: letters, numbers and '_'");
			pass1Info.removeClass("error");
			validatePass2();
			return true;
		}
	}
	function validateEmailVerify(){
		var a = $("#email");
		var b = $("#email_verify");
		//are NOT valid
		if( email.val() != email_verify.val() ){
			email_verify.addClass("error");
			email_verifyInfo.text("E-mail addresses don't match.");
			email_verifyInfo.addClass("error");
			return false;
		}
		//are valid
		else{
			email_verify.removeClass("error");
			email_verifyInfo.text("Please re-enter your e-mail address.");
			email_verifyInfo.removeClass("error");
			return true;
		}
	}
	function validateMessage(){
		//it's NOT valid
		if(message.val().length < 10){
			message.addClass("error");
			return false;
		}
		//it's valid
		else{			
			message.removeClass("error");
			return true;
		}
	}
});