var body = null;
var tloPodgladu = null;
var obszarPodgladu = null;
var przyciskZamknij = null;

function inicjalizujPodglad (){
	body = document.getElementsByTagName ("body")[0];

	tloPodgladu = document.createElement('div');
	tloPodgladu.id = "tloPodgladu";
	tloPodgladu.style.display = "none";
	tloPodgladu.style["position"] = "absolute";
	tloPodgladu.style.left = "0px";
	tloPodgladu.style.top = "0px";
	tloPodgladu.style.background = "url(grafika/zaciemnienie.png)";
	tloPodgladu.style.zIndex = 1;
	tloPodgladu.onclick = function (){
		/*document.getElementById ("obszarPodgladu").style.display = "none";
		document.getElementById ("tloPodgladu").style.display = "none";
		document.getElementById ("przyciskZamknij").style.display = "none";*/
	};
	body.appendChild(tloPodgladu);

	obszarPodgladu = document.createElement('div');
	obszarPodgladu.id = "obszarPodgladu";
	obszarPodgladu.style.display = "none";
	obszarPodgladu.style["position"] = "absolute";
	obszarPodgladu.style.left = "0px";
	obszarPodgladu.style.top = "0px";
	obszarPodgladu.style.padding = "5px";
	obszarPodgladu.style.backgroundColor = "white";
	obszarPodgladu.style.border = "1px solid #788282";
	obszarPodgladu.style.color = "#999999";
	obszarPodgladu.style.fontWeight = "bold";
	obszarPodgladu.style.zIndex = 2;
	body.appendChild(obszarPodgladu);

	przyciskZamknij = document.createElement('div');
	przyciskZamknij.id = "przyciskZamknij";
	przyciskZamknij.style.display = "none";
	przyciskZamknij.style["position"] = "absolute";
	przyciskZamknij.style.left = "0px";
	przyciskZamknij.style.top = "0px";
	przyciskZamknij.style.margin = "0px";
	przyciskZamknij.style.padding = "0px";
	przyciskZamknij.innerHTML = "<img src='grafika/zamknij.png' />";
	przyciskZamknij.style.zIndex = 3;
	przyciskZamknij.onclick = function (){
		document.getElementById ("obszarPodgladu").style.display = "none";
		document.getElementById ("tloPodgladu").style.display = "none";
		document.getElementById ("przyciskZamknij").style.display = "none";
	};
	body.appendChild(przyciskZamknij);
}


function wezPozycje (elemID){
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
		offsetLeft += document.body.leftMargin;
		offsetTop += document.body.topMargin;
	}
	return {left:offsetLeft, top:offsetTop};
}


function podglad (zawartosc, podpis){
	var zdjecie = new Image ();
	zdjecie.onload = function (){
		obszarPodgladu.style.display = "block";
		if (podpis != undefined)
			obszarPodgladu.innerHTML = "<img src='" + zawartosc + "' /><br /><br />" + podpis + "<br /><br />";
		else
			obszarPodgladu.innerHTML = "<img src='" + zawartosc + "' />";
		obszarPodgladu.style.left = ((body.scrollWidth - zdjecie.width) / 2) + "px";
		obszarPodgladu.style.top = "0px"//((body.offsetHeight - zdjecie.height) / 2) + "px";
		obszarPodgladu.style.width = "inherit";
		obszarPodgladu.style.height = "inherit";
		
		przyciskZamknij.style.display = "block";
		przyciskZamknij.style.left = (zdjecie.width + (body.scrollWidth - zdjecie.width) / 2 - 25) + "px";
		przyciskZamknij.style.top = "5px";//((body.offsetHeight - zdjecie.height) / 2 - 16) + "px";
		
		wysokosc = zdjecie.height + 27;
		if (wysokosc < body.offsetHeight)
			wysokosc = body.offsetHeight;
		
		tloPodgladu.style.display = "block";
		tloPodgladu.style.width = body.scrollWidth + "px";
		tloPodgladu.style.height = body.offsetHeight + "px";
	};
	zdjecie.src = zawartosc;
}


function podgladHTML (zawartosc, szerokosc, wysokosc){
		obszarPodgladu.innerHTML = zawartosc;
		obszarPodgladu.style.display = "block";
		obszarPodgladu.style.left = ((body.scrollWidth - szerokosc) / 2) + "px";
		obszarPodgladu.style.top = "0px"//((body.offsetHeight - zdjecie.height) / 2) + "px";
		obszarPodgladu.style.width = szerokosc + "px";
		obszarPodgladu.style.height = wysokosc + "px";
		
		przyciskZamknij.style.display = "block";
		przyciskZamknij.style.left = (szerokosc + (body.scrollWidth - szerokosc) / 2 - 25) + "px";
		przyciskZamknij.style.top = "5px";//((body.offsetHeight - zdjecie.height) / 2 - 16) + "px";
		
		tloPodgladu.style.display = "block";
		tloPodgladu.style.width = body.scrollWidth + "px";
		tloPodgladu.style.height = "100%";
		//tloPodgladu.style.height = body.offsetHeight + "px";
}