$(document).ready(function(){

	var form = $("#contact-form");
	
	var name = $("#fullName");
	var nameInfo = $("#nameInfo");
	
	var email = $("#email");
	var emailInfo = $("#emailInfo");
	var emailBox = $("#emailBox");

	var emailValue = $("#emailValue");
	var emailValueInfo = $("#emailValueInfo");

	var subject = $("#subject");
	var subjectInfo = $("#subjectInfo");

	var message = $("#message");
	var messageInfo = $("#messageInfo");
	
	var securityCodeCon = $("#securityCodeCon");
	var securityCodeConInfo = $("#securityCodeConInfo");	

	var notify = $("#notify");

	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	emailValue.blur(validateTo);
	subject.blur(validateSubject);
	message.blur(validateMessage);
	securityCodeCon.blur(validateSecurityCodeCon);

	//On Submitting
	form.submit(function(){
		if(validateName() & validateEmail() & validateTo() & validateSubject() & validateMessage() & validateSecurityCodeCon())
		{
			notify.text("");
			notify.removeClass("error");			
			return true;
		}
		
		else
		{
			notify.text("Please fill in the required fields.");
			notify.addClass("error");
			return false;
		}	
	});
	
	function validateName(){
		//if it's NOT valid
		if(name.val() == "" )
		{
			name.addClass("error");
			nameInfo.text("Fill in your name.");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			name.removeClass("error");
			nameInfo.text("");
			nameInfo.removeClass("error");
			return true;
		}
	}

	//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("");
			emailInfo.removeClass("error");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("error");
			emailInfo.text("Type a valid e-mail.");
			emailInfo.addClass("error");
			return false;
		}
	}

	function validateTo(){
		//if it's NOT valid
		if(emailValue.val() == "N/A" )
		{
			emailBox.addClass("error");
			emailValueInfo.text("Please select the following.");
			emailValueInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			emailBox.removeClass("error");
			emailValueInfo.text("");
			emailValueInfo.removeClass("error");
			return true;
		}		
	}

	function validateSubject(){
		//if it's NOT valid
		if(subject.val() == "" )
		{
			subject.addClass("error");
			subjectInfo.text("Fill in subject.");
			subjectInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			subject.removeClass("error");
			subjectInfo.text("");
			subjectInfo.removeClass("error");
			return true;
		}
	}

	function validateMessage(){
		//if it's NOT valid
		if(message.val() == "" )
		{
			message.addClass("error");
			messageInfo.text("Fill in message.");
			messageInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			message.removeClass("error");
			messageInfo.text("");
			messageInfo.removeClass("error");
			return true;
		}
	}

	function validateSecurityCodeCon(){
		//it's NOT valid
		if(securityCodeCon.val() == ""){
			securityCodeCon.addClass("error");
			securityCodeConInfo.text("Fill in the security code.");
			securityCodeConInfo.addClass("error");
			return false;
		}
		//it's valid
		else{			
			securityCodeCon.removeClass("error");
			securityCodeConInfo.text("");
			securityCodeConInfo.removeClass("error");
			return true;
		}
	}

});