$(document).ready(function(){
	//global vars
	var form = $("#bannerForm");
	var name = $("#name-top");
	var nameInfo = $("#nameInfo-top");
	var email = $("#email-top");
	var emailInfo = $("#emailInfo-top");
	var phone = $("#phone-top");
	var phoneInfo = $("#phoneInfo-top");

	
	//On blur
	name.blur(validateName);
	phone.blur(validatePhone);
	email.blur(validateEmail);

	
	//On key press
	name.keyup(validateName);
	phone.keyup(validatePhone);
	email.keyup(validateEmail);
	
	//On Submitting
	form.submit(function(){
		if(validateName() & validatePhone() & validateEmail())
			return true
		else
			return false;
	});
	
	//validation functions
	
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 1){
			name.addClass("error");
			nameInfo.text("Please enter your Name.");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}

	function validatePhone(){
		//if it's NOT valid
		if(phone.val().length < 1){
			phone.addClass("error");
			phoneInfo.text("Please enter your Phone.");
			phoneInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			phone.removeClass("error");
			phoneInfo.text("");
			phoneInfo.removeClass("error");
			return true;
		}
	}

	function validateEmail(){
		//if it's NOT valid
		if(email.val().length < 1){
			email.addClass("error");
			emailInfo.text("Please enter your Email.");
			emailInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			email.removeClass("error");
			emailInfo.text("");
			emailInfo.removeClass("error");
			return true;
		}
	}
});