onload = function() {
	var optionalFields = cssQuery("input.optional");
	for (var i = 0; i < optionalFields.length; i++) {
		var optField = optionalFields[i];
		if (optField.value == "") {
			optField.value = "Optional";
		} else if (optField.value != "Optional") {
			optField.style.color = "#000";
		}
		addEvent(optField,"focus",selectOptional);
		addEvent(optField,"blur",markOptional);
	}
};

function selectOptional() {
	if (this.value == "Optional") {
		this.value = "";
		this.style.color = "#000";
	}
}

function markOptional() {
	if (this.value == "") {
		this.value ="Optional";
		this.style.color = "#AAA";	
	}
}

function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
	} else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}