var newsletter_text = "email address";
$(document).ready(function() {
	$("#tp_contact_main").validate({
		rules: {
			fname: {
				required: true
			},
			lname: {
				required: true
			},
			phone: {
				required: true,
				phoneUS: true
			},
			refer: {
				required: true
			},
			comments: {
				required: true
			},
			hearabout: {
				required: true
			}
		},
		highlight: function(element, errorClass, validClass) {
			$(element).addClass(errorClass).removeClass(validClass);
			if ($(element).attr('id') == "comments") {
				$(element).parents("div#tp_comments").addClass(errorClass);
			}
			if ($(element).attr('id') == "hearabout") {
				$("#hearabout").parent().addClass("error");
			}
		},
		unhighlight: function(element, errorClass, validClass) {
			$(element).removeClass(errorClass).addClass(validClass);
			if ($(element).attr('id') == "comments") {
				$(element).parents("div#tp_comments").removeClass(errorClass);
			}
			if ($(element).attr('id') == "hearabout") {
				$("#hearabout").parent().removeClass("error");
			}
		}
	});
	$("#tp_contact_fampro").validate({
		rules: {
			fname: {
				required: true
			},
			lname: {
				required: true
			},
			phone: {
				required: true,
				phoneUS: true
			},
			email: { // not required, but should be valid if provided
				email: true
			},
			workshop: {
				required: true
			}
		},
		highlight: function(element, errorClass, validClass) {
			$(element).addClass(errorClass).removeClass(validClass);
			if ($(element).attr('id') == "workshop") {
				$("#workshop").parent().addClass("error");
			}
		},
		unhighlight: function(element, errorClass, validClass) {
			$(element).removeClass(errorClass).addClass(validClass);
			if ($(element).attr('id') == "workshop") {
				$("#workshop").parent().removeClass("error");
			}
		}

	});
	$("#hearabout").change(function(){
		$("#tp_select_label").text($('#hearabout :selected').text());
	});
	$("#workshop").change(function(){
		$("#tp_select_label").text($('#workshop :selected').text());
	});
	$("#newsletter_email").focus(function(){
		if ($(this).val() == newsletter_text) {
			$(this).val("");
		}
	}).blur(function(){
		if ($(this).val() == "") {
			$(this).val(newsletter_text);
		}
	});
	/** IE7 & IE8 don't understand the :last-child CSS selector, so jQuery has to do it **/
	$(".ie #resfam_sidenav ul li:last-child a").css( {"backgroundPosition": "0px -105px"} );
	$(".ie #resfam_sidenav ul li:last-child a").hover(function(){ $(this).css( {"backgroundPosition": "0px -140px"} ); }, function(){ $(this).css( {"backgroundPosition": "0px -105px"} ); });
	$(".ie #resfam_sidenav ul li.current_page_item:last-child a").css( {"backgroundPosition": "0px -70px"} );
	$(".ie #resfam_sidenav ul li.current_page_item:last-child a").hover(function(){ $(this).css( {"backgroundPosition": "0px -70px"} ); }, function(){ $(this).css( {"backgroundPosition": "0px -70px"} ); });
	
});
jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
    phone_number = phone_number.replace(/\s+/g, ""); 
	return this.optional(element) || phone_number.length > 9 &&
		phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
}, "Please specify a valid phone number");