var defaultValue = Class.create();

defaultValue.prototype = {
    initialize: function(element)
    {
        this.element = element;
        this.defaultValue = this.element.getAttribute('rel').escapeHTML();
        this.setState();
        Event.observe(this.element, 'click', this.clearField.bind(this));
        Event.observe(this.element, 'blur', this.setState.bind(this));
    },

    clearField: function()
    {
        if (this.element.value == this.defaultValue)
            this.element.value = "";
    },

    setState: function()
    {
        if (this.element.value.strip().length <= 0)
        {
            this.element.value = this.defaultValue;
            this.element.addClassName("defaultValue");
        }
        else
            this.element.removeClassName("defaultValue");
    }

}

Event.observe(window, 'load', function(){
	$$('.defaultValue').each(function(element){
		new defaultValue(element);
	});
});