
window.onload = function () {
    applyDefaultValue(document.getElementById('password'), 'Password');       
}

function applyDefaultValue(elem, val) {
   
    elem.setAttribute('type', 'text');
    if (elem.id == 'password' && elem.type == 'password') {
        elem.value = '';
        document.getElementById('login').value = '';
    }
    else {
        elem.value = val;
        applyDefaultValue2(document.getElementById('login'), 'Login ID'); 

        elem.onfocus = function () {
            if (elem.value == val) {
                elem.style.color = '';
                elem.value = '';
                if (elem.id == 'password') {
                    elem.setAttribute('type', 'password');
                    elem.style.height = "11px";
                }
            }
        }
        elem.onblur = function () {
            if (this.value == '') {
                if (elem.id == 'password') {
                    elem.setAttribute('type', 'text');
                }
                this.value = val;
            }
        }
    }
}

function applyDefaultValue2(elem, val) {

    elem.value = val;

    elem.onfocus = function () {
        if (elem.value == val) {
            elem.style.color = '';
            elem.value = '';
        }
    }
    elem.onblur = function () {
        if (this.value == '') {
            this.value = val;
        }
    }
}
