$(document).ready(function() {
	$('.placeholder').each(function(i) {
		var label = $('label[for=' + $(this).attr('id') + ']');
		label.css({position: "absolute", color: "#000", width: "auto", "z-index": 100});

		var pos = $(this).position();
        label.css("left", (pos.left + 4) + "px");
        label.css("top", (pos.top + 6) + "px");

        if ($(this).val() != '') {
                label.hide();
        }
	});

	$('.placeholder').focus(function(evt) {
		var label = $('label[for=' + $(this).attr('id') + ']').not('.error');
		label.hide();
	});

	$('.placeholder').blur(function(evt) {
		var label = $('label[for=' + $(this).attr('id') + ']').not('.error');
		if($(this).val() == '') {	
			label.show();
		}
	});

	jQuery.validator.addMethod("phone", function(value, element) {
		// check if the value includes only digits, dash, space, and bracket
		if(! /^[\s\d\(\)\-]+$/.test(value) ) {
			return false;
		}

		// check if more than 10 digits entered
		var digits = value.replace(/[^\d]/, '');
		if(digits.length >= 10) {
			return true;
		}
		else {
			return false;
		}
	}, "Enter a valid phone number");
		
    $("form").validate({
        rules: {
          name: "required",
          phone: {
    		required: true,
    		phone: true
    },
    	
          interested: "required",
          comments: "required",
          email: {
            required: true,
            email: true
          }
        },
        messages: {
          name: "Enter a valid name.",
          phone: {
        	required: "Enter a valid phone number.",
        	phone: "Enter a valid phone number."
        },
          interested: "Make a valid choice.",
          comments: "Enter valid comments.",
          email: {
            required: "Enter a valid email",
            email: "Enter a valid email"
          }
        },
        submitHandler: function(form){
        	form.submit();
        }
    });
});