/**
 * @name Fancy Tooltip
 * @description Tworzy ciekawy efekt tootlipow ze wszystkich elementów a, span, img oraz acronym, które posiadają atrybut "title"
 * @author Grzegorz Szefka <grzegorz[at]szefka(dot)com>
 */
 
document.write('<div id="tooltip">szefka.com</div>');

var IE=document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);

if(!tooltip_tagi.length)
	var tooltip_tagi = new Array('a');

for (var j = 0; j < tooltip_tagi.length; j++) {
	var linki= document.getElementsByTagName(tooltip_tagi[j]);

	for (var i = 0; i < linki.length; i++) {
		if (document.getElementsByTagName(tooltip_tagi[j])[i].title.length>0) {
			document.getElementsByTagName(tooltip_tagi[j])[i].onmouseover=pokaz;
			document.getElementsByTagName(tooltip_tagi[j])[i].onmousemove=pokaz;
			document.getElementsByTagName(tooltip_tagi[j])[i].onmouseout=ukryj;
		}
	}
}

tt = document.getElementById('tooltip');

function pokaz(e) {
	if (IE) tt.style.left=event.clientX+4+document.body.scrollLeft+'px';
		else tt.style.left=e.pageX+4+'px';
	if (IE) tt.style.top=(event.clientY)+6+document.body.scrollTop+'px';
		else tt.style.top=e.pageY+6+'px';
	tt.style.display='block';
	if(this.title.length>0)
		tt.innerHTML = this.title;
	this.title='';
}

function ukryj() {
	tt.style.display='none';
	this.title = tt.innerHTML;
	tt.innerHTML = '';
}