$(document).ready(function(){

	$("#hearabout").change(function() {
		if($("#hearabout option:selected").val() == "Referral") {
			$("#refer").show();
		} else {
			$("#refer").hide();
		}
	});




	
	function isRequiredValid(field) {
		if($(field).attr("id") == "email") {
			if($(field).val().indexOf("@") < 0) {
				return false;
			} else if ($(field).val().indexOf(".") < 0) {
				return false;
			} else {
				$("#emailreq").removeClass("error");
				$("#emailreq").addClass("valid");
				return true;
			}
		} else if($(field).val() != "") {
			$("#" + $(field).attr('id') + "req").removeClass("error");
			$("#" + $(field).attr('id') + "req").addClass("valid");
			return true; 
		} else {
			$("#" + $(field).attr('id') + "req").removeClass("valid");
			$("#" + $(field).attr('id') + "req").addClass("error");
			return false;
		}
	}

	function isEmailZip(field) {
		if($(field).val() == "you@example.com" || $(field).val() == "xxxxx") {
			$(field).val("");
			$(field).css({ color:"#000", fontStyle:"normal" });
		} 
	}

	$(".required :input").click(function() {
		isEmailZip(this);
	});

	$(".required :input").focus(function() {
		isEmailZip(this);
	});

	$(".required :input").blur(function() {
		if(!isRequiredValid(this)) {
			if($(this).attr("id") == "email") {
				$(this).val("you@example.com");
				$(this).css({ color:"#888", fontStyle:"italic" });
				$("#emailreq").removeClass("valid");
				$("#emailreq").addClass("error");
			} else if($(this).attr("id") == "zip") {
				$(this).val("xxxxx");
				$(this).css({ color:"#888", fontStyle:"italic" });
				$("#zipreq").removeClass("valid");
				$("#zipreq").addClass("error");
			}
		}
	});






		









	

});