var plachta;
var trans;
var obrazek;
var guzik;
var loader;

function adjustSize()
{
	var originalWidth = loader.width;
	var originalHeight = loader.height;
	var availableWidth = 1000;
	if (self.innerWidth) // all except Explorer
	{
		availableWidth = self.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
		// Explorer 6 Strict Mode
	{
		availableWidth = document.documentElement.clientWidth;
	}
	else if (document.body) // other Explorers
	{
		availableWidth = document.body.clientWidth;
	}
	if (availableWidth < 21)
		availableWidth = 21;
	if (20+originalWidth > availableWidth)
	{
		if (originalWidth == 0)
			originalWidth=1;
		var aspect = originalHeight/originalWidth;
		obrazek.width = (availableWidth-20);
		obrazek.height = ((availableWidth-20)*aspect);
	}
	else
	{
		obrazek.width = originalWidth;
		obrazek.height = originalHeight;
	}

}

function displayBigImage(url)
{
	loader = new Image();
	loader.src = url;
	plachta = self.document.getElementById("tloWielkie");
	plachta.style.visibility = "visible";
	plachta.style.display = "block";
	trans = self.document.getElementById("tloAlpha");
	trans.style.visibility = "visible";
	trans.style.display = "block";
	self.document.getElementById("ramka").style.display="none";
	obrazek = document.getElementById("bigImage");
	obrazek.src = url;
	obrazek.onload = adjustSize;
	guzik = self.document.getElementById("guzikX");
	guzik.style.cursor = "pointer";
	guzik.onclick = hideBigImage;
	guzik.style.fontSize = "16px";
	guzik.style.color = "#fff";
	guzik.style.backgroundColor = "#DD1A04";
	guzik.style.padding = "5px";
	guzik.style.marginBottom = "5px";
	guzik.style.marginTop = "5px";
	guzik.style.textDecoration = "underline";
	guzik.style.fontFamily = "Trebuchet MS,Verdana,Tahoma,Helvetica,Arial,Luxi Sans,sans-serif";
//	buzik.style
}

function hideBigImage()
{
	obrazek.src="";
	loader.src ="";
	loader = 69;
	plachta.style.visibility = "hidden";
	plachta.style.display = "none";
	trans.style.visibility = "hidden";
	trans.style.display = "none";
	self.document.getElementById("ramka").style.display="block";
}


