/*/*

 +-------------------------------------------------------------------+

 |                   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 |

 +-------------------------------------------------------------------+

 | zmeny:                                                            |

 | odpojeno - zadavani sirky - zjistuje se                           |   

 | odpojeno nastaveni barvy a velikosti pisma                        |   

 | pridana funkce toolTipImg                                         |   

 +-------------------------------------------------------------------+



*/



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 = 0;                     // width (pixels)

  this.bgColor = "white";             // background color

  //this.textFont = "Arial";      // text font family

  //this.textSize = 14;                   // text font size (pixels)

  this.textColor = "black";           // text color

  this.border = "3px solid #ff8400";   // border (CSS spec: size style color, e.g. "1px solid #D00000")

  this.opacity = 100;                    // opacity (0 - 100); not supported by all browsers

  this.cursorDistance_x = 8;              // distance from mouse cursor (pixels)

  this.cursorDistance_y = 8;              // distance from mouse cursor (pixels)



  // don't change

  this.text = '';

  this.height = 0;

  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; ' : '') +

    var s = (this.border ? 'border:' + this.border + '; ' : '') +

            (this.textColor ? 'color:' + this.textColor + '; ' : '');



    var t = '<table border=0 cellspacing=0><tr>' +

            '<td align=center' + (s ? ' style="' + s + '"' : '') + '>' + 

            this.text + 

            '</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(DOM) this.width = this.obj.offsetWidth;

    else if(IE) this.width = this.obj.style.pixelWidth;

    if(this.bgColor) this.obj.style.backgroundColor = this.bgColor;

   

    //alert(t);

    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(x + this.width + this.cursorDistance_x > winX + getScrX())

    {

      xnew = x - (this.width + this.cursorDistance_x);

      if( xnew < 0 ) xnew = x + this.cursorDistance_x;

      x = xnew;

    }

    else x += this.cursorDistance_x;



    if(y + this.height + this.cursorDistance_y > winY + getScrY())

      y = winY + getScrY() - this.height;

    else y += this.cursorDistance_y;



    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, 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 toolTipImg(src,popis, width, height) {

   text = '<img ';

   if( width ) text += 'width="' + width + '" ';

   if( height ) text += 'height="' + height +'" '; 

   text += 'src="' + src + '">';
   
   if( popis ) text += '<br />' + popis ;
    
   toolTip(text);

}



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

// Build tooltip box

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

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

document.write('<table><tr><td><div id="ToolTip" style="position:absolute;visibility:hidden"></div></td></tr></table>');



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

// Event handlers

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

var mouseX = mouseY = 0;

document.onmousemove = getMouseXY;