/*
 +-------------------------------------------------------------------+
 |                   J S - T O O L T I P   (v2.1)                    |
 |                                                                   |
 | Copyright Gerd Tentler                www.gerd-tentler.de/tools   |
 | Created: Feb. 15, 2005                Last modified: Apr. 9, 2007 |
 +-------------------------------------------------------------------+
 | 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. Opacity is not supported by all browsers.

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

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

 EXAMPLE:

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

======================================================================================================
*/
var opacitySet = 0;
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 = 110;                     // width (pixels)
  this.bgColor = '';             // background color
  this.textFont = '';      // text font family
  this.textSize = 0;                   // text font size (pixels)
  this.textColor = '';           // text color
  this.border = "0";   
  this.opacity = 100;  // opacity (0 - 100); not supported by all browsers
  this.cursorDistance = 0;    // distance from mouse cursor (pixels)
  this.IntervalID  = 0;
  this.newOpacity = 100;
  this._x = undefined;
  this._y = undefined;
  // don't change
  this.text = '';
  this.height = 100;
  this.obj = null;
  this.active = false;

//----------------------------------------------------------------------------------------------------
// Methods
//----------------------------------------------------------------------------------------------------
  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 = '<div class="tooltip">' + this.text +'</div>';

    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._x) x = this._x;
      if (this._y) y = this._y;
    
      /* if (x + this.width + this.cursorDistance > winX + getScrX())
      x -= this.width + this.cursorDistance;
      else x += this.cursorDistance;

      if (y + this.height + this.cursorDistance > winY + getScrY())
      y -= this.height;
      else y += this.cursorDistance;*/



      this.obj.style.left = x - 54 + 'px';
      this.obj.style.top = y - 125 - this.cursorDistance + 'px';
      if (this._x) return;

  }

  this.show = function() {
      this.obj.style.zIndex = 9999;
      if (!this.active) {
          this.obj.style.visibility = 'visible';
          this.active = true;
      }
      //$(this.obj).show();//.fadeIn(500);
       this.showAlpha();
  }

  this.hide = function() {
 // this.opacity = 0;
  opacitySet = 0;
 
    this.obj.style.zIndex = -1;
    this.active = false;
    this.obj.style.visibility = 'hidden';
    this.obj.style.left =-10000+'px';
    this.obj.style.top = -10000 + 'px';
  }

  this.setOpacity = function() {
      return;
      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 + ')';
  }
  
  
  
  
  this.showAlpha = function()
    {
    
     if (this.opacity< this.newOpacity)
      {
        this.opacity +=10;
        opacitySet = this.opacity;
        clearInterval(this.IntervalID);
        this.setOpacity();
        this.IntervalID = setTimeout("showAlpha()",50);
      }
      else
      {
        clearInterval(this.IntervalID);
       this.opacity =this.newOpacity;
       this.setOpacity();
      }
    }
}

//----------------------------------------------------------------------------------------------------
// Global functions
//----------------------------------------------------------------------------------------------------

var DelayIntervalID = 0;

 


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 DelayToolTip(text,delayTime) {
    clearInterval(DelayIntervalID);
    if(text)
    {
        DelayIntervalID = setTimeout("toolTip('"+text+"')",delayTime);
    }
    else
    {
        toolTip(text)
    }
}


function toolTip(text, width, opacity) {

    $('body').remove('#ToolTip');
    $('body').append($('<div id="ToolTip" style="position:absolute; display:hidden;z-index:9999;"></div>'));
    clearInterval(DelayIntervalID);
      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 showXYToolTip(text, x, y, width, opacity, parent,pos) {
    clearInterval(DelayIntervalID);
    
    if (parent) {
        $(parent).remove('#ToolTip');
        parent.append($('<div id="ToolTip" style="position:absolute; display:hidden; z-index:9999; top:0; left:0"></div>'));
        if (pos) {
            pos.apply($('#ToolTip')[0]);
            x = $('#ToolTip').position().left;
            y = $('#ToolTip').position().top;
        }
    }
    else
        $('body').append($('<div id="ToolTip" style="position:absolute; display:hidden;z-index:9999;"></div>'));
    if (text) {
        tooltip = new TOOLTIP();
        tooltip.text = text;
        tooltip._x = x;
        tooltip._y = y;
        if (width) tooltip.width = width;
        if (opacity) tooltip.opacity = opacity;
        tooltip.create();
    }
    else if (tooltip) tooltip.hide();
}

function showXYToolTip2(text, x, y, width, opacity) {
    clearInterval(DelayIntervalID);

    $('body').remove('#ToolTip');
    $('body').append($('<div id="ToolTip" style="position:absolute; display:hidden;z-index:9999;"></div>'));
    clearInterval(DelayIntervalID);
    if (text) {
        tooltip = new TOOLTIP();
        tooltip.text = text;
        tooltip._x = x;
        tooltip._y = y;
        if (width) tooltip.width = width;
        if (opacity) tooltip.opacity = opacity;
        tooltip.create();
    }
    else if (tooltip) tooltip.hide();
}

function showMarkerTooltip(marker,mappContainer,gmapobj) {
    var markerPosition = marker.getLatLng();
    var p = gmapobj.fromLatLngToContainerPixel(markerPosition);
    var bounds = gmapobj.getBounds();
    //get rid of existing markers

    if (bounds.contains(markerPosition) == true) {
        showXYToolTip2(marker.tooltip, mappContainer.offset().left + p.x + 10, mappContainer.offset().top + p.y - 20, 0);
    }
}






 function showAlpha()
  {
    if(tooltip && tooltip.active) tooltip.showAlpha();
  }
  
//----------------------------------------------------------------------------------------------------
// Build tooltip box
//----------------------------------------------------------------------------------------------------
//document.write('<div id="ToolTip" style="position:absolute; display:hidden;z-index:9999;"></div>');
 
//----------------------------------------------------------------------------------------------------
// Event handlers
//----------------------------------------------------------------------------------------------------
var mouseX = mouseY = 0;
document.onmousemove = getMouseXY;

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