// JavaScript Document
var IE = false;
var NS = false;
var browser_version = parseInt(navigator.appVersion);
var browser_type = navigator.appName;
if (browser_type == "Microsoft Internet Explorer" && (browser_version >= 4)) { IE = true; } 
else if (browser_type == "Netscape" && (browser_version >= 4) && (browser_version < 5)) { NS = true; }
else if (browser_type == "Netscape" && (browser_version >= 5)) { NS = true; }
var tt_e = false;

function createTooltip(event, el, head, content, bordercolor, bgcolor, fontcolor)
{
  if(!document.getElementById('khtooltip'))
  {
    tt_e = true;
    tt = document.createElement('div');
    tt.id = 'khtooltip';
    tt.className = 'khtooltip';
    tt.style.position = 'absolute';
    tt.style.display = 'block';
    tt.style.zIndex = '50';
    tt.style.width = 'auto';
    tt.style.height = 'auto';
    tt.style.background = '#'+bgcolor;
    tt.style.fontSize = '11px';
    tt.style.color = '#'+fontcolor;
    tt.style.border = '1px solid #'+bordercolor;
    tt.style.opacity = 8/10;
	  tt.style.filter = 'alpha(opacity=' + 8*10 + ')';
    if(head != '')
      tt.innerHTML = '<div id="khtooltiphead">'+head+'</div><div id="khtooltipcontent"></div>';
    else
      tt.innerHTML = '<div id="khtooltipcontent"></div>';
    document.body.appendChild(tt);
    ttcontent = document.getElementById("khtooltipcontent");
    ttcontent.style.padding = '5px 10px 5px 10px';
    ttcontent.innerHTML = content;
  }
  repositionTooltip(event);
  el.onmouseout = closeTooltip;
}

function repositionTooltip(event) 
{
  if (document.getElementById('khtooltip')) 
  {
    obj_tt = document.getElementById('khtooltip');
    
    if(!document.documentElement.clientHeight)
      var intcH = document.body.clientHeight;
    else
      var intcH = document.documentElement.clientHeight;
      
    if (IE) 
    {
      intcX = event.clientX; 
      if(!document.documentElement.clientHeight)
      {
        intcY = event.clientY + document.body.scrollTop;
        intsLeft = document.body.scrollLeft;
      }
      else
      {
        intcY = event.clientY + document.documentElement.scrollTop;
        intsLeft = document.documentElement.scrollLeft;
      }
      var intBottom = intcH - event.clientY - 5;
    } 
    
    if(NS)
    {
      intcX = event.clientX; 
      intcY = event.pageY;
      var intBottom = intcH - obj_tt.clientY;
      intsLeft = 0;
    }
  
    obj_tt.style.left = intcX + 15 + "px";
    if (intBottom < obj_tt.offsetHeight) 
    {
      obj_tt.style.top = intcY - obj_tt.offsetHeight + 15 + "px";
    } 
    else 
    {
      obj_tt.style.top = intcY + 15 + "px";
    }
  }
}

function closeTooltip()
{
  if(document.getElementById('khtooltip'))
  {
    document.getElementById('khtooltip').style.display = "none";
    tt = document.getElementById('khtooltip');
    if(IE)
    {
      if(!document.documentElement)
      {
        document.body.removeChild(tt);
      }
      else
      {
        document.body.removeChild(tt);
        //document.documentElement.removeChild(tt);
      }
    }
    if(NS)
    {
      document.body.removeChild(tt);
    }
  }
}

function hideTooltip()
{
  if(document.getElementById('khtooltip'))
  {
    tt = document.getElementById('khtooltip');
    tt.style.visibility = 'hidden';
  }
}

function viewTooltip()
{
  if(document.getElementById('khtooltip'))
  {
    tt = document.getElementById('khtooltip');
    tt.style.visibility = 'visible';
  }
}