/**
 * Skrypt odpowiedzialny za tworzenie dymków z obrazkiem dla linków,
 * które zawierają atrybut rel="mini[adres_obrazka]",
 * gdzie adres_obrazka musi być ścieżką względną do miniaturki
 * na serwerze http://i.wp.pl/
 *
 * @author Grzegorz 'Kashub' Szefka <kashub@wp-sa.pl>
 */
document.write('<div id="minitooltipimg"></div>');

var IE=document.all?true:false;
if (!IE) {
	window.addEventListener("mousemove",kolekcjonuj, false);
} else {
	kolekcjonuj();
}

function kolekcjonuj() {
	var kontener = document.getElementById('artBody');
	if(kontener) {
		var linki= kontener.getElementsByTagName('a');
		for (var i = 0; i < linki.length; i++) {
			if (kontener.getElementsByTagName('a')[i].rel.indexOf('mini') != -1) {
				kontener.getElementsByTagName('a')[i].onmouseover=pokaz;
				kontener.getElementsByTagName('a')[i].onmousemove=pokaz;
				kontener.getElementsByTagName('a')[i].onmouseout=ukryj;
			}
		}
	}
}

tt = document.getElementById('minitooltipimg');

function pokaz(e) {
	var min_width = 120;
	var przesuniecie_x = 10;
	var przesuniecie_y = -18;
	przesuniecie_y += przesuniecie_y==0?1:0;
	
	if(!parseInt(tt.style.left) && parseInt(tt.style.left)!=0)
		tt.style.left=0;

	if(IE) {
		var lewo = event.clientX+document.body.scrollLeft;
		var szerokosc_strony = document.body.clientWidth;
	}
	else {
		var lewo = e.pageX;
		var szerokosc_strony = document.width;
	}
	
	var max_prawo = szerokosc_strony - min_width;
	
	if(lewo+przesuniecie_x <= max_prawo) {
		if (IE) {
			tt.style.left=event.clientX + przesuniecie_x + document.body.scrollLeft + 'px';
		}
		else {
			tt.style.left = e.pageX + przesuniecie_x + 'px';
		}
	}
	else {
		tt.style.left = max_prawo + 'px';
	}
	
	if (IE) {
		tt.style.top = (event.clientY) + przesuniecie_y + document.documentElement.scrollTop +'px';
        } else { 
                tt.style.top = e.pageY + przesuniecie_y + 'px';
	}
	var imgsrc = this.rel.substr(5, this.rel.length-6);
	imgsrc = 'http://i.wp.pl/' + imgsrc.replace('http://i.wp.pl/', '');
	// preloading miniaturek
	var preload_img = new Image;
	preload_img.src = imgsrc;
	
	tt.innerHTML = '<img src="' + imgsrc + '" />';

	tt.style.display='block';
}

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