//caption = caption.replace(/(http.+\.[com|net|org].*?)\b/, "<a href=\"$1\">$1</a>");
$(document).ready(function(){
	$("#products").html($("#all").html());	//by default initally load text from products_all
	$('#product_nav a').click(function() { //start function when any link is clicked		
		$('#producs').fadeOut(800);	//by default initally load text from products_all		
		var content_show = $(this).attr("title"); //retrieve title of link so we can compare
		$("#products").html($("#"+content_show).html());
		$("#products").fadeIn(200);
		return false;
	}); //close click(
	
	
	jQuery.validator.addMethod("phone", 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}$/);
	}, "<br />Please specify a valid phone number '999-999-9999'");

	jQuery.validator.addMethod("minWords", function(value, element, params) { 
		return this.optional(element) || value.match(/\b\w+\b/g).length >= params; 
	}, jQuery.validator.format("Please enter at least {0} words.")); 

	// validate the contact form when it is submitted
	$("#contact_form").validate({
		rules: {
			name: "required",
			contactmethod: "required",
			message: {
				required: true,
				minWords: 3
			},
			email: {
				required: true,
				email: true
			},
			phone: {
				phone: true
			}
		},
		messages: {
			name: "Please enter your name",
			message: {
				required: "Please enter your message",
				minlength: "Please enter at least a few words as your message"
			},
			email: "Please enter a valid email address"
		},
		submitHandler: function() {

                // get vars
                name = $("#contact_form #name").val();
                email = $("#contact_form #email").val();
                message = $("#contact_form #message").val();
                phone = $("#contact_form #phone").val();
                contactmethod = $("#contact_form #contactmethod").val();

                $("#error").hide("default");

                $.post("emailcontact.php",
                        { name: name, email: email, message: message, phone: phone, contactmethod: contactmethod},
                        function(response) {
                                if (response == 0) {
                                        $("#error").html('<p class="error">Please fill out your name, your email address, and a message below. </p>');
                                        $("#error").show("default");

                                } else {
                                        $("#form").html("<p>Thank you for contacting us.</p>");
                                }
                        });
		},
	});
	
	// validate the contact form when it is submitted
	$("#questionaire_form").validate({
		rules: {
			psn: "required",
			"class": "required",
			un: "required",
                        group: "required",
                        container: "required",
                        label: "required",
                        transportation: "required",
		},
		messages: {
		},
		submitHandler: function() {
                // get vars
                psn = $("#questionaire_form #psn").val();
                class_var = $("#questionaire_form #class").val();
                un = $("#questionaire_form #un").val();
                group = $("#questionaire_form #group").val();
                container_var = $("#questionaire_form #container").val();
                label = $("#questionaire_form #label").val();
                transportation = $("#questionaire_form #transportation").val();

                $("#error").hide("default");

                $.post("emailcontact.php",
                        { questionaire:1, psn: psn, "class": class_var, un: un, group: group, container: container_var, label: label, transportation: transportation},
                        function(response) {
                                if (response == 0) {
                                        $("#error").html('<p class="error">Please fill out all the fields below. </p>');
                                        $("#error").show("default");

                                } else {
                                        $("#form").html("<p>Thank you for contacting us.</p>");
                                }
                        });
		},
	});
	
}); //close $(