/***************************/
//@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 = $("#customForm");
	var name = $("#Name");
	var nameInfo = $("#nameInfo");
	var address = $("#address");
	var addressInfo = $("#addressInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var Email = $("#Email");
	var emailInfo2 = $("#emailInfo2");
	var city = $("#town");
	var townInfo = $("#townInfo");
	var call = $("#call");
	var callInfo = $("#callInfo");

	var phone = $("#phone");
       var phoneInfo = $("#phoneInfo");
	var pass1 = $("#pass1");
	var pass1Info = $("#pass1Info");
	var pass2 = $("#pass2");
	var pass2Info = $("#pass2Info");
	var message = $("#message");
	
	//On blur
	name.blur(validateName);
	address.blur(validateName2);
	email.blur(validateEmail);
	Email.blur(validateEmail2);
	pass1.blur(validatePass1);
	pass2.blur(validatePass2);
	city.blur(validateCity);
	//call.blur(validateCall);
	//phone.blur(validatePhone);
	//On key press
	name.keyup(validateName);
	pass1.keyup(validatePass1);
	pass2.keyup(validatePass2);
	message.keyup(validateMessage);
	
	//On Submitting
	form.submit(function(){
		if(validateName() & validateName2() & validateCity() & validateEmail2())
			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("Valid E-mail please, you will need it to log in!");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Wrong email format! Type a valid e-mail please :P");
			emailInfo.addClass("error");
			return false;
		}
	}

function validateEmail2(){
		//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");
			emailInfo2.text("(name@provider.com)");
			emailInfo2.removeClass("error");
			document.getElementById("emailInfo2").style.color="#000000" ;
			document.getElementById("emailInfo2").style.fontSize="12" ;
			return true;
		}
		//if it's NOT valid
		else{
			Email.addClass("error");
			emailInfo2.text("Please input a valid email");
			emailInfo2.addClass("error");
			document.getElementById("emailInfo2").style.color="#FF0416" ;
			document.getElementById("emailInfo2").style.fontSize="12" ;
			return false;
		}
	}



	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("Please input your full name");
			nameInfo.addClass("error");
			document.getElementById("nameInfo").style.color="#FF0416" ;
			document.getElementById("nameInfo").style.fontSize="12" ;
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("(FirstName, LastName) ");
			document.getElementById("nameInfo").style.color="#000000" ;
			document.getElementById("nameInfo").style.fontSize="12" ;
			return true;
		}
	}


function validateName2(){
		//if it's NOT valid
		if(address.val().length < 4){
			address.addClass("error");
			addressInfo.text("Please input your address");
			addressInfo.addClass("error");
			document.getElementById("addressInfo").style.color="#FF0416" ;
			document.getElementById("addressInfo").style.fontSize="12" ;
			return false;
		}
		//if it's valid
		else{
			address.removeClass("error");
			addressInfo.text("(Street Address)");
			addressInfo.removeClass("error");
			document.getElementById("addressInfo").style.color="#000000" ;
			document.getElementById("addressInfo").style.fontSize="12" ;
			return true;
		}
	}
	
	function validateCity(){
		//if it's NOT valid
		if(city.val().length < 4){
			city.addClass("error");
			townInfo.text("Please input a City");
			townInfo.addClass("error");
			document.getElementById("townInfo").style.color="#FF0416" ;
			document.getElementById("townInfo").style.fontSize="12" ;
			return false;
		}
		//if it's valid
		else{
			city.removeClass("error");
			townInfo.text("(City, ON)");
			townInfo.removeClass("error");
			document.getElementById("townInfo").style.color="#000000" ;
			document.getElementById("townInfo").style.fontSize="12" ;
			return true;
		}
	}


function validateCall(){
		//if it's NOT valid
		if(call.val().length < 4){
			call.addClass("error");
			callInfo.text("Please specify what time we can call you");
			callInfo.addClass("error");
			document.getElementById("callInfo").style.color="#FF0416" ;
			document.getElementById("callInfo").style.fontSize="12" ;
			return false;
		}
		//if it's valid
		else{
			call.removeClass("error");
			callInfo.text("(AM, PM, evenings until X pm)");
			callInfo.removeClass("error");
			document.getElementById("callInfo").style.color="#000000" ;
			document.getElementById("callInfo").style.fontSize="12" ;
			return true;
		}
	}


function validatePhone(){
		//testing regular expression
		var a = $("#phone").val();
		var filter = /^\([1-9]\d{2}\)\s?\d{3}\-\d{4}$/;
		//if it's valid email
		if(filter.test(a)){
			phone.removeClass("error");
			phoneInfo.text("(613-555-1212)");
			phoneInfo.removeClass("error");
			document.getElementById("phoneInfo").style.color="#000000" ;
			document.getElementById("phoneInfo").style.fontSize="12" ;
			return true;
		}
		//if it's NOT valid
		else{
			phone.addClass("error");
			phoneInfo.text("Invalid Phone Number. Ex:(613-555-1212)");
			phoneInfo.addClass("error");
			document.getElementById("phoneInfo").style.color="#FF0416" ;
			document.getElementById("phoneInfo").style.fontSize="12" ;
			return false;
		}
	}







	function validatePass1(){
		var a = $("#password1");
		var b = $("#password2");

		//it's NOT valid
		if(pass1.val().length <5){
			pass1.addClass("error");
			pass1Info.text("Password Invalid! At least 5 characters: letters, numbers and '_'");
			document.getElementById("pass1Info").style.color="#FF0416" ;
			pass1Info.addClass("error");
			return false;
		}
		//it's valid
		else{			
			pass1.removeClass("error");
			pass1Info.text("Please remember your password");
			pass1Info.removeClass("error");
			document.getElementById("pass1Info").style.color="#000000" ;
			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;
		}
	}
});