//Script pro zobrazovani kontextove napovedy//
//Created 02.10.2007//
//Testovano IE, Opera, Mozilla, Safari - bez kolize, validni, 100% shodne zobrazeni//


var urcitag = "span"; //Budeme nastavovat html tag, na ktery bude aplikovana napoveda//
var osax = -80; //Nadefinujeme si umisteni napovedy pod kurzorem pro osu X//
var osay = 15; //Nadefinujeme si umisteni napovedy pod kurzorem pro osu Y//


napovedainit = {
name : "napoveda",
offsetX : osax,
offsetY : osay,
napovez : null
}


napovedainit.init = function ()
{
	var napovedaURL = "http://www.w3.org/1999/xhtml";
	if(!napovedaID){ var napovedaID = "napoveda";}
	var napovedabox = document.getElementById(napovedaID);

	if(!napovedabox)
	{
		napovedabox = document.createElementNS ? document.createElementNS(napovedaURL, "div") : document.createElement("div");
		napovedabox.setAttribute("id", napovedaID);
		document.getElementsByTagName("body").item(0).appendChild(napovedabox);
	}

	if (!document.getElementById) return;
	this.napovez = document.getElementById (this.name);
	if (this.napovez) document.onmousemove = function (evt) {napovedainit.move (evt)};

	var a, sTitle;
	var anchors = document.getElementsByTagName (urcitag);

	for (var i = 0; i < anchors.length; i ++)
	{
		a = anchors[i];
		sTitle = a.getAttribute("title");
		if(sTitle) 
		{
			a.setAttribute("napovedapopis", sTitle);
			a.removeAttribute("title");
			a.onmouseover = function() {napovedainit.show(this.getAttribute('napovedapopis'))};
			a.onmouseout = function() {napovedainit.hide()};
		}
	}
}


napovedainit.move = function (evt)
{
	var x=0, y=0;

	// Je nutne urcit podminku pro IE //
	if (document.all)
	{ 
	x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;	y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
	x += window.event.clientX;
	y += window.event.clientY;
	
	// Pokud bude jiny prohlizec nez IE //
	} else {
	x = evt.pageX;
	y = evt.pageY;
	}
	
	this.napovez.style.left = (x + this.offsetX) + "px";
	this.napovez.style.top = (y + this.offsetY) + "px";
}


napovedainit.show = function (text)
{
	if (!this.napovez) return;
	this.napovez.innerHTML = text;
	this.napovez.style.display = "block";
}


napovedainit.hide = function () 
{
	if (!this.napovez) return;
	this.napovez.innerHTML = "";
	this.napovez.style.display = "none";
}


window.onload = function ()
{
	napovedainit.init ();
}