﻿function showWatermark(divWatermarkId, txtId, watermarkClass, watermarkText) {
    var watermark = document.getElementById(divWatermarkId);
    var txt = document.getElementById(txtId);
    if (txt != null) {
        if (watermark == null) {
            var watermark = document.createElement('div');
            watermark.id = divWatermarkId;
            watermark.className = watermarkClass;
            watermark.innerHTML = watermarkText;
            watermark.style.textAlign = 'left';
            watermark.style.position = 'absolute';
            watermark.style.top = '0px';
            watermark.style.left = '0px';
            watermark.style.cursor = 'text';
            watermark.style.zIndex = 1000;
            txt.style.zIndex = 1;

            txt.parentNode.appendChild(watermark);

            watermark.onclick = function click(event) { hideWatermark(divWatermarkId, txtId); };
        }

        if (txt.value == '') {
            watermark.style.display = 'block';
            watermark.style.visibility = 'visible';
        }
        else {
            watermark.style.display = 'none';
            watermark.style.visibility = 'hidden';
        }
    }
}

function hideWatermark(divWatermarkId, txtId) {
    var watermark = document.getElementById(divWatermarkId);
    var txt = document.getElementById(txtId);
    if (txt != null) {
        if (watermark != null && watermark.style.display != 'none') {
            watermark.style.display = 'none';
            watermark.style.visibility = 'hidden';
            txt.focus();
        }
    }
}

function replaceWatermarkAfterAutoComlete(divWatermarkId, txtId) {
    var watermark = document.getElementById(divWatermarkId);
    var txt = document.getElementById(txtId);
    setInterval(function() {
        if (txt != null && txt.value != '') {
            if (watermark != null && watermark.style.display != 'none') {
                watermark.style.display = 'none';
                watermark.style.visibility = 'hidden';
            }
        }
    }, 250);
}