/*original javascript for Bubble Tooltips by Alessandro Fulciniti

- http://pro.html.it - http://web-graphics.com */



document.getElementsByClassName = function(cl) {

var retnode = [];

var myclass = new RegExp('\\b'+cl+'\\b');

var elem = this.getElementsByTagName('*');

for (var i = 0; i < elem.length; i++) {

var classes = elem[i].className;

if (myclass.test(classes)) retnode.push(elem[i]);

}

return retnode;

};



//Vytvoří a vrátí blokový element uvnitř dokumentu, nastaví jméno třídy na "c" 

function CreateEl(t,c){

	var x=document.createElement(t);

	x.className=c;

	x.style.display="block";

	return(x);

}



//Přidání CSS stylu do HTML elementu <head>

function AddCss(){

	var l=CreateEl("link");

	l.setAttribute("type","text/css");

	l.setAttribute("rel","stylesheet");

	l.setAttribute("href","/bt.css");

	l.setAttribute("media","screen");

	document.getElementsByTagName("head")[0].appendChild(l);

}



//Nastaví průhlednost elementu

function setOpacity(el){

	el.style.filter="alpha(opacity:90)";

	el.style.KHTMLOpacity="0.90";

	el.style.MozOpacity="0.90";

	el.style.opacity="0.90";

}





//Vloží bubliny do HTML (je-li zadáno "id", tak jen uvnitř tohoto elementu)

function enableTooltips(id){

	

	var links,i,h;

	

	if(!document.getElementById || !document.getElementsByTagName) return;

	

	AddCss();

	

	//Přidání elementu <span> na konec do <body>

	h=document.createElement("span");

	h.id="btc";

	h.setAttribute("id","btc");

	h.style.position="absolute";

	document.getElementsByTagName("body")[0].appendChild(h);



	//Do pole tags potřebuju dostat ty, které mají class="publikace"

  tags=document.getElementsByClassName("publikace");


	//Nad každým z tags provedu zpracování na bublinu

	for(i=0;i<tags.length;i++){

		Prepare2(tags[i]);

	}

}



function Prepare2(el){

	

	var tooltip,t,b,s,l;

	

	//Obsah atributu "title" předaného tagu <a> v "el"; 1:odstraním, 2:

	t=el.getAttribute("title");

	if(t==null || t.length==0) t="";

	el.removeAttribute("title");

	

	//vytvoření elementu <span> s class="tooltip"

	tooltip=CreateEl("span","tooltip");

	

	//Do elementu <span class="tooltip"> vložím element <span class="top"> a dovnitř vložím text z atributu "title"

	s=CreateEl("span","top");

	

	str=CreateEl("strong", "slozeni");

	str.appendChild(document.createTextNode(""));

	

	s.appendChild(str);

	s.appendChild(document.createTextNode(t));

	tooltip.appendChild(s);

	

	//Do elementu <span class="tooltip"> vložím element <span class="bottom"> a dovnitř vložím odkaz z "el"

	b=CreateEl("b","bottom");

	//b.appendChild(document.createTextNode("Hahaha"));	

	tooltip.appendChild(b);



	//Nastavení průhlednosti tooltipu

	setOpacity(tooltip);

	el.tooltip=tooltip;



	//Nastavení událostí

	el.onmouseover=showTooltip;

	el.onmouseout=hideTooltip;

	el.onmousemove=Locate;

}



//Zobrazí element btc, ve kterém je tooltip

function showTooltip(e){

	document.getElementById("btc").appendChild(this.tooltip);

	Locate(e);

}



//Skryje tooltip

function hideTooltip(e){

	var d=document.getElementById("btc");

	if(d.childNodes.length>0) d.removeChild(d.firstChild);

}



//Nastavení umístění tooltipu dle pozice kurzoru myši

function Locate(e){

	var posx=0,posy=0;

	if(e==null) e=window.event;

	if(e.pageX || e.pageY){

		posx=e.pageX;

		posy=e.pageY;

  }

	else if(e.clientX || e.clientY){

		if(document.documentElement.scrollTop){

			posx=e.clientX+document.documentElement.scrollLeft;

			posy=e.clientY+document.documentElement.scrollTop;

    } else {

	    posx=e.clientX+document.body.scrollLeft;

	    posy=e.clientY+document.body.scrollTop;

		}

	}

	document.getElementById("btc").style.top=(posy+10)+"px";

	document.getElementById("btc").style.left=(posx-20)+"px";

}

