/*
      **********************************************************************
      ******** VE FUNKCI INIT SI NASTAVTE JEDNOTLIVE SADY TOOLTIPU *********
      **********************************************************************
    */

    function init() {

      sizesTooltips = new tooltip("sizesTooltips", "CLASSES=sizes-tooltip", "label", "", 0, 150, 95);
      basketTooltips = new tooltip("basketTooltips", "CLASSES=basket-tooltip", "image-label", "", 0, 150, 100);
    }

/*
		   OBSAHLA NAPOVEDA a SYNTAX:

           nazev_tooltipu = new tooltip("nazev_tooltipu",
		                  [volitelne] - "zpracovat_elementy",
                          [volitelne] - "css_pro_tooltip",
						  [volitelne] - "css_pro_element",
                          [volitelne] -  prodleva,
						  [volitelne] -  maximalni_sirka
						  [volitelne] -  pruhlednost
						                );


           nazev_tooltipu: jedina povinna polozka; libovolny nazev, ktery bude identifikovat
                           sadu tooltipu, pozdeji muzete pres nazev_tooltipu.tooltip menit
                           vlastnosti konkretni sady tooltipu

           zpracovat_elementy: *             = zpracovat vsechny
                               default       = zpracovat pouze ABBR a ACRONYM
                               ELEMENTS=...  = zpracovat pouze uvedene (pr. ELEMENTS=P,A,ABBR,H1,H2)
                               CLASSES=...   = zpracovat pouze elementy s urcitou tridou (class='')
                                               (pr. CLASSES=mojetrida1,mojetrida2)

                               (nepredate-li tento argument, pouzije se hodnota 'default')
                               (vepisete-li seznam elementu bez uvodniho ELEMENTS=, aplikace to zpracuje)

           css_pro_tooltip: nazev tridy, ktera v CSS tooltip naformatuje

           css_pro_element: nazev tridy, ktera naformatuje element, ke kteremu se tooltip zobrazuje

           prodleva: cislo, ktere urcuje pocet milisekund pred zobrazenim tooltipu pri najeti mysi
                     na element (neuvedete-li, pouzije se 0 = zadna prodleva)

           maximalni_sirka: maximalni sirka tooltipu v pixelech
                            (neuvedete li, pouzije se potrebna sirka)

           pruhlednost: pruhlednost tooltipu v procentech (50 = polopruhledny, 0=neviditelny)
                        (neuvedete-li, pouzije se hodnota 100 = nepruhledny)


           priklady:
                     tooltipyNadpisu = new tooltip("tooltipy_nadpisu", "ELEMENTS=H1,H2,H3,H4,H5,H6",
                                                   "trida_tooltip_pro_nadpisy", "styl_nadpisu",
                                                    500, 200);

                                                    V HTML: <h1 title="tooltip zobrazi aplikace">Jsem H1</h1>
                                                            <div title="tooltip zobrazi prohlizec">Jsem DIV</div>

                     tooltipyProUrcitouTridu = new tooltip("tooltipyProUrcitouTridu", "CLASSES=zde_bude_tooltip",
                                                           "trida_tooltip_pro_nadpisy");

                                                           V HTML: <p class="zde_bude_tootip" title="tento tooltip se zobrazi">Lipsum... </p>
                                                                   <p title="tento vsak zustane na vykresleni prohlizeci">Lipsum2... </p>


    */

    function sFunc() {
      /*if (IE) {
            oldBodyText = document.body.innerHTML;
            reg = /<ABBR/g;
            newBodyText = oldBodyText.replace(reg, '<ACRONYM style="border-bottom: 1px dotted black"');
            reg = /\/ABBR>/g;
            newBodyText = newBodyText.replace(reg, '/ACRONYM>');
            document.body.innerHTML = newBodyText;
      } */
      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) {
        if (objTooltip.className == "image-label") {
          objTooltip.innerHTML = "<img src='" + text + "' width='89' height='89' alt='Náhled' />";
        } else {
          objTooltip.innerHTML = "<div id='label-top-left'></div><div id='label-top'></div><div id='label-top-right'></div><div id='label-content'>" + text + "</div><div id='label-bottom-left'></div><div id='label-bottom'></div><div id='label-bottom-right'></div>";
        }
      }

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

      if (objOver) {

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

      }
      userOffset = objTooltip.offsetWidth;

      if (X + objTooltip.offsetWidth < document.body.offsetWidth-10) { objTooltip.style.left = eval(X + 8 - userOffset) + "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+")";
                      }
                      alert(onMouseMove);

                      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');
      //this.tooltip = documet.getElementById("label");

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