$(document).ready(function() {
	$('.opt-form-wrapper').validate({
		rules: {
			name: {
				required: true
			},
			phone: {
				required: true
			},
			email: {
				email: true,
				required: true
			}
		},
		messages: {
			name: '',
			phone: '',
			email: {
				required: '',
				email: 'Please enter valid email address'
			}
		},
		highlight: function(element, errorClass, validClass) {
				$(element).addClass(errorClass).removeClass(validClass);
		},
		unhighlight: function(element, errorClass, validClass) {
				$(element).removeClass(errorClass).addClass(validClass);
		},
		submitHandler: function() {
			$('#error_msg').html('Please wait...');
			$('#error_msg').css("color","green");
			$('#error_msg').show();
			var success = false;
			$.ajax({
				type: "POST",
				url: "processor.php",
				data: $('.opt-form-wrapper').serializeArray(),
				success: function(msg){
					if (msg == 'success'){
						$('#error_msg').html('YOUR REQUEST HAS BEEN SENT!');
						$('#error_msg').css("color","green");
						$('#error_msg').show();
						$('.opt-element').hide();
					}else{
						$('#error_msg').html(msg);
						$('#error_msg').css("color","red");
						$('#error_msg').show();
					}
				}
			});
		}
	});
});
