//For Watermarks on text boxes.  To use just add a "WaterMark" attribute to a textbox.  ie - WaterMark="PhoneNumber"
function SetWaterMarks() {
    var inputs = document.getElementsByTagName('input');
    var textareas = document.getElementsByTagName('textarea');
    for (var k = 0; k < inputs.length; k++) {
        var input = inputs[k]
        if (input.type != 'text') continue;
        try {
            input.onfocus = function() { WaterMarkOff(this); }
            input.onblur = function() { WaterMarkOn(this); }
            input.onkeyup = function() { WaterMarkLabel(this); }
            if (input.getAttribute('WaterMark') != null) {
                input.onkeydown = function() { WaterMarkClear(this); }
            }
        }
        catch (Error) {
        }
        if (input.value == '') {
            WaterMarkOn(input);
        }
    }
    for (var k = 0; k < textareas.length; k++) {
        var input = textareas[k]
        try {
            input.onfocus = function() { WaterMarkOff(this); }
            input.onblur = function() { WaterMarkOn(this); }
            input.onkeyup = function() { WaterMarkLabel(this); }
            if (input.getAttribute('WaterMark') != null) {
                input.onkeydown = function() { WaterMarkClear(this); }
            }
        }
        catch (Error) {
        }
        if (input.value == '') {
            WaterMarkOn(input);
        }
    }
}
function WaterMarkFocus(objname) {
    var obj = document.getElementById(objname);
    WaterMarkOff(obj);
    obj.focus();
    obj.select();

}
function WaterMarkOn(obj) {
    obj.style.backgroundColor = '';
    if (obj.value == '') {
        obj.style.color = '#BBBBBB';
        if (obj.getAttribute('WaterMark') != null) {
            obj.value = obj.getAttribute("WaterMark");
        }
        else {
            obj.value = '';
        }
    }
}
function WaterMarkOff(obj) {
    obj.style.backgroundColor = '#CCDDEE';
    if (obj.getAttribute('WaterMark') == obj.value) {
        setCaretToStart(obj);
        obj.select();
    }
}
function setCaretToStart(control) {
    if (control.createTextRange) {
        var range = control.createTextRange();
        range.collapse(true);
        range.select();
    }
    else if (control.setSelectionRange) {
        control.focus();
        control.setSelectionRange(0, 0);
    }
}
function WaterMarkClear(obj) {
    if (obj.getAttribute('WaterMark') != null) {
        if (obj.value == obj.getAttribute('WaterMark')) {
            obj.value = '';
            obj.style.backgroundColor = '#CCDDEE';
        }
    }
    else {
        obj.style.color = '#000000';
    }
}
function WaterMarkLabel(obj) {
    if (obj.getAttribute('WaterMark') != null) {
        if (obj.value == '') {
            WaterMarkOn(obj);
            setCaretToStart(obj);
            obj.style.backgroundColor = '#CCDDEE';
        }
        else {
            obj.style.color = '#000000';
        }
    }
    else {
        obj.style.color = '#000000';
    }

}
function ClearWaterMarks() {
    var inputs = document.getElementsByTagName('input');
    var textareas = document.getElementsByTagName('textarea');
    for (var k = 0; k < inputs.length; k++) {
        var input = inputs[k]
        if (input.type != 'text') continue;
        if (input.getAttribute('WaterMark') != null) {
            if (input.value == input.getAttribute('WaterMark')) {
                input.value = '';
            }
        }
    }
    for (var k = 0; k < textareas.length; k++) {
        var input = textareas[k]
        if (input.type != 'textarea') continue;
        if (input.getAttribute('WaterMark') != null) {
            if (input.value == input.getAttribute('WaterMark')) {
                input.value = '';
            }
        }
    }

}
SetWaterMarks();
//End WaterMarks