var placeHolder;
	    
function initialiseHelp(containerId)
{
    placeHolder = document.createElement("div");
    placeHolder.style.display = 'none';
    placeHolder.style.position = 'absolute';
    var container = get(containerId);
    if (container!=null){
      container.appendChild(placeHolder);
    
      var links = container.getElementsByTagName('a');
      for (var i = 0; i < links.length; i++)
      {
          if (links[i].className == "helpLink")
          {
              links[i].helpPopup = CreatePopup(links[i]);
              links[i].onmouseover = showHelp;
              links[i].onmouseout = hideHelp;
              links[i].onmousemove = setPosition;
          }

          if (links[i].className == "helpLinkUp")
          {
              links[i].helpPopup = CreatePopup(links[i]);
              links[i].onmouseover = showHelp;
              links[i].onmouseout = hideHelp;
              links[i].onmousemove = setPositionTop;
          }
      }
    }
}

function CreatePopup(helpLink)
{
    var title = helpLink.getAttribute('title');
    helpLink.setAttribute('title', '');
    var popup = document.createElement('div');
    popup.className = 'helpHover';
    var heading = document.createElement('h3');
    heading.className = 'helpHeader';
    heading.appendChild(helpLink.firstChild);
    popup.appendChild(heading);
    popup.appendChild(document.createTextNode(title));
    return popup;
}

function showHelp(e)
{
    placeHolder.appendChild(this.helpPopup);
    placeHolder.style.display = 'block';
    setPosition(e);
}

function setPosition(e)
{
    var x = 0
    var y = 0;
    if (e == null)
        e = window.event;
    if (e.pageX || e.pageY)
    {
        x = e.pageX;
        y = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
        if(document.documentElement.scrollTop)
        {
            x = e.clientX + document.documentElement.scrollLeft;
            y = e.clientY + document.documentElement.scrollTop;
        }
        else
        {
            x = e.clientX + document.body.scrollLeft;
            y = e.clientY + document.body.scrollTop;
        }
    }
    
    placeHolder.style.left = x - 125;
    placeHolder.style.top = y + 20;
}


function setPositionTop(e)
{
    var x = 0
    var y = 0;
    if (e == null)
        e = window.event;
    if (e.pageX || e.pageY)
    {
        x = e.pageX;
        y = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
        if(document.documentElement.scrollTop)
        {
            x = e.clientX + document.documentElement.scrollLeft;
            y = e.clientY + document.documentElement.scrollTop;
        }
        else
        {
            x = e.clientX + document.body.scrollLeft;
            y = e.clientY + document.body.scrollTop;
        }
    }
    
    placeHolder.style.left = x;
    placeHolder.style.top = y + 20;
}

function hideHelp(e)
{
    while (placeHolder.childNodes.length > 0)
        placeHolder.removeChild(placeHolder.firstChild);
    placeHolder.style.display = 'none';
}


