$('document').ready(function(){
	grayphone("phone");
});

function grayphone(id){
    if($('#' + id).val() == "" || $('#' + id).val() == "optional"){
	    $('#' + id).css("color", "#CCCCCC");
		$('#' + id).val("xxx-xxx-xxxx");
	}

	$('#' + id).focus(function(){
		if(this.value == "xxx-xxx-xxxx"){
			this.style.color = "#000000";
			this.value = "";
		}
	});
	
	$('#' + id).blur(function(){
		if(this.value == ""){
			this.style.color = "#CCCCCC";
			this.value = "xxx-xxx-xxxx";
		}
	});
}