var styl_kolor = '';
var styl_bg = '';
var rgl = '/gfx/rgl.gif';
var rgp = '/gfx/rgp.gif';
var rdl = '/gfx/rdl.gif';
var rdp = '/gfx/rdp.gif';
var bgkolor = '#de0202';
var kolor = 'white';
var szerokosc_diva = 400;
var min_wys = 50;

function dymek(element, tresc)
{
	if (element)
	{
		var p = $(element);
		var offset = p.offset();
		
		var drugiOffset = $('#page').offset();
		
		var toop = parseInt(offset.top);
		var leeft = parseInt(offset.left);
		leeft -= drugiOffset.left;
		
		if (navigator.userAgent.indexOf('Opera') != -1)
		{
			leeft = leeft +1;
		}

/*
		if (navigator.userAgent.indexOf('MSIE') != -1)
		{
		}
		else if (navigator.userAgent.indexOf('Opera') != -1)
		{
			leeft = leeft - 142;
		}
		else
			leeft = leeft - 142;
			
		if (navigator.userAgent.indexOf('MSIE 6') != -1)
		{
//			toop = toop - 211;
			leeft = leeft - 50;

		}
		else
			toop = toop - 175;
*/
			
//			alert(navigator.userAgent.indexOf('MSIE')+' - '+navigator.userAgent);
		var wysokosc = element.offsetHeight;
		var szerokosc = p.width();
		element.className = 'czerwona';
		//if (document.getElementById('#dymek')) $('#dymek').remove();
		
		$('#dymek_main').append('<div id="dymek" style="position: absolute; top: '+(toop+wysokosc)+'px; left: '+(leeft)+'px; width: '+szerokosc_diva+'px; min-height: '+min_wys+'px; color: '+kolor+';"><table cellspacing="0" cellpadding="0" border="0"><tr><td style="width: 5px; height: 5px; background-color: '+bgkolor+'"></td><td style="width: '+(szerokosc_diva-10)+'px; background-color: '+bgkolor+';"></td><td style="width: 5px; height: 5px; background: url('+rgp+') no-repeat;"></td></tr><tr><td colspan="3" style="background-color: '+bgkolor+'; color: '+kolor+'; height: '+(min_wys-(wysokosc+5))+'px; vertical-align: top"><div class="dymek" style="width: '+(szerokosc_diva-10)+'; padding: 5px;">'+tresc+'</div></td></tr><tr><td style="height: 5px; width: 5px; background: url('+rdl+')"></td><td style="width: '+(szerokosc_diva-10)+'px; background-color: '+bgkolor+'"></td><td style="width: 5px; height: 5px; background: url('+rdp+') no-repeat;"></td></tr></table></div>');
	}
}
// onmouseover="dymek(this, '')" onmouseout="usun_dymek(this)"
function usun_dymek(elem)
{
	$('#dymek').remove();
	elem.className = 'ramka1';
}

document.write('<style type="text/css">#ukryty { display: none; }</style><div id="ukryty"><img src="'+rgl+'" /><img src="'+rgp+'" /><img src="'+rdl+'" /><img src="'+rdp+'" /></div>');
