$(document).ready(function(){
  applyTextWatermark();
});

var watermarkSelector = '.textWatermark';
var watermarkColorAttr = 'watermarkcolor';
var defaultTextAttr = 'defaultvalue';
var defaultColor = '#aaaaaa';

function getObjectText(obj)
{
  if( obj.tagName.toLowerCase() == 'textarea' )
    return $(obj).val();

  return $(obj).attr('value');
}

function setObjectText(obj, text)
{
  if( obj.tagName.toLowerCase() == 'textarea' )
    $(obj).val(text);
  else
    $(obj).attr('value', text);
}

function removeTextWaterMarks(watermarkSelector)
{
    $(watermarkSelector).each(function(){
      if(getObjectText(this) == $(this).attr(defaultTextAttr))
      {
        setObjectText(this, '');
        $(this).css('color','');
      }
    });
}
function applyTextWatermark()
{
  $(watermarkSelector).each(function(){
        if($(this).attr(watermarkColorAttr) == undefined)
          $(this).attr(watermarkColorAttr, defaultColor);

        if(getObjectText(this) == '')
            setObjectText(this, $(this).attr(defaultTextAttr));

        if (getObjectText(this) == $(this).attr(defaultTextAttr))
            $(this).css('color', $(this).attr(watermarkColorAttr));

        $(this).focus(function(){
            if($(this).attr(defaultTextAttr) == getObjectText(this))
            {
                setObjectText(this, '');
                $(this).css('color', '');
            }
        });

        $(this).blur(function(){
            if((getObjectText(this) == '') || (getObjectText(this) == $(this).attr(defaultTextAttr)))
            {
                setObjectText(this, $(this).attr(defaultTextAttr));
                $(this).css('color', $(this).attr(watermarkColorAttr) );
            }
        });
  });

  $('form').submit(function(){
    removeTextWaterMarks(watermarkSelector);
  });

}