var OP = (navigator.userAgent.indexOf('Opera') != -1);
var IE = (navigator.userAgent.indexOf('MSIE') != -1 && !OP);
var GK = (navigator.userAgent.indexOf('Gecko') != -1);
var SA = (navigator.userAgent.indexOf('Safari') != -1);
var DOM = document.getElementById;

var tooltip = null;

function TOOLTIP() {
//----------------------------------------------------------------------------------------------------
// Configuration
//----------------------------------------------------------------------------------------------------
  this.width = 215;                     // width (pixels)
  this.bgColor = "transparent";             // background color
  this.textFont = "Arial, Helvetica, sans-serif";      // text font family
  this.textSize = 12;                   // text font size (pixels)
  this.textColor = "#4b4b4b";           // text color
  this.border = "0px solid #ffffff";   // border (CSS spec: size style color, e.g. "1px solid #D00000")
  this.opacity = 0;                    // opacity (0 - 100); not supported by all browsers
  this.cursorDistance = 2;              // distance from mouse cursor (pixels)
  this.xPos = 'right';                  // horizontal position: "left" or "right"
  this.yPos = 'top';                 // vertical position: "top" or "bottom"

  // don't change
  this.text = '';
  this.height = 0;
  this.obj = null;
  this.active = false;
// ********************
  this.create = function() {
    if(!this.obj) this.init();

    var s = (this.textFont ? 'font-family:' + this.textFont + '; ' : '') +
            (this.textSize ? 'font-size:' + this.textSize + 'px; ' : '') +
            (this.border ? 'border:' + this.border + '; ' : '') +
            (this.textColor ? 'color:' + this.textColor + '; ' : '');

    var t = '<table border=0 cellspacing=0 cellpadding=0 width=' + this.width + '>' +  
    		'<tr><td height="12" width="14" style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipTopLeft.png) no-repeat; height:12px;width:14px;" ></td><td style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipTopMiddle.png) repeat-x; height:12px;"  ></td><td style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipTopRight.png) no-repeat; height:12px;width:16px;"  ></td></tr>' + 
    		'<tr>' +
    		'<td style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipLeft.png) repeat-y right; width:14px;" ></td>' +
            '<td align=center' + (s ? ' style="' + s + '; background-color:#f8f8f8;padding:6px;text-align:left;"' : '') + '  >' + this.text +
            '</td>' + 
            '<td style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipRight.png) repeat-y left; width:16px;" ></td>' +
            '</tr>' + 
            '<tr><td width="14" height="17" style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipBottomLeft.png) no-repeat; width:14px;height:17px;" ></td><td style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipBottomMiddle.png) repeat-x; height:17px;" ></td><td height="17" style="background:url('+ jsGlobalDocRoot +'webImages/bgTooltipBottomRight.png) no-repeat; width:16px;height:17px;" ></td></tr>' + 
            '</table>';

    if(DOM || IE) this.obj.innerHTML = t;
    if(DOM) this.height = this.obj.offsetHeight;
    else if(IE) this.height = this.obj.style.pixelHeight;
    if(this.bgColor) this.obj.style.backgroundColor = this.bgColor;

    //this.setOpacity();
    this.move();
    this.show();
  }

  this.createEncryptTooltip = function() {
    if(!this.obj) this.init();

    var s = (this.textFont ? 'font-family:' + this.textFont + '; ' : '') +
            (this.textSize ? 'font-size:' + this.textSize + 'px; ' : '') +
            (this.border ? 'border:' + this.border + '; ' : '') +
            (this.textColor ? 'color:' + this.textColor + '; ' : '');

    var t = '<table border=0 cellspacing=0 cellpadding=0 width=' + this.width + '>' +  
    		'<tr><td height="12" width="14" style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipTopLeft.png) no-repeat;height:12px;width:14px;" ></td><td style="background:url(' + jsGlobalDocRoot + 'webImages/security/bgYTooltipTopMiddle.png) repeat-x; height:12px;"  ></td><td style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipTopRight.png) no-repeat; height:12px;width:16px;"  ></td></tr>' + 
    		'<tr>' +
    		'<td style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipLeft.png) repeat-y right center; width:14px;" ></td>' +
            '<td align=center' + (s ? ' style="' + s + '; background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipRepeat.png) repeat-x center;padding:6px;text-align:left;"' : '') + '  >' + this.text +
            '</td>' + 
            '<td style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipRight.png) repeat-y left center; width:16px;" ></td>' +
            '</tr>' + 
            '<tr><td width="14" height="22" style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipBottomLeft.png) no-repeat; width:14px;height:22px;" ></td><td style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipBottomMiddle.png) repeat-x; height:22px;" ></td><td height="22" style="background:url('+ jsGlobalDocRoot +'webImages/security/bgYTooltipBottomRight.png) no-repeat; width:16px;height:22px;" ></td></tr>' + 
            '</table>';

    if(DOM || IE) this.obj.innerHTML = t;
    if(DOM) this.height = this.obj.offsetHeight;
    else if(IE) this.height = this.obj.style.pixelHeight;
    if(this.bgColor) this.obj.style.backgroundColor = this.bgColor;

    //this.setOpacity();
    this.move();
    this.show();
  }
  
  this.init = function() {
    if(DOM) this.obj = document.getElementById('ToolTip');
    else if(IE) this.obj = document.all.ToolTip;
  }

  this.move = function() {
    var winX = getWinX() - (((GK && !SA) || OP) ? 17 : 0);
    var winY = getWinY() - (((GK && !SA) || OP) ? 17 : 0);
    var x = mouseX;
    var y = mouseY;

    if(this.xPos == 'left') {
      if(x - this.width - this.cursorDistance >= getScrX())
        x -= this.width + this.cursorDistance;
      else x += this.cursorDistance;
    }
    else {
      if(x + this.width + this.cursorDistance > winX + getScrX())
        x -= this.width + this.cursorDistance;
      else x += this.cursorDistance;
    }

    if(this.yPos == 'top') {
      if(y - this.height - this.cursorDistance >= getScrY())
        y -= this.height + this.cursorDistance;
      else y += this.cursorDistance;
    }
    else {
      if(y + this.height + this.cursorDistance > winY + getScrY())
        y -= this.height;
      else y += this.cursorDistance;
    }

    this.obj.style.left = x + 'px';
    this.obj.style.top = y + 'px';
  }

  this.show = function() {
    this.obj.style.zIndex = 69;
    this.active = true;
    this.obj.style.visibility = 'visible';
  }

  this.hide = function() {
    this.obj.style.zIndex = -1;
    this.active = false;
    this.obj.style.visibility = 'hidden';
  }

  this.setOpacity = function() {
    this.obj.style.opacity = this.opacity / 100;
    this.obj.style.MozOpacity = this.opacity / 100;
    this.obj.style.KhtmlOpacity = this.opacity / 100;
    this.obj.style.filter = 'alpha(opacity=' + this.opacity + ')';
  }
}

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

function getScrY() {
  var offset = 0;
  if(window.pageYOffset)
    offset = window.pageYOffset;
  else if(document.documentElement && document.documentElement.scrollTop)
    offset = document.documentElement.scrollTop;
  else if(document.body && document.body.scrollTop)
    offset = document.body.scrollTop;
  return offset;
}

function getWinX() {
  var size = 0;
  if(window.innerWidth)
    size = window.innerWidth;
  else if(document.documentElement && document.documentElement.clientWidth)
    size = document.documentElement.clientWidth;
  else if(document.body && document.body.clientWidth)
    size = document.body.clientWidth;
  else size = screen.width;
  return size;
}

function getWinY() {
  var size = 0;
  if(window.innerHeight)
    size = window.innerHeight;
  else if(document.documentElement && document.documentElement.clientHeight)
    size = document.documentElement.clientHeight;
  else if(document.body && document.body.clientHeight)
    size = document.body.clientHeight;
  else size = screen.height;
  return size;
}

function getMouseXY(e) {
  if(e && e.pageX != null) {
    mouseX = e.pageX;
    mouseY = e.pageY;
  }
  else if(event && event.clientX != null) {
    mouseX = event.clientX + getScrX();
    mouseY = event.clientY + getScrY();
  }
  if(mouseX < 0) mouseX = 0;
  if(mouseY < 0) mouseY = 0;
  if(tooltip && tooltip.active) tooltip.move();
}

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();
}

function toolTipEncryptFeatures(text, width, opacity) {
  if(text) {
    tooltip = new TOOLTIP();
    tooltip.text = text;    
	tooltip.bgColor = "transparent";             // background color
	tooltip.textFont = "Arial, Helvetica, sans-serif";      // text font family
	tooltip.textSize = 13;                   // text font size (pixels)
	tooltip.textColor = "#000";           // text color
	tooltip.border = "0px solid #ffffff";   // border (CSS spec: size style color, e.g. "1px solid #D00000")  
    if(width) tooltip.width = width;
    if(opacity) tooltip.opacity = opacity;
    tooltip.createEncryptTooltip();
  }
  else if(tooltip) tooltip.hide();
}

//----------------------------------------------------------------------------------------------------
// Build tooltip box
//----------------------------------------------------------------------------------------------------
document.write('<div id="ToolTip" style="position:absolute; visibility:hidden"></div>');

//----------------------------------------------------------------------------------------------------
// Event handlers
//----------------------------------------------------------------------------------------------------
var mouseX = mouseY = 0;
document.onmousemove = getMouseXY;

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