function showFootnote(id, event)
{
  if (!document.getElementById)
	  return;
  var footnote = document.getElementById('footnote-bubble-' + id);
  if (!footnote)
	  return;

  var element = event.target || event.srcElement;
  var posLeft, posTop;
  if (element.offsetParent)
  {
    posLeft = element.offsetLeft;
    posTop = element.offsetTop;
    while (element = element.offsetParent)
    {
      posLeft += element.offsetLeft;
      posTop += element.offsetTop;
    }
  }

  footnote.style.display = 'block';
  if (posLeft + footnote.clientWidth - 35 - (window.scrollX || document.body.scrollLeft) < (window.innerWidth || document.body.clientWidth))
  {
	footnote.firstChild.tBodies[0].rows[2].cells[0].childNodes[0].src = 'images/bubble_btm.gif';
    footnote.style.top = (posTop - footnote.clientHeight - 1) + 'px';
    footnote.style.left = (posLeft - 45) + 'px';
  }
  else
  {
	footnote.firstChild.tBodies[0].rows[2].cells[0].childNodes[0].src = 'images/bubble_btm_right.gif';
    footnote.style.top = (posTop - footnote.clientHeight - 1) + 'px';
    footnote.style.left = (posLeft - footnote.clientWidth + 58) + 'px';
  }
}

function hideFootnote(id, event)
{
	var target, relTarget;

	if (document.all)
	{
		var target = event.srcElement;
		while (target)
		{
			if (target.tagName == 'DIV')
				break;
			target = target.parentElement;
		}

		if (!target.contains(event.toElement))
			target.style.display = 'none';
	}
	else
	{
		target = event.currentTarget;
		relTarget = event.relatedTarget;
		while (relTarget)
		{
			if (target == relTarget)
				break;
			relTarget = relTarget.parentNode;
		}
		
		if (!relTarget)
			target.style.display = 'none';
	}
}