var margines = 20;
var BX = "";
var BY = "";
var oH = "";
var oW = "";
function getStyle(el,styleProp) {
	var x = document.getElementById(el);
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}

if (window.XMLHttpRequest) { 
	ObiektXMLHttp = new XMLHttpRequest();
} 
else if (window.ActiveXObject) { 
	ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
} 
function getData(zrodlo, cel, lad) { 
	if(ObiektXMLHttp) {
 		var cel = document.getElementById(cel);
		var lad = document.getElementById(lad);
		ObiektXMLHttp.open("GET", zrodlo);
		ObiektXMLHttp.onreadystatechange = function() { 
		var pozx, pozy;
			if (self.innerWidth) {
				pozx = self.innerWidth;
				pozy = self.innerHeight;
			}
			else if (document.documentElement && document.documentElement.clientWidth) {
				pozx = document.documentElement.clientWidth;
				pozy = document.documentElement.clientHeight;
			}
			else if (document.body) {
				pozx = document.body.clientWidth;
				pozy = document.body.clientHeight;
			}
			var przesuniecie;
			if (self.pageYOffset) {
				przesuniecie = self.pageYOffset;
			}
			else if (document.documentElement && document.documentElement.scrollTop) {
				przesuniecie = document.documentElement.scrollTop;
			}
			else if (document.body) {
				przesuniecie = document.body.scrollTop;
			}
		if (ObiektXMLHttp.readyState == (1 || 0)) {
			lad.style.left=(pozx-(300+margines))/2+"px";
			lad.style.top=(pozy-(200+margines))/2+(przesuniecie-margines*2)+"px";
			lad.style.display = "block"; //ladowanie
		}
		if (ObiektXMLHttp.readyState == 4) {
			lad.style.display = "none";
			cel.innerHTML = ObiektXMLHttp.responseText;
			cel.style.left=(pozx-(oW+margines))/2+"px";
			cel.style.top=(pozy-(oH+margines))/2+(przesuniecie-margines*2)+"px";
			cel.style.width=oW+"px";
			cel.style.height=oH+margines+"px";
			cel.style.display="block";
		}
		if (ObiektXMLHttp.readyState != (1 || 0 || 4)) {
			lad.style.display = "none";
		}
		} 
		ObiektXMLHttp.send(null);
	}
} 
var szerokosc = document.getElementsByTagName('body')[0].offsetWidth;
var wysokosc = "";
var idp = '0';
var typolo = "";
var katalog = "";
var jezyk = "";
var krok = szerokosc/10;
var startowa = krok;
var poziom = true;
function wio(r,bx,by) {
	var dalej = true;
	var el = document.getElementById('zaciemnienie');
	if(poziom) {
		var w = eval(el.offsetWidth);
		el.style.width=w+r+"px";
		if(w>=bx-krok) {
			poziom=false;
			el.style.width=szerokosc+"px";
			startowa=krok;
		}
	}
	else {
		var h = eval(el.offsetHeight);
		el.style.height=h+r+"px";
		krok=by/20;
		if(h>=(by-krok)) {
			dalej=false;
			poziom=true;
			krok = szerokosc/20;
			startowa=krok;
			el.style.height=wysokosc+"px";
		}
	}
	if(dalej) {
		pokazFoto();
	}
	else {
		getData('zdjecie.php?id='+idp+'&katalog='+katalog+'&typ='+typolo+'&lang='+lang,'fotoDuze','ladowanie')
	}
}

function zamknij() {
	idp='0';
	var z = document.getElementById('zaciemnienie');
	z.style.display="none";
	z.style.width="10px";
	z.style.height="10px";
	document.getElementById('fotoDuze').innerHTML="";
	document.getElementById('fotoDuze').style.display="none";
	document.getElementById('fotoDuze').style.width="0px";
	document.getElementById('fotoDuze').style.height="0px";
}

function pokazFoto(ido,kata,Fw,Fh,typ,jezyk) {
	BX = document.getElementsByTagName('body')[0].offsetWidth;
	BY = document.getElementsByTagName('body')[0].offsetHeight;
	wysokosc = BY;
	document.getElementById('zaciemnienie').style.display="block";
	if(idp=='0') {
		typolo=typ;
		idp=ido;
		katalog=kata;
		oH=Fh;
		oW=Fw;
		lang=jezyk;
	}
	var ws = self.setTimeout("wio(krok,BX,BY)",5);
}