if ( navigator.userAgent.substr( 0, 34 ) == 'Mozilla/4.0 (compatible; MSIE 6.0;'
  || navigator.userAgent.substr( 0, 34 ) == 'Mozilla/4.0 (compatible; MSIE 7.0;'
  || navigator.userAgent.match( /Firefox\/1\.5/ )
  || navigator.userAgent.match( /Firefox\/2\.0/ ) 
  || navigator.userAgent.substr( 0, 6 ) == 'Opera/' ) {


var watermarkFocus = function( event ) {
  var input = event.srcElement || event.target;
  if ( !input.isWatermark && input.value != input.watermark ) 
    return;
  input.isWatermark = false;
  input.value = '';
  input.className = input.originalClassName;
};


var watermarkBlur = function( event ) {
  var input = event.srcElement || event.target;
  input.isWatermark = input.value == '' || input.value == input.watermark;
  if ( input.isWatermark ) {
    input.className = input.watermarkStyle || input.originalClassName;
    input.value = input.watermark;
  }
};


var watermarkStart = function() {
  var inputs = document.getElementsByTagName( "input" );
  for ( var i = inputs.length - 1; i >= 0; i-- ) {
    var input = inputs[ i ];
      input.watermark = input.getAttribute( "watermark" );
      input.watermarkStyle = input.getAttribute( "watermarkStyle" );
    if ( !input.watermark && !input.watermarkStyle )
      continue;
    if ( input.addEventListener ) {
      input.addEventListener( "focus", watermarkFocus, false );
      input.addEventListener( "blur", watermarkBlur, false );
    } else {
      input.attachEvent( "onfocus", watermarkFocus );
      input.attachEvent( "onblur", watermarkBlur );
    }
    input.originalClassName = input.className;
    input.isWatermark = input.value == '' || input.value == input.watermark;
    if ( input.isWatermark ) {
      input.value = input.watermark;
      input.className = input.watermarkStyle || input.originalClassName;
    }
  }
}


if ( window.addEventListener ) {
  window.addEventListener( "load", watermarkStart, false );
} else {
  window.attachEvent( "onload", watermarkStart );
}


}