$(document).ready(function(){
	//global vars
	var form = $("#newsletter_subscribe");
	var name = $("#name");
	var nameInfo = $("#nameInfo");
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var zip = $("#zip");
	var zipInfo = $("#zipInfo");

	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	zip.blur(validateZip);

	//On key press
	name.keyup(validateName);
	zip.keyup(validateZip);

	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail() & validateZip() )
			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("Stop cowboy! Type a valid e-mail please :P");
			emailInfo.addClass("error");
			return false;
		}
	}
	function validateName(){
		//if it's NOT valid
		if(name.val().length == 0 || name.val() == "Type your name here..."){
			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("What's your name?");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validateZip(){

		//it's NOT valid
		if(zip.val().length == 0 || zip.val() == "Type the zip code here..."){
			zip.addClass("error");
			zipInfo.text("Ey! Remember: At least 5 characters: letters, numbers and '_'");
			zipInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			zip.removeClass("error");
			zipInfo.text("At least 5 characters: letters, numbers and '_'");
			zipInfo.removeClass("error");
			return true;
		}
	}


});