Error: Missing closing tag 'SHOWIF'<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	<h4 class="modal-title">Contact SpecSimple</h4>
</div>

<form action="/site/vl4/api/vl4-ajax/ajax-helper.html" id="attributeForm" method="post" class="form-vertical"
	data-bv-message="This value is not valid"
	data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
	data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
	data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">

<div class="modal-body result email-modal">

	<input type="hidden" name="action" value="vlFreeContact" />

	<div class="email-modal-inner">
		<p><i class="fa fa-envelope-o fa-3x pull-right"></i></p>

		<div class="form-group floating-label-form-group">
			<label class="control-label">Name</label>
			<input type="text" class="form-control" name="varEMAILFROMNAME" value=" "
				data-fv-notempty="true"
				data-fv-notempty-message="Please enter your name" />
		</div>

		<div class="form-group floating-label-form-group">
			<label class="control-label">Email</label>
			<input type="email" class="form-control" name="varEMAILFROMEMAIL" value=""
				data-fv-notempty="true"
				data-fv-notempty-message="Please enter your email"
				data-fv-emailaddress-message="Please enter a valid email address" />
		</div>


		<div class="form-group floating-label-form-group">
			<label class="control-label">Phone</label>
			<input type="text" class="form-control" name="varTEL" value=""
				data-fv-notempty="true"
				data-fv-notempty-message="Please enter your phone" />
		</div>


<!-- NEW menu replacing older down below with options and positioning -->
		<div class="form-group floating-label-form-group">
			<label class="control-label">I'd like to</label>
			<select name="varREQUEST" id="varREQUEST" class="form-control">
				<option value=""></option>
				<option value="alert VL to incorrect information">alert VL to incorrect information</option>
				<option value="refer VL to a design firm">refer VL to a design firm</option>
				<option value="refer VL to a dealer">refer VL to a dealer</option>
				<option value="refer VL to a vendor">refer VL to a vendor</option>
				<option value="request VL add a vendor">request VL add a vendor</option>
			</select>
		</div>


		<div class="form-group floating-label-form-group">
			<label class="control-label">Message</label>
			<div class="">
				<textarea name="varEMAILBODY" class="form-control" rows="5"
					data-fv-notempty="true"
					data-fv-notempty-message="Please enter your message"
					></textarea>
			</div>
		</div>

		<div class="form-group recaptcha">
			<div class="recaptcha text-center"><div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="6Lfz_mAUAAAAALJYXsFZYCxhfDmYLZgEIZa4fcUL"></div></div>
			<small class="help-block"></small>
		</div>


	</div>
</div>

<div class="modal-footer">
	<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	<button type="submit" class="btn btn-success"><i class="fa fa-envelope-o"></i> Send Message</button>
</div>

</form>

<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
	$(document).ready(function() {

/* NEW - for the form menu options */
		$("#varREQUEST").on("change", function() {
			if ( $(this).val() == "sign up for training (first Thursday of the month, 1:00pm EST)" ) {
				$(".tour-date").slideDown();
			} else {
				$(".tour-date").slideUp();
			}
		});

	$('#attributeForm').formValidation()
		.on('success.form.fv', function(e) {

			/* Prevent form submission */
			e.preventDefault();

			/* Get the form instance */
			var $form = $(e.target);

			/* Get the BootstrapValidator instance */
			var bv = $form.data('formValidation');

			/* Use Ajax to submit form data */
			$.post($form.attr('action'), $form.serialize(), function( data ) {})
			.done(function( data ) {
				$( ".result" ).html( "<div class='email-modal-response'><div class='alert alert-success' role='alert'>Email sucessfully sent.</div></div>" );
				$( "#cancel-button" ).hide();
				setTimeout(function() {
					$('#vl-modal').modal('toggle');
				}, 1000);
			})
			.fail(function(xhr, status, error) {
				$(".recaptcha").addClass("has-error");
				$(".recaptcha small").text("You must complete the captcha.");
			});
		});

	});
	function recaptchaCallback() {
		$("#attributeForm .btn-success").removeClass("disabled").removeAttr("disabled");
		$(".recaptcha").removeClass("has-error");
		$(".recaptcha small").text("");
	};

</script>