jQuery(document).ready(function(){
	//global vars
	var form = jQuery("#customForm");
	
	var firstName = jQuery("#firstName");
	
	var lastName = jQuery("#lastName");
	
	var phone = jQuery("#phone");
	
	var service = jQuery("#service");
	var email = jQuery("#slo-email");
	
	
	var totalError = jQuery('#totalerror')

	totalError.hide();
	
	//On blur
	firstName.blur(validatefirstName);
	lastName.blur(validatelastName);
	phone.blur(validatePhone);
	email.blur(validateEmail);	
	service.blur(validateService);
	
	
	//On key press
	firstName.keyup(validatefirstName);
	lastName.keyup(validatelastName);
	phone.keyup(validatePhone);
	email.keyup(validateEmail);	
	service.keyup(validateService);

	//On Submitting
	form.submit(function(){
		if(validatefirstName() & validatelastName() & validateEmail() & validatePhone() & validateService())
			return true
		else
			return false;
	});
	 
	//validation functions
	function validateEmail(){
		//testing regular expression
		var a = jQuery("#slo-email").val();
		var filter = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		//if it's valid email
		
		//if it's NOT valid
		if(email.val()==''){
		email.removeClass("success");
		email.addClass("error");				
			return false;
		}
		else if(filter.test(a)){
			email.addClass("success");	
			email.removeClass("error");	
			return true;
		}
		else{
		email.removeClass("success");
		email.addClass("error");
				
			return false;
		}
	}
	function validatefirstName(){
		//if it's NOT valid
		if(firstName.val()==''){			
			firstName.removeClass("success");
			firstName.addClass("error");
			return false;
		}
		//if it's valid
		else{			
			firstName.removeClass("error");
			firstName.addClass("success");
			return true;
		}
	}
	
	function validatelastName(){
		//if it's NOT valid
		if(lastName.val()==''){
			lastName.addClass("error");
			lastName.removeClass("success");
			return false;
		}
		//if it's valid
		else{
			lastName.removeClass("error");
			lastName.addClass("success");
			return true;
		}
	}
	function validatePhone(){
		//it's NOT valid
		if(phone.val()==''){
			phone.removeClass("success");
			phone.addClass("error");
			return false;
		}
		//it's valid
		else{
			phone.removeClass("error");	
			phone.addClass("success");
			return true;
		}
	}
	function validateService(){
		//it's NOT valid
		if(service.val()==''){
			service.removeClass("success");
			service.addClass("error");
			return false;
		}
		//it's valid
		else{
			service.removeClass("error");
			service.addClass("success");
			return true;
		}
	}
});