function loadPage() {
  if(document.getElementById('dummyFB')) {
    var dummy=document.getElementById('dummyFB');
    dummy.style.display='block';

    // handlers for the dummy password input box
    dummy.onclick=function(e) {document.getElementById('dummyFB').style.display='none';document.getElementById('passwordFB').focus();}
    dummy.onkeydown=function(e) {document.getElementById('dummyFB').style.display='none';document.getElementById('passwordFB').focus();}
    dummy.onfocus=function(e) {document.getElementById('dummyFB').style.display='none';document.getElementById('passwordFB').focus();}

    // handlers for the real password input box
    document.getElementById('passwordFB').onfocus=function(e) {pwdOnFocusHandler(e);}
    document.getElementById('passwordFB').onblur=function(e) {pwdOnBlurHandler(e);}

    // handlers for the real username input box
    document.getElementById('userFB').onfocus = function(e) {userOnFocusHandler(e);};
    document.getElementById('userFB').onblur = function(e) {userOnBlurHandler(e);};

    // handlers for the search box
    document.getElementById('search1').onfocus = function(e) {searchOnFocusHandler(e);};
    document.getElementById('search1').onblur = function(e) {searchOnBlurHandler(e);};
  }
}
addLoadEvent(loadPage);

function userOnFocusHandler(e) {
  if(!e) e=window.event;
  var el=(e.target?e.target:e.srcElement);
  el.style.color='black';
  if(el.value=='username') el.value='';
}

function userOnBlurHandler(e) {
  if(!e) e=window.event;
  var el=(e.target?e.target:e.srcElement);
  el.style.color='#B4B4B4';
  if(el.value=='') el.value='username';
}

function pwdOnFocusHandler(e) {
  if(!e) e=window.event;
  var el=(e.target?e.target:e.srcElement);
  el.style.color='black';
  document.getElementById('dummyFB').style.display='none';
  if(el.value=='password') el.value='';
}

function pwdOnBlurHandler(e) {
  if(!e) e=window.event;
  var el=(e.target?e.target:e.srcElement);
  if(el.value=='') {
    document.getElementById('dummyFB').style.display='block';
    el.value='password';
  }
  el.style.color='#B4B4B4';
}

function searchOnFocusHandler(e) {
  if(!e) e=window.event;
  var el=(e.target?e.target:e.srcElement);
  el.style.color='black';
  if(el.value=='area/job title') el.value='';
}

function searchOnBlurHandler(e) {
  if(!e) e=window.event;
  var el=(e.target?e.target:e.srcElement);
  el.style.color='#B4B4B4';
  if(el.value=='') el.value='area/job title';
}

/*
* ajax call to retrieve and possible execute code on response from server
*
*/
function doTask(params) {
  if (document.implementation && window.document.implementation.createDocument)
  {
    xmlDoc = document.implementation.createDocument("", "", null);
    xmlDoc.onload = doResponse;
  }
  else if (window.ActiveXObject)
  {
    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.onreadystatechange = function () {
      if (xmlDoc.readyState == 4) doResponse()
    };
  }
  else
  {
    return false;
  }
  d = new Date; // Generic - use to create unique url requests
  var rand = d.getTime();
  var url=document.location.protocol+'//'+document.location.host+'/alt/doTask.xml?rand='+rand+'&'+params;
  try{
    xmlDoc.load(url); // this is what we like to do
  } catch(e) { // if failed try using httprequest as a fallback - (e.g. Safari)
    try {
      req = new XMLHttpRequest();
    } catch(e) {
      req = false;
    }
    if(req) {
      req.onreadystatechange = processHttpRequest;
      req.open("GET", url, true);
      req.send("");
    }

  }

  return false;
}

/*
* some browsers require this extra step to catch the http reponse
*
*/
function processHttpRequest() {
  if (req.readyState == 4) {
        if (req.status == 200) {
      xmlDoc=req.responseXML;
      doResponse();
        }
    }
}

/*
* process the response from server to the doTask function,
*
*/
function doResponse() {
  var tasks = xmlDoc.getElementsByTagName('task');
  var cmd=null;

  for(var i=0;i<tasks.length;i++) {
    cmd=tasks[i].getElementsByTagName('cmd')[0];

    if (cmd.childNodes[0]) {
      switch(cmd.childNodes[0].nodeValue) {
        case 'replace': // replace the innerHTML of an element
          var id=tasks[i].getElementsByTagName('id')[0].childNodes[0].nodeValue;
          if (tasks[i].getElementsByTagName('content')[0].textContent) var content=tasks[i].getElementsByTagName('content')[0].textContent; //avoid FF 4096 char limit
          else var content=tasks[i].getElementsByTagName('content')[0].childNodes[0].nodeValue;
          if (id.length>0 && document.getElementById(id)) document.getElementById(id).innerHTML=content;
          break;
        case 'execute': // run some js
          var script=tasks[i].getElementsByTagName('script')[0].childNodes[0].nodeValue;
          eval(script);
          break;

      }
    }
  }
}

/*
* use JS to hide controls which are only required when JS is not enabled
* - do this by adding hideJS as a class to the css
*/
function hideElements() {
  if (document.styleSheets) {
    if (document.styleSheets[0].addRule) {    // IE
      document.styleSheets[0].addRule('.hideJS','display: none',0);
    } else {    // !IE
      document.styleSheets[0].insertRule('.hideJS {display: none}', 0);
    }
  }

}

/*
* Add the onload function to any other onload function
*/
function addLoadEvent(func) {
  var oldonload = window.onload;

  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(hideElements);

// show the form wait box
function showWait(id) {
  if (document.getElementById(id)) {
    var el=document.getElementById(id);

    el.style.position='absolute';
    el.style.left='50%';
    el.style.top='50%';
    el.style.display='block';
    el.style.marginLeft="-" + parseInt(el.offsetWidth  / 2)+'px';
    el.style.marginTop ="-" + parseInt(el.offsetHeight / 2)+'px';
    // IE has a quirk which means we need to reload the animated gif to make it animate
    if (document.getElementById(id+'wImg')) setTimeout("document.getElementById('"+id+"wImg').src=document.getElementById('"+id+"wImg').src",20);
  }
}