function fade_on()
{
 	document.getElementById("fade").style.visibility = 'visible';
	document.getElementById("fade").style.height = document.body.scrollHeight + 'px';
	document.getElementById("fade").style.width = document.body.scrollWidth + 'px';
}

function fade_off()
{
 	document.getElementById("fade").style.visibility = 'hidden';
}

add = 0;

function show_box(str,t)
{
	add = 18;
	if (t==undefined)	content = '<img id="floatpreload" src="/img/preloader_main.gif" style="margin: 100px 0 100px 0" alt=""><div id="floatdiv" style="display: none" ><a class="adesign" href="#" onclick="hide_box()"><img id="floatimg" src="' + str + '" alt="" onload="show_img()" /><p style="margin-top: 2px">Kliknij, aby zamkn±æ...</p></a></div>';
	else 
	{
		content = '<img id="floatpreload" src="/img/preloader_main.gif" style="margin: 100px 0 100px 0" alt=""><div id="floatdiv" style="display: none" ><a class="adesign" href="#" onclick="hide_box()"><img id="floatimg" src="' + str + '" alt="" onload="show_img()" /></a><p style="font-size: 9px">'+ t +'</p><a class="adesign" href="#" onclick="hide_box()"><p style="margin-top: 2px">Kliknij, aby zamkn±æ...</p></a></div>';
		add += 0;
	}
	fade_on();
	document.getElementById("floatboxcont").style.visibility = 'visible';
	document.getElementById("floatbox").innerHTML = content;
}

function show_img()
{
	document.getElementById("floatdiv").style.display = 'block';
	document.getElementById("floatpreload").style.display = 'none';
	document.getElementById("floatbox").style.width = document.getElementById("floatimg").width + 'px';
	document.getElementById("floatbox").style.height = document.getElementById("floatimg").height + add + 'px';
	
}

function hide_box()
{
	fade_off();
	document.getElementById("floatdiv").style.display = 'none';	
	document.getElementById("floatpreload").style.display = 'block';
	document.getElementById("floatboxcont").style.visibility = 'hidden';
	document.getElementById("floatbox").innerHTML = '';
	document.getElementById("floatbox").style.width = '400px';
}