var re_captcha = "<center><div class=\"g-recaptcha\" data-sitekey=\"6Le1KiMTAAAAAIx7gbM_XSe9tMf7QawxqeYP_HiM\" data-callback=\"get_valid_human\" style=\"width: 304px; height: 78px;\"></div></center>";

$("#mail_contact_form").validate({
	rules: {
		first_name: {
				required: true,
				minlength: 2
		},
		last_name: {
			required: false,
			minlength: 1
		},
		subject: {
				required: true,
				minlength: 2
		},
		email: {
			required: true,
			email: true
		},

	},
	messages: {
		firstname: {
				required: "Please enter your first name(or comapny name);",
				minlength: "Your username must consist of at least 2 characters"
		},
		subject: {
				required: "PPlease enter your subject",
				minlength: "Your username must consist of at least 2 characters"
		},
		email: {
				required: "Please enter a valid email address",
				minlength: "Your username must consist of at least 2 characters"
		}
	},
	highlight: function (element) {
		$(element).closest(".mail_items").find(".bar").addClass("red_line");
	},
	unhighlight: function (element) {
		$(element).closest(".mail_items").find(".bar").removeClass("red_line");
	},
	errorElement: "div",
	errorClass: "error_message",
	errorPlacement: function (error, element) {
		error.insertAfter($(element).closest(".mail_items").find("label"));
	}
});

$.each($("textarea[data-autoresize]"), function() {
	var offset = this.offsetHeight - this.clientHeight;
 
	var resize_textarea = function(element) {
		$(element).css("height", "auto").css("height", element.scrollHeight + offset);
	};
	$(this).on("keyup input", function() { resize_textarea(this); }).removeAttr("data-autoresize");
});

$(".send_btn").on("click", function (element) {
	if (!$(this).hasClass("disable_send")) {
		var h_frame_write = "<p><img src=\"../vfx_images/loading_spinner.gif\" style=\"height:10vw;width:auto alt=\"\"/></p><iframe name=\"h_frame\" src=\"\" style=\"visibility:hidden;\"></iframe>";
		
		element.preventDefault();
		if ($("#mail_contact_form").valid()) {
			$(".mail_layer_end").css("visibility", "hidden");
			$(".mail_layer_end").css("display", "none");
			
			$(".mail_layer_load").css("display", "block");
			$(".mail_layer_load").css("visibility", "visible");
			
			$(".mail_layer_load").html(h_frame_write);
			$("#mail_contact_form").attr("target", "h_frame");
			$("#mail_contact_form").attr("action", "../vfx_mail/send_mail_form.php");
			
			$("#mail_contact_form").submit();
			
			$("#mail_contact_form").attr("target", "");
			$("#mail_contact_form").attr("action", "");
			$("#mail_contact_form").validate().resetForm();
		}
	}
});

$(".cancel_btn").on("click", function () {
	$("#mail_contact_form").trigger("reset");
	$("#mail_contact_form").validate().resetForm();
	
	grecaptcha.reset();;
	
	if (!$(this).hasClass("disable_send")) {
		$(".send_btn").addClass("disable_send");
	}
});

function get_valid_human() {
	$(".send_btn").removeClass("disable_send");
}

function sneding_done() {
	$("#mail_contact_form").trigger("reset");
	$("#mail_contact_form").attr("target", "");
	$("#mail_contact_form").attr("action", "");
	
	$(".mail_layer_load").html("");
	
	$(".mail_layer_load").css("visibility", "hidden");
	$(".mail_layer_load").css("display", "none");
	
	$(".mail_layer_done").css("display", "block");
	$(".mail_layer_done").css("visibility", "visible");
	
	var close = function(){
		$(".mail_layer_done").css("visibility", "hidden");
		$(".mail_layer_done").css("display", "none");
	}
	setTimeout(close, 2000);

	$(".mail_layer_end").css("display", "block");
	$(".mail_layer_end").css("visibility", "visible");
	
	grecaptcha.reset();
	
	if (!$(this).hasClass("disable_send")) {
		$(".send_btn").addClass("disable_send");
	}
	
}