/**
 * Copyright Comprise B.V. 2006
 */
document.write('<div id="tooltip" style="visibility:hidden;position:absolute;z-index:1000;top:-100;"></div>');
var ttmousex  = 0;
var ttmousey  = 0;
var ttoptions = new Array();
var ttelx     = 0;
var ttely     = 0;
var ttactivelevel = 0;

function showtooltip(text,options_string)
{  
  ttoptions['width']       = 100;        // width of the tooltip 
  ttoptions['height']      = '';         // height of the tooltip. If not used, then height is adjusted to required height
  ttoptions['bgcolor']     = '';  // background color 
  ttoptions['textcolor']   = '#000000';  // text color
  ttoptions['textsize']    = 10;         // text font size in pixels
  ttoptions['bordercolor'] = '#000000';  // border color
  ttoptions['opacity']     = 80;         // 0=completely transparant, 100=not transparant at all
  ttoptions['dx']          = 10;         // horizontal offset from mouse-pointer
  ttoptions['dy']          = 10;         // vertical offset from mouse-pointer
  ttoptions['fixpos']      = 0;          // use a fixed position? i.e. don't move with mouse, but fix to top right side of nearest <TD> element
  ttoptions['borderwidth'] = 1;          // width of the border in pixels
  ttoptions['level']       = 0;          // level can be used to specify if a tooltip should preceed another (conflicting) tooltip
                                         // e.g. if one uses a tooltip in a <A> tag that is inside a <TD> tag with a tooltip
  options_string+= '';
  option_parts  = options_string.split(",");
  for(i=0;i<option_parts.length;i++)
  {
    key_val = option_parts[i].split("=");
    ttoptions[key_val[0]] = key_val[1]; 
  }
  ttoptions['borderwidth'] = parseInt(ttoptions['borderwidth']);
  if(ttoptions['level']<ttactivelevel)
  {
    return;
  }
  ttactivelevel = ttoptions['level'];
  if(ttoptions['fixpos']=='1')
  {
    element = event.srcElement;
    while(element.tagName!='TD')
    {
      element = element.parentElement;
    }
    ttelx = element.offsetWidth;
    ttely = 0;//-ttoptions['borderwidth'];
    while(element)
    {
      ttelx  += element.offsetLeft;
      ttely  += element.offsetTop;
      element = element.offsetParent;
    } 
  }
  
  with(tooltip)
  {
    width = ttoptions['width'];
    innerHTML = '<table border=0 cellspacing=0 cellpadding=2 width=' + ttoptions['width'] + 
    ' bgcolor=' + ttoptions['bgcolor'] + '><tr>' +
    '<td align=left height="'+ttoptions['height']+'" style="border: '+ttoptions['borderwidth']+'px solid '+ttoptions['bordercolor']+';color:'+ttoptions['textcolor']+';font-size: '+ttoptions['textsize']+'px">' + 
    text + 
    '</td></tr></table>';
    with (style)
    {
      position   = 'absolute';
      width      = ttoptions['width'];
      filter     = 'alpha(opacity=' + ttoptions['opacity'] + ')';
      visibility = 'visible'; 
    }
  }
  movetooltip();  
}

function movetooltip()
{
  with(tooltip.style)
  {  
    if(visibility!='visible')
    {
      return;
    }  
    if(ttoptions['fixpos']=='1')
    {  
      left = ttelx; 
      top  = ttely;         
    }
    else
    {
      temp_left  = ttmousex + ttoptions['dx'];
      temp_right = temp_left + parseInt(width);
      out_bound  = temp_right - document.body.clientWidth;
      if(out_bound>0)
      {
        temp_left -= out_bound;
      }
      if(temp_left<0)
      {
        temp_left = 0;
      }
      left = temp_left;
      top  = ttmousey + ttoptions['dy'];      
    }
  }
}

function hidetooltip()
{
  ttactivelevel = 0;
  tooltip.style.visibility = 'hidden';
}

function ttgetmousexy(e) 
{
  ttmousex = event.clientX + document.body.scrollLeft;
  ttmousey = event.clientY + document.body.scrollTop;
  movetooltip();
}
document.onmousemove = ttgetmousexy;