jQuery(document).ready(function(){
	jQuery(".contact, .contact-trigger").click(function(){
		jQuery("#panel").slideToggle("slow");
		jQuery(".contact").toggleClass("contact-active");
		return false;
	});
});

jQuery(document).ready(function() {
	jQuery('#contact-toggle').hover(function() {
	  jQuery(this).addClass('contact-hover');
	}, function() {
	  jQuery(this).removeClass('contact-hover');
	});
});

jQuery(document).ready(function() {
	jQuery('#newsletter-submit').hover(function() {
	  jQuery(this).addClass('newsletter-submit-hover');
	}, function() {
	  jQuery(this).removeClass('newsletter-submit-hover');
	});
});

jQuery(document).ready(function() {
	jQuery('#contact-submit').hover(function() {
	  jQuery(this).addClass('contact-submit-hover');
	}, function() {
	  jQuery(this).removeClass('contact-submit-hover');
	});
});

jQuery(document).ready(function() {
	jQuery('.contact-fld').focus(function() {
	  jQuery(this).addClass('contact-fld-focus');
	}).blur(function() {
	  jQuery(this).removeClass('contact-fld-focus');
	});
	jQuery('.contact-txtAra').focus(function() {
	  jQuery(this).addClass('contact-txtAra-focus');
	}).blur(function() {
	  jQuery(this).removeClass('contact-txtAra-focus');
	});
	jQuery('.newsletter-fld').focus(function() {
	  jQuery(this).addClass('newsletter-fld-focus');
	}).blur(function() {
	  jQuery(this).removeClass('newsletter-fld-focus');
	});
});

jQuery(document).ready(function() {
	jQuery("#newsletter-form").validate({
	errorClass: "newsletter-form-error",
	errorPlacement: function(error, element) {
    	error.insertAfter("#newsletter-submit");
	},
	rules: {
		"cm-wtkju-wtkju": {
			required: true,
			email: true
		}
	},
	messages: {
		"cm-wtkju-wtkju": "Please enter a valid email address"
		}
	});
});

jQuery(document).ready(function() {
	jQuery.validator.setDefaults({
		submitHandler: function() {
			jQuery('#contact-submit').attr("disabled", "true");
			jQuery('#ajaxMsg').text("Sending..");
			var name=jQuery('#name').val();
			var email=jQuery('#email').val();
			var reason=jQuery('#reason_customselect').val() ? jQuery('#reason_customselect').val() : jQuery('#reason').val();
			var message=jQuery('#message').val();
			var dataString = 'name='+ name + '&email=' + email + '&reason=' + reason + '&message=' + message;
			jQuery.ajax({
				type: "POST",  
				url: "/php/contact.php",  
				data: dataString,  
				success: function(data) {
					if(data=='success') {
						jQuery('#name').val("");
						jQuery('#email').val("");
						jQuery('#message').val("");
						jQuery('#ajaxMsg').text("We've received your email and will get back to you shortly.");
						jQuery('#ajaxMsg').pause();
						jQuery('#ajaxMsg').fadeOut(1000, function() {
							jQuery("#panel").slideToggle("slow");
							jQuery("#contact-toggle").toggleClass("contact-active");
							jQuery('#ajaxMsg').text("");
							jQuery('#contact-submit').removeAttr('disabled');
							jQuery('#ajaxMsg').css({'display' : 'block'});
						});
					} else {
						jQuery('#ajaxMsg').text("Something went wrong. Your message has not been sent. Please try again.");
						jQuery('#contact-submit').removeAttr('disabled');
					}
				}
			});
		}
	});
	jQuery("#contact-form").validate({
	errorClass: "contact-form-error",
	errorPlacement: function(error, element) {
    	error.insertAfter(element);
	},
	rules: {
		name: {
			required: true,
			minlength: 2
		},
		email: {
			required: true,
			email: true
		},
		message: {
			required: true,
			minlength: 10
		}
	},
	messages: {
		name: {
			required: "Please enter your name",
			minlength: "Your name must consist of at least 2 characters"
		},
		email: "Please enter a valid email address",
		message: {
			required: "Please enter a message",
			minlength: "Your message must consist of at least 10 characters"
		}
	}
	});
});