﻿function watermark_change(elemid,cssclass)
{ 
   obj = document.getElementById(elemid);   
   if (obj.value == '' || obj.value == undefined)
   {
      CssSwitcher('add',obj,cssclass)      
   } else {
      CssSwitcher('remove',obj,cssclass)         
   }
}
      
function watermark_add(elemid,watermark_cssclass) {
 obj = document.getElementById(elemid);
 addNewEvent(obj, 'focus', function () { watermark_change(elemid,watermark_cssclass) });
 addNewEvent(obj, 'keyup', function () { watermark_change(elemid,watermark_cssclass) });
 addNewEvent(obj, 'blur', function () { watermark_change(elemid,watermark_cssclass) });                   
 if (obj.value == '') { 
  CssSwitcher('add',obj,watermark_cssclass) 
 } else {
  CssSwitcher('add',obj,'watermark')  
 }
}

var watermarkTimer;
var watermarkCheckCount = 10; // Checks for 10 counts before stopping
var watermarkDelay = 250; // ms between checks

function watermark_check() {
 arrobj = document.getElementsByTagName('input');
 for (i=0;i<arrobj.length;i++) {
  thisobj = arrobj[i];
  a = new RegExp('\\bwatermark\\b').test(thisobj.className);
  if (a && thisobj.value != '') {
    thisobj.className = 'input_text watermark';
    watermarkCheckCount = 0;
  }
 }
 watermarkCheckCount--;
 if (watermarkCheckCount <= 0) {
  window.clearInterval(watermarkTimer);
 }
}

/* Check watermark is still required, Auto form fillers may have populated the fields */
addNewEvent(window,'load',function () { watermarkTimer = window.setInterval(watermark_check,watermarkDelay) });