var input = "";
var defaultUsernameText = "Username";
var defaultPasswordText = "Password";

addEvent(window,"load",initialiseLoginFields);

function initialiseLoginFields()
{
    input = document.getElementById("login").getElementsByTagName("input");

    input[0].value = "Username";
    input[1].value = "Password";
    addEvent(input[0],"click",function(){clearDefaultText(input[0],defaultUsernameText,false)});
    addEvent(input[0],"blur",function(){addDefaultText(input[0],defaultUsernameText)});
    addEvent(input[1],"click",function(){clearDefaultText(input[1],defaultPasswordText,true)});
    addEvent(input[1],"blur",function(){addDefaultText(input[1],defaultPasswordText)});
}

function addEvent(obj,event,func)
{
     if(obj.addEventListener)
     {
         obj.addEventListener(event, func, false);
         return true;
     }
     else if(obj.attachEvent)
     {
         return obj.attachEvent("on" + event, func);
     }
     else
     {
       return false;
     }
}

function clearDefaultText(input,defaultText,password)
{
    if (input.value == defaultText)
    {
        input.value = "";
    }
}

function addDefaultText(input,defaultText)
{
    var trimmedStr = input.value.replace(/^\s+|\s+$/g,"");
    
    if (trimmedStr == "")
    {
        input.value = defaultText;
    }
}