var haveDOM = (document.getElementById != null && document.getElementsByTagName != null
                    && document.createElement != null);

function Watermark() { }

Watermark.CreateWatermarks = function()
{
    if (!haveDOM) 
        return;

    var tags = GetAllElements();
    for (var i=0; i < tags.length; i++) 
    {
        var tag = tags[i];
        if ( (tag == null) || (tag.className != "Watermark") )
            continue;

        tag.watermark = tag.title;
        tag.removeAttribute("title");
		tag.focusHandler = tag.onfocus;
        tag.onfocus = Watermark.Focus;
		tag.blurHandler = tag.onblur;
        tag.onblur = Watermark.Blur;
        Watermark.Show(tag);
    }
}

Watermark.Focus = function()
{
	if( this.focusHandler != null )
		this.focusHandler();
	
    if (this.value == this.watermark) 
        this.value = '';

    this.className = "WatermarkOff";
}

Watermark.Blur = function()
{
	if( this.blurHandler != null )
		this.blurHandler();
		
    Watermark.Show(this);
}

Watermark.Show = function(element)
{
    if (element.value == '')
    {
        element.value = element.watermark;
        element.className = "WatermarkOn";
    }
    else
        element.className = "WatermarkOff";
}    

function GetAllElements()
{
    return document.all || document.getElementsByTagName('*');
}