/***************************/
//@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 form2 = $("#loginForm");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var company = $("#company");
	var companyInfo = $("#companyInfo");	
	var username = $("#username");
	var usernameInfo = $("#usernameInfo");
	var password = $("#password");
	var passwordInfo = $("#passwordInfo");
	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	company.blur(validateCompany);	
	username.blur(validateUsername);
	password.blur(validatePassword);
	
	//On key press
	name.keyup(validateName);
	email.keyup(validateEmail);
	company.keyup(validateCompany);	
	username.keyup(validateUsername);
	password.keyup(validatePassword);
	
	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail() & validateCompany())
			return true
		else
			return false;
	});
	
	form2.submit(function(){
		if(validateUsername() & validatePassword())
			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("What's your email-address?");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Email-address incorrect.");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 4){
			name.addClass("error");
			nameInfo.text("A minimum of 3 letters are required.");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("What's your name?");
			nameInfo.removeClass("error");
			return true;
		}
	}
	
	function validateCompany(){
		//if it's NOT valid
		if(company.val().length < 4){
			company.addClass("error");
			companyInfo.text("A minimum of 3 letters are required.");
			companyInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			company.removeClass("error");
			companyInfo.text("What's your name of your company?");
			companyInfo.removeClass("error");
			return true;
		}
	}
	
	function validateUsername(){
		//if it's NOT valid
		if(username.val().length < 4){
			username.addClass("error");
			usernameInfo.text("A minimum of 3 letters are required.");
			usernameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			username.removeClass("error");
			usernameInfo.text("What's the username?");
			usernameInfo.removeClass("error");
			return true;
		}
	}
	
	function validatePassword(){
		//if it's NOT valid
		if(password.val().length < 4){
			password.addClass("error");
			passwordInfo.text("A minimum of 3 letters are required.");
			passwordInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			password.removeClass("error");
			passwordInfo.text("What's the username?");
			passwordInfo.removeClass("error");
			return true;
		}
	}
});