var HintClass = "WaterMark";
var HintActiveClass = "WaterMarkActive";
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); };
function initWaterMarkes() {
  var inputs = document.getElementsByTagName('input');
  for (i=0; i<inputs.length; i++) {
    var input = inputs[i];
    if (input.type!="text" && input.type!="password")
      continue;
    if (input.className.indexOf(HintClass)!=-1) {
      input.hintText = input.value;
      input.className = HintClass;
      input.onfocus = onWaterMarkFocus;
      input.onblur = onWaterMarkBlur;
    }
  }
}
function onWaterMarkFocus() {
  var input = this;
  if (input.value.trim()==input.hintText) {
    input.value = "";
    input.className = HintActiveClass;
  }
}
function onWaterMarkBlur() {
  var input = this;
  if (input.value.trim().length==0) {
    input.value = input.hintText;
    input.className = HintClass;
  }
}
window.onload = initWaterMarkes;