/** assign onfocus and onblur behavior */
$(document).ready(function() {
	$("input:not(:submit, :reset), textarea").focus(function() {$(this).css("border", "2px rgb(23, 65, 65) solid")});
	$("input:not(:submit, :reset), textarea").blur(function() {$(this).css("border", "1px rgb(43, 85, 85) solid")});
	
	$('#contact').validate({
		rules: {
			name2: { //why is this necessary? I don't understand. name2 doesn't exist, but the plugin doesn't validate the first rule.
				minlength: 2
			},
			name: {
				required: true,
				minlength: 2
			},
			email: {
				required: true,
				email: true
			},
			subject: {
				required: true,
				minlength: 2
			},
			messageContent: {
				required: true,
				minlength: 2
			},
			recaptcha_response_field: {
				required: true,
				minlength: 1
			}
		},
		messages: {
			name: {
				required: "Required"
			},
			email: {
				required: "Required"
			},
			subject: {
				required: "Required"
			},
			messageContent: {
				required: "Required"
			},
			recaptcha_response_field: {
				required: "Required"
			}
				
		},
		errorPlacement: function(error, element) {
       		$('#' + element.attr('name') + '-error').html(error);
		},
		errorClass: "invalid"
	});
	
	$('#script_captcha').toggle();
	
})

	var RecaptchaOptions = {
			theme: 'clean'
		};