/*
 +-------------------------------------------------------------------+
 |                   J S - T O O L T I P   (v1.6)                    |
 |                                                                   |
 | Copyright Gerd Tentler               www.gerd-tentler.de/tools    |
 | Created: Feb. 15, 2005               Last modified: Dec. 26, 2006 |
 +-------------------------------------------------------------------+
 | This program may be used and hosted free of charge by anyone for  |
 | personal purpose as long as this copyright notice remains intact. |
 |                                                                   |
 | Obtain permission before selling the code for this program or     |
 | hosting this software on a commercial website or redistributing   |
 | this software over the Internet or in any other medium. In all    |
 | cases copyright must remain intact.                               |
 +-------------------------------------------------------------------+

======================================================================================================

 This script was tested with the following systems and browsers:

 - Windows XP: IE 6, NN 7, Opera 7 + 9, Firefox 2
 - Mac OS X:   IE 5, Safari 1

 If you use another browser or system, this script may not work for you - sorry.

------------------------------------------------------------------------------------------------------

 USAGE:

 Use the toolTip-function with mouse-over and mouse-out events (see example below).

 - To show a tooltip, use this syntax: toolTip(text, width in pixels, opacity in percent)
   Note: width and opacity are optional

 - To hide a tooltip, use this syntax: toolTip()

------------------------------------------------------------------------------------------------------

 EXAMPLE:

 <a href="#" onMouseOver="toolTip('Just a test', 150)" onMouseOut="toolTip()">some text here</a>

======================================================================================================
*/

var OP = (navigator.userAgent.indexOf('Opera') != -1);
var IE = (navigator.userAgent.indexOf('MSIE') != -1 && !OP);
var NN4 = document.layers;
var DOM = document.getElementById;

function TOOLTIP() {
//----------------------------------------------------------------------------------------------------
// Configuration
//----------------------------------------------------------------------------------------------------
  this.width = 200;                     // width (pixels)
  this.bgColor = '#f0f0f0';             // background color
  this.textColor = '#000000';           // text color
  this.borderColor = '#336699';         // border color
  this.opacity = 80;                    // opacity (percent) - doesn't work with all browsers
  this.cursorDistance = 10;              // distance from cursor (pixels)

  // don't change
  this.text = '';
  this.height = 0;
  this.obj = 0;
  this.sobj = 0;
  this.active = false;

//----------------------------------------------------------------------------------------------------
// Methods
//----------------------------------------------------------------------------------------------------
  this.create = function() {
    if(!this.sobj) this.init();

    var t = '<table border=0 cellspacing=0 cellpadding=4 width=' + this.width + ' bgcolor=' + this.bgColor + '><tr>' +
            '<td align=center><font color=' + this.textColor + '>' + this.text + '</font></td></tr></table>';

    if(NN4) {
      t = '<table border=0 cellspacing=0 cellpadding=1><tr><td bgcolor=' + this.borderColor + '>' + t + '</td></tr></table>';
      this.sobj.document.write(t);
      this.sobj.document.close();
    }
    else {
      this.sobj.border = '1px solid ' + this.borderColor;
      this.setOpacity();
      if(document.getElementById) document.getElementById('ToolTip').innerHTML = t;
      else document.all.ToolTip.innerHTML = t;
    }
    if(DOM) this.height = this.obj.offsetHeight;
    else if(IE) this.height = this.sobj.pixelHeight;
    else if(NN4) this.height = this.obj.clip.bottom;

    this.show();
  }

  this.init = function() {
    if(DOM) {
      this.obj = document.getElementById('ToolTip');
      this.sobj = this.obj.style;
    }
    else if(IE) {
      this.obj = document.all.ToolTip;
      this.sobj = this.obj.style;
    }
    else if(NN4) {
      this.obj = document.ToolTip;
      this.sobj = this.obj;
    }
  }

  this.show = function() {
    var ext = (document.layers ? '' : 'px');
    var left = mouseX;
    var top = mouseY;

    if(left + this.width + this.cursorDistance - scrX > winX) left -= this.width + this.cursorDistance;
    else left += this.cursorDistance;

    if(top + this.height + this.cursorDistance - scrY > winY) top -= this.height;
    else top += this.cursorDistance;

    this.sobj.left = left + ext;
    this.sobj.top = top + ext;

    if(!this.active) {
      this.sobj.visibility = 'visible';
      this.active = true;
    }
  }

  this.hide = function() {
    if(this.sobj) this.sobj.visibility = 'hidden';
    this.active = false;
  }

  this.setOpacity = function() {
    this.sobj.filter = 'alpha(opacity=' + this.opacity + ')';
    this.sobj.mozOpacity = '.1';
    if(this.obj.filters) this.obj.filters.alpha.opacity = this.opacity;
    if(!document.all && this.sobj.setProperty) this.sobj.setProperty('-moz-opacity', this.opacity / 100, '');
  }
}

//----------------------------------------------------------------------------------------------------
// Global functions
//----------------------------------------------------------------------------------------------------
function getScrX() {
  if(window.pageXOffset) scrX = window.pageXOffset;
  else if(document.documentElement && document.documentElement.scrollLeft)
    scrX = document.documentElement.scrollLeft;
  else if(document.body && document.body.scrollLeft)
    scrX = document.body.scrollLeft;
}

function getScrY() {
  if(window.pageYOffset) scrY = window.pageYOffset;
  else if(document.documentElement && document.documentElement.scrollTop)
    scrY = document.documentElement.scrollTop;
  else if(document.body && document.body.scrollTop)
    scrY = document.body.scrollTop;
}

function getWinSize() {
  if(window.innerWidth) {
    winX = window.innerWidth - 20;
    winY = window.innerHeight - 20;
  }
  else if(document.documentElement && document.documentElement.offsetWidth) {
    winX = document.documentElement.offsetWidth - 20;
    winY = document.documentElement.offsetHeight - 20;
  }
  else if(document.body && document.body.offsetWidth) {
    winX = document.body.offsetWidth - 20;
    winY = document.body.offsetHeight - 20;
  }
  else {
    winX = screen.width - 20;
    winY = screen.height - 20;
  }
}

function getMouseXY(e) {
  getScrX();
  getScrY();
  getWinSize();

  if(IE) {
    mouseX = event.clientX + scrX;
    mouseY = event.clientY + scrY;
  }
  else {
    mouseX = e.pageX;
    mouseY = e.pageY;
  }

  if(mouseX < 0) mouseX = 0;
  if(mouseY < 0) mouseY = 0;

  if(tooltip && tooltip.active) tooltip.show();
}

function toolTip(text, width, opacity) {
  if(text) {
    tooltip = new TOOLTIP();
    tooltip.text = text;
    if(width) tooltip.width = width;
    if(opacity) tooltip.opacity = opacity;
    tooltip.create();
  }
  else if(tooltip) tooltip.hide();
}

//----------------------------------------------------------------------------------------------------
// Build layer
//----------------------------------------------------------------------------------------------------
var tooltip = mouseX = mouseY = winX = winY = scrX = scrY = 0;

if(NN4) {
  document.write('<layer id="ToolTip"></layer>');
  document.captureEvents(Event.MOUSEMOVE);
}
else document.write('<div id="ToolTip" style="position:absolute; z-index:69"></div>');

//----------------------------------------------------------------------------------------------------
// Event handlers
//----------------------------------------------------------------------------------------------------
document.onmousemove = getMouseXY;

//----------------------------------------------------------------------------------------------------