/*
      **********************************************************************
      ******** VE FUNKCI INIT SI NASTAVTE JEDNOTLIVE SADY TOOLTIPU *********
      **********************************************************************    
    */
    
        function init() {                        
        
		/* 
		
		UKAZKOVY PRIKLAD: 
		
		cotojatka = new tooltip("cotojatka", // nazev tooltipu - stejny jako pred rovnitkem
		                        "p",         // aplikuje se na vsechny elementy P = odstavce
					        	"cotojatka", // nazev CSS tridy, ktera vizualne 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
		*/						 
									 
        defaultTooltips = new tooltip("defaultTooltips", "a,img", "cotojatka", "", 0, 80, 50);        
        
    }
    
    /*
           **********************************************
           **  Cotojatka v. 0.9 Beta  |  16. 12. 2005  **
           **   (c) Jaroslav "Dero" Polakovic, 2005    **
		   **********************************************
		   
		   		   		   
		   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>

    
      **********************************************************************
      ******* ODSUD DALE UZ RADEJI NIC NEMENTE, JE TO VE VASEM ZAJMU *******
      **********************************************************************             
    
    */
timerID = null;
   
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 bgOpac(objTooltip, n) {
   	if (n <= 6) {
		if (n == 1) { tOpacity = 0; }
	    else if (n == 2) { tOpacity = 20; }
	    else if (n == 3) { tOpacity = 40; }
	    else if (n == 4) { tOpacity = 60; }
	    else if (n == 5) { tOpacity = 80; }
	    else if (n == 6) { tOpacity = 999; }
	    else { tOpacity = 0; }

    	if (IE) {
      		objTooltip.style.filter="alpha(opacity="+tOpacity+")";
      	} else { 
      		objTooltip.style.opacity=eval("'0."+tOpacity+"'");
  			objTooltip.style.MozOpacity=eval("'0."+tOpacity+"'");     			
  			objTooltip.style.KhtmlOpacity=eval("'0."+tOpacity+"'"); 
   		}

      	timerID = setTimeout(function() { bgOpac(objTooltip, n) },50)	  
	      	
		n++;
	}  	
}


	
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 = 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;}
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); ll[element].setAttribute("onmouseover", null); }
		if (Opera7) { all[element].onmousemove = null; all[element].onmouseout = null; all[element].onmouseover = 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 = ""; 
			onMouseOver = ""; 
			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()";
					onMouseOver = "bgOpac("+tName+".tooltip, 1)";
				}
				
				all[element].setAttribute("title", " "); 
				if (onMouseMove) all[element].setAttribute("onmousemove", onMouseMove); 
				if (onMouseOut) all[element].setAttribute("onmouseout", onMouseOut);
				if (onMouseOver) all[element].setAttribute("onmouseover", onMouseOver);
				all[element].removeAttribute("title");
			} 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()");
				all[element].onmouseover = new Function("bgOpac("+tName+".tooltip, 1)");
			}
			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;
	}
	
	// Vytvoříme element kde se zobrazí tooltip
	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 (!IE && this.maxWidth) this.tooltip.style.maxWidth = this.maxWidth + "px";
	applyTooltip(this.tooltip, this.apply, this.name, this.tClassName, this.delay, this.maxWidth);
}