var watermarks = {activ: false, marks: {}};
          
function watermark(id, title) {
    var element = document.getElementById(id);                
    if (element && (element.value == '')) {
        if (!window.watermarks.activ) {
            window.watermarks.oldsubmit = element.form.onsubmit;
            element.form.onsubmit = submitWatermark;
            window.watermarks.activ = true;
        }
        window.watermarks.marks[element.id] = { id: element.id, oldfocus: element.onfocus};                    
        element.value = title;
        element.onfocus = focusWatermark;                    
    }
}

function focusWatermark() {                
    var data = window.watermarks.marks[this.id];
    if (data) {
        if (data.id) {
            this.value = "";
            data.id = undefined;                        
        }
        if (data.oldfocus) {                        
            data.oldfocus();   
        }
    }
}

function submitWatermark() {                
    var data = window.watermarks;
    if (data && data.activ) {
        for (var key in data.marks) {
            if (data.marks[key].id) {                                         
                var element = document.getElementById(data.marks[key].id);
                element.value = "";
            }                                
        }
        if (data.oldsubmit) {
            data.oldsubmit();
        }
    }
}