/***************************/
//@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 = $("#feedback_frm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var officephone = $("#officephone");
	var pass1 = $("#pass1");
	var officephoneInfo = $("#officephoneInfo");
	/*var pass2 = $("#pass2");*/
	var feedbackInfo = $("#feedbackInfo");
	var address = $("#address");
	var addressInfo = $("#addressInfo");
	var feedback = $("#feedback");
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	officephone.blur(validateOfficephone);
	/*pass1.blur(validatePass1);
	pass2.blur(validatePass2);*/
	//On key press
	name.keyup(validateName);
	officephone.keyup(validateOfficephone);
	/*pass2.keyup(validatePass2);*/
	address.keyup(validateAddress);
	feedback.keyup(validateFeedback);
	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail())
			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-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("");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Type a valid e-mail please");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("We want names with more than 3 letters!");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validateAddress(){
		var a = $("#address").val();
		
		//it's NOT valid
		if(address.val().length <20){
			address.addClass("error");
			addressInfo.text("Remember: At least 20 characters");
			addressInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			address.removeClass("error");
			addressInfo.text("");
			addressInfo.removeClass("error");
			return true;
		}
	}
	/*function validatePass2(){
		var a = $("#password1");
		var b = $("#password2");
		//are NOT valid
		if( pass1.val() != pass2.val() ){
			pass2.addClass("error");
			pass2Info.text("Passwords doesn't match!");
			pass2Info.addClass("error");
			return false;
		}
		//are valid
		else{
			pass2.removeClass("error");
			pass2Info.text("Confirm password");
			pass2Info.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;
		}
	}*/
	
	
function validateOfficephone(){
		var a = $("#officephone").val();
		
		//it's NOT valid
		if(officephone.val().length <10){
			officephone.addClass("error");
			officephoneInfo.text("Remember: At least 10 characters");
			officephoneInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			officephone.removeClass("error");
			officephoneInfo.text("");
			officephoneInfo.removeClass("error");
			return true;
		}
	}
	
	function validateFeedback(){
		var a = $("#feedback").val();
		
		//it's NOT valid
		if(feedback.val().length <20){
			feedback.addClass("error");
			feedbackInfo.text("Remember: At least 20 characters");
			feedbackInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			feedback.removeClass("error");
			feedbackInfo.text("");
			feedbackInfo.removeClass("error");
			return true;
		}
	}
});