var inputElements = new Array();
var inputElementDefaults = new Array();

function WireUpInputElement(inputElementID, defaultValue) {
    inputElements[inputElements.length] = inputElementID;
    inputElementDefaults[inputElementDefaults.length] = defaultValue;

    var targetElement = document.getElementById(inputElementID);

    if (targetElement != null)
    {
        targetElement.className = "watermark";
        
        targetElement.onfocus = function() {
            ClearInput(this);
        };
        
        targetElement.onblur = function() {
            ResetInput(this);
        };
    }
}

function ClearInput(sender) {
    // sender should always be a text input element
    var found = false;

    sender.className = "";
    
    for (var i = 0; i < inputElements.length && !found; i++) {
        if (inputElements[i] == sender.id) {
            found = true;
            // only clear value if the current value is the default value
            if (sender.value == inputElementDefaults[i]) {
                sender.value = "";
            }
        }
    }
}

function ResetInput(sender) {
    // sender should always be a text input element
    var found = false;

    for (var i = 0; i < inputElements.length && !found; i++) {
        if (inputElements[i] == sender.id) {
            found = true;
            // only reset value if the current value is blank
            if (sender.value == "")
            {
                sender.className = "watermark";
                sender.value = inputElementDefaults[i];
            }
        }
    }
}