/*
   Derovy cotojátka. Autorem je Jaroslav „Dero“ Polakovič (http://dero.name)
   Kvůli velikosti jsem osekal jeho pokec
*/

    function init() {

    bubliny = new tooltip("bubliny", "*", "bublina", "", 0, 300, 90);
    defaultTooltips = new tooltip("defaultTooltips", "*", "cotojatka", "", 0, 300, 85);

    /*
    UKAZKOVY PRIKLAD:
      bubliny = new tooltip("bubliny", // nazev tooltipu - stejny jako pred rovnitkem
        "p",          // aplikuje se na vsechny elementy P = odstavce (* = all)
        "bublina",    // nazev CSS tridy, ktera vizualna naformatuje tooltip
        "bb",         // nazev CSS tridy, ktera vizualne naformatuje element, na nejz se tooltip aplikuje
        500,          // prodleva pred zobrazenim tooltipu v milisekundach
        200,          // maximalni sirka tooltipu v pixelech
        90 );         // pruhlednost tooltipu v procentech
    */

    }

function sFunc() { init(); }

var tooltip; var timeout; var IE = document.all?true:false; var IEStd; if (IE)

if (document.compatMode)

if (document.compatMode != "BackCompat") IEStd = 1; var Opera = navigator.userAgent.indexOf("Opera") > -1 ? true : false; var UAVer = navigator.appVersion; var Opera7 = navigator.userAgent.indexOf("Opera 7") > -1 ? true : false; if (Opera) IE = false; if (typeof document.attachEvent!='undefined') { window.attachEvent('onload',sFunc); document.attachEvent('onmousemove',getMouseXY);} else { window.addEventListener('load',sFunc,false); document.addEventListener('mousemove',getMouseXY,false);}

var X = 0; var Y = 0; var shown; var currentTooltip; var docX = document.offsetWidth; var docY = document.offsetHeight; var minY, maxY, minX, maxX; var all = document.all ? document.all : document.getElementsByTagName('*'); function getMouseXY(e) { if (IE) { tempX = event.clientX + (document.body.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft); tempY = event.clientY + (document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop);} else { tempX = e.pageX

tempY = e.pageY

}

if (tempX < 0){tempX = 0}

if (tempY < 0){tempY = 0}

X = tempX; Y = tempY; if ((X <= minX || X >= maxX) || (Y <= minY || Y >= maxY) && currentTooltip) { hideTooltip();}

else { if (currentTooltip) { showTooltip();}

}

return true

}

function findPosX(obj)

{ var curleft = 0; if(obj.offsetParent)

while(1)

{ curleft += obj.offsetLeft; if(!obj.offsetParent)

break; obj = obj.offsetParent;}

else if(obj.x)

curleft += obj.x; return curleft;}

function findPosY(obj)

{ var curtop = 0; if(obj.offsetParent)

while(1)

{ curtop += obj.offsetTop; if(!obj.offsetParent)

break; obj = obj.offsetParent;}

else if(obj.y)

curtop += obj.y; return curtop;}

function hideTooltip() { window.clearTimeout(timeout); if ((X <= minX || X >= maxX) || (Y <= minY || Y >= maxY) && currentTooltip) { if (currentTooltip) currentTooltip.style.visibility = 'hidden'; currentTooltip = 0; shown = 0;}

}

function showIt(){ if (currentTooltip.style && shown) currentTooltip.style.visibility = 'visible';}

function showTooltip(objTooltip, objOver, text, delay, maxWidth) { if (delay){ timeout = setTimeout("showIt()", delay);}

if (!objTooltip && currentTooltip) { objTooltip = currentTooltip;}

if (!objTooltip) return; if (text) objTooltip.innerHTML = text; if (IE) { if (maxWidth && objTooltip.offsetWidth <= maxWidth) objTooltip.style.width = "auto"; if (maxWidth && objTooltip.offsetWidth > maxWidth) objTooltip.style.width = maxWidth + "px";}

if (objOver) { minX = findPosX(objOver); minY = findPosY(objOver); maxX = minX + objOver.offsetWidth + 3; maxY = minY + objOver.offsetHeight + 3;}

if (X + objTooltip.offsetWidth < document.body.offsetWidth-10) { objTooltip.style.left = eval(X + 8) + "px";} else { objTooltip.style.left = eval(X - 8 - objTooltip.offsetWidth) + "px";}

if (Y - objTooltip.offsetHeight > 10) { objTooltip.style.top = eval(Y - objTooltip.offsetHeight) - 8 + "px";} else { objTooltip.style.top = Y + "px";}

currentTooltip = objTooltip; shown = 1; if (delay === 0) showIt(); document.getElementById

}

function applyTooltip(obj, applyRules, tName, tClassName, tDelay, tMaxWidth) { if (!tDelay) tDelay = 0; if (!tMaxWidth) tMaxWidth = 0; var applyElements, applyClasses, currentElement, currentObject; if (applyRules.substring(0, 9).toUpperCase() == "ELEMENTS=") { applyElements = applyRules.substring(9).toUpperCase()+",";}

if (applyRules.substring(0, 8).toUpperCase() == "CLASSES=") { applyClasses = applyRules.substring(8).toUpperCase()+",";}

if (!applyElements) { if (applyRules == 'default') applyElements = "ACRONYM,ABBR,"; if (applyRules == '*') applyElements = "*"; if (!applyElements) applyElements = applyRules.toUpperCase()+",";}

if (!applyClasses) applyClasses = "*"; for (var element = 0; element < all.length; element++) { if (IE) { all[element].setAttribute("onmouseout", null); all[element].setAttribute("onmousemove", null);}

if (Opera7) { all[element].onmousemove = null; all[element].onmouseout = null;}

clBranch = 0; if (all[element].className != "") { classes = all[element].className.toUpperCase().split(" "); i = 0; while (classes[i]) { if (applyClasses.indexOf(classes[i]+",") > -1) clBranch = 1; i++;}

}

if ((applyElements == "*" || applyElements.indexOf(all[element].tagName+",") > -1 || clBranch) && (all[element].getAttribute('title') != null && all[element].getAttribute('title') != "")) { oldTitle = all[element].getAttribute('title'); onMouseMove = ""; onMouseOut = ""; if (!IE && !Opera7) { if (all[element].getAttribute("onmousemove")) { if (all[element].getAttribute("onmousemove").indexOf("showTooltip") == -1) { onMouseMove = all[element].getAttribute("onmousemove") + "; " + "showTooltip("+tName+".tooltip, this, '"+all[element].getAttribute('title')+"', "+tDelay+", "+tMaxWidth+")";}

} else { onMouseMove = "showTooltip("+tName+".tooltip, this, '"+all[element].getAttribute('title')+"', "+tDelay+", "+tMaxWidth+")";}

if (all[element].getAttribute("onmouseout")) { if (all[element].getAttribute("onmousemove").indexOf("showTooltip") == -1)

onMouseOut = all[element].getAttribute("onmouseout") + "; " + "hideTooltip()";} else { onMouseOut = "hideTooltip()";}

all[element].setAttribute("title", " "); if (onMouseMove) all[element].setAttribute("onmousemove", onMouseMove); if (onMouseOut) all[element].setAttribute("onmouseout", onMouseOut);} else { all[element].setAttribute("title", ""); currObject = all[element]; all[element].reference = currObject; all[element].onmouseover = new Function( "showTooltip("+tName+".tooltip, all["+element+"].reference, '"+oldTitle+"', "+tDelay+", "+tMaxWidth+");" ); all[element].onmouseout = new Function("hideTooltip()")

}

if (tClassName) { if (all[element].className) { all[element].className = tClassName;} else { all[element].className = all[element].className + " " + tClassName;}

}

}

}

}

function tooltip(tName, appliesTo, className, targetClassName, tDelay, tMaxWidth, tOpacity) {
  if (appliesTo) { this.apply = appliesTo } else { this.apply = "default" }
  this.name = tName;
  if (targetClassName) this.tClassName = targetClassName;
  if (tDelay) this.delay = tDelay;
  if (tMaxWidth) this.maxWidth = tMaxWidth;
  if (tOpacity) { this.opacity = tOpacity; } else { this.opacity = 100; }
  this.tooltip = document.createElement('div');
  if (className) { this.tooltip.className = className;} else { this.tooltip.style.cssText = "border: 1px solid #bbb; background: #fbfbfb; padding: 2px 4px; font-size: 80%; font-family: sans-serif;" }
  this.tooltip.style.visibility = 'hidden';
  this.tooltip.style.position = 'absolute';
  this.tooltip.style.top = 0;
  document.getElementsByTagName('body')[0].appendChild(this.tooltip);
  if (tOpacity && tOpacity < 100) {
    if (IE) {
      this.tooltip.style.filter="alpha(opacity="+tOpacity+")";
    } else {
      this.tooltip.style.opacity=eval("'0."+tOpacity+"'");
      this.tooltip.style.MozOpacity=eval("'0."+tOpacity+"'");
      this.tooltip.style.KhtmlOpacity=eval("'0."+tOpacity+"'");
    }
  }
  if (!IE && this.maxWidth) this.tooltip.style.maxWidth = this.maxWidth + "px";
  applyTooltip(this.tooltip, this.apply, this.name, this.tClassName, this.delay, this.maxWidth);
}