$(function() {
	var validator = $("#reqcallbackform").validate({
		messages: {
			last_name: "Required",
			account_name: "Required",
			phone_work: "Required",
			comments_c: "Required",
			recaptcha_response_field: "Required"
		}
	});
	
	$("#callbacklink").click(function() {
		if ($("#reqcallbackcontainer").is(":visible")) {
			updateRecaptcha("recaptcha_placeholder", "rc_recaptcha_widget");
			$("#callbackarrow").attr("src", "/images/hdform_arrow_down.png");
		} else {
			if($("#shortform").is(":visible")) {
				$("#shortform").slideToggle();
				add_colors();
			}
			$("#callbackarrow").attr("src", "/images/hdform_arrow_up.png");
			validator.resetForm();
			updateRecaptcha("rc_recaptcha_widget", "recaptcha_placeholder");
		}
		
		$("#reqcallbackcontainer").slideToggle();
		
		return false;
	});
	
	updateRecaptcha("recaptcha_placeholder", "");
	
});

function updateRecaptcha(container, old) {
	if ($("#"+container).length) {
		Recaptcha.destroy();
		addRecaptchaFields(container, old)
		Recaptcha.create("6Lf62QYAAAAAAMCUBeO47Ev_POLtc8Z46OcotVT5", container, {
			theme: 'custom',
			custom_theme_widget: container
		});
	}
}

function addRecaptchaFields(container, old) {
	if (old !== "") {
		$("#"+old).html("").css("display", "none");
	}
	if ($("#"+container).length) {
		
		if (container == "rc_recaptcha_widget") {
			var recaptcha_html = '<div id="recaptcha_image"></div><div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div><div class="field"><a href="javascript:Recaptcha.reload()" class="button"><img src="/images/buttons/refresh.png"/></a> <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type(\'audio\')" class="button"><img src="/images/buttons/sound.png"/></a><a class="recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type(\'image\')">Switch to image</a> <br /><br /> <span class="recaptcha_only_if_image">Enter the words above:</span><span class="recaptcha_only_if_audio">Enter the numbers you hear:</span><input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="required" /></div>';
		} else {
			var recaptcha_html = '<div id="recaptcha_image"></div><div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div><div class="field"><a href="javascript:Recaptcha.reload()" class="button"><img src="/images/buttons/refresh.png"/></a> <a class="recaptcha_only_if_image" href="javascript:Recaptcha.switch_type(\'audio\')" class="button"><img src="/images/buttons/sound.png"/></a><a class="recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type(\'image\')">Switch to image</a> <br /> <span class="recaptcha_only_if_image">Enter the words above:</span><span class="recaptcha_only_if_audio">Enter the numbers you hear:</span><input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="required" /></div>';
		}
		$("#"+container).html(recaptcha_html)
								   .css("display", "none");
	}
}