var borderwidth = 3;
function setpoppic(w, h, l, t, alt, step, c, maxw) {

	$('poppic').width = w;
	$('poppic').height = h;
	$('growingpic').style.left = l + "px";
	$('growingpic').style.top = t + "px";
	if (step == 20) {
		$('growingpic').style.zIndex = 2;
		$('growingpic').style.width = (w+2) + "px";
		$('growingpic').style.height = (h+2) + "px";
		var el = document.createElement("div");
		el.style.color = "#bbb";
		el.style.textShadow = "none";
		el.style.position = "fixed";
		el.style.bottom = "-30px";
		el.style.left = "1px";
		el.style.width = w + "px";
		el.style.textAlign = "center";
		el.style.padding = "4px 0 4px 0";
		el.style.color = "black";
		el.className = "tekst big";
		el.innerHTML = alt;
		$('growingpic').appendChild(el);
		el = null;

		if ($('picnextimg') == null) {
			var el = document.createElement("div");
			el.id = "picnextimg";
			el.style.zIndex = 99;
			el.style.visibility = "hidden";
			el.style.position = "fixed";
			el.style.top = ((document.body.clientHeight / 2) - 10) + "px";
			el.style.left = ((document.body.clientWidth / 2) + (maxw/2) + 30 - 15) + "px";
			el.innerHTML = "<img src=\"/img/picnext.gif\" width=29 height=29>";
			addevent(el, "click", function() {
				$('piccloseimg').style.left = "-999px";
				eval(imnext.trigger)
			});
			document.body.appendChild(el);
			el = null;
		} else {
			el = $('picnextimg');
			el.style.top = ((document.body.clientHeight / 2) - 10) + "px";
			el.style.left = ((document.body.clientWidth / 2) + (maxw/2) + 30 - 15) + "px";
		}

		if ($('picprevimg') == null) {
			var el = document.createElement("div");
			el.id = "picprevimg";
			el.style.zIndex = 99;
			el.style.visibility = "hidden";
			el.style.position = "fixed";
			el.style.top = ((document.body.clientHeight / 2) - 10) + "px";
			el.style.left = ((document.body.clientWidth / 2) - (maxw/2) - 30 - 15) + "px";
			el.innerHTML = "<img src=\"/img/picprev.gif\" width=29 height=29>";
			addevent(el, "click", function() {
				$('piccloseimg').style.left = "-999px";
				eval(imprev.trigger)
			});
			document.body.appendChild(el);
			el = null;
		} else {
			el = $('picprevimg');
			el.style.top = ((document.body.clientHeight / 2) - 10) + "px";
			el.style.left = ((document.body.clientWidth / 2) - (maxw/2) - 30 - 15) + "px";
		}

		if ($('piccloseimg') == null) {
			var el = document.createElement("div");
			el.id = "piccloseimg";
			el.style.zIndex = 99;
			el.style.visibility = "visible";
			el.style.position = "fixed";
			el.style.top = ((document.body.clientHeight / 2) - (h / 2) + 12) + "px";
			el.style.left = ((document.body.clientWidth / 2) + (w / 2) - 32) + "px";
			el.style.cursor = "pointer";
			el.innerHTML = "<img src=\"/img/picclose.png\" width=29 height=29>";
			
			addevent(el, "click", function() {
				hideimage();
			});
			document.body.appendChild(el);
			el = null;
		} else {
			el = $('piccloseimg');
			el.style.top = ((document.body.clientHeight / 2) - (h / 2) + 12) + "px";
			el.style.left = ((document.body.clientWidth / 2) + (w / 2) - 32) + "px";
		}

		doprevnext(c);
	}
}
var imnext;
var imprev;
function doprevnext(c) {
	if ($('galery'+(c+1)) != null) {
		var next = $('galery'+(c+1)).onclick + "";
		next = next.substring(next.indexOf('{')+1, 999);
		next = next.substring(0, next.indexOf('}'));
		next = trim(next);
		var trig = next;
		next = next.substring(10, next.length - 1);
		var ns = next.split(",");
		var nsp = trim(str_replace("'", "", ns[0]));
		imnext = new Image();
		imnext.trigger = trig;
		addevent(imnext, "load", function() {
//			fadein('picnextimg', 0.2);
		});
		imnext.src = nsp; // + "?r=" + new Date().getTime();
		if ($('picnextimg').style.visibility == "hidden") fadein('picnextimg', 0.2);
	} else {
		if ($('picnextimg').style.visibility != "hidden") fadeout('picnextimg', 0.2);
	}
	if ($('galery'+(c-1)) != null) {
		var prev = $('galery'+(c-1)).onclick + "";
		prev = prev.substring(prev.indexOf('{')+1, 999);
		prev = prev.substring(0, prev.indexOf('}'));
		prev = trim(prev);
		var trig = prev;
		prev = prev.substring(10, prev.length - 1);
		var ns = prev.split(",");
		var nsp = trim(str_replace("'", "", ns[0]));
		imprev = new Image();
		imprev.trigger = trig;
		addevent(imprev, "load", function() {
//			fadein('picprevimg', 0.2);
		});
		imprev.src = nsp; // + "?r=" + new Date().getTime();
		if ($('picprevimg').style.visibility == "hidden") fadein('picprevimg', 0.2);
	} else {
		if ($('picprevimg').style.visibility != "hidden") fadeout('picprevimg', 0.2);
	}
}
function showimage(temp, alt, w, h, c, maxw) {
	if (h > document.body.clientHeight - 70) {
		h2 = document.body.clientHeight - 70;
		w2 = w * h2/h;
		w = Math.round(w2);
		h = Math.round(h2);
	}
	obj = $('pic'+c);
	var a = getpos(obj.id);
	$('growingpic').style.left = (a[0] - (ie?1:0) + 0) + "px";
	$('growingpic').style.top = (a[1] + 0) + "px";
	$('growingpic').style.width = (obj.offsetWidth-borderwidth) + "px";
	$('growingpic').style.height = (obj.offsetHeight-borderwidth) + "px";

	$('growingpic').innerHTML = "<img id=\"poppic\" src=\""+temp+"\" width="+(obj.offsetWidth-borderwidth)+" height="+(obj.offsetHeight-borderwidth)+" class=\"thumb\" style=\"cursor:pointer\" onClick=\"hideimage()\" onLoad=\"showimage_real('"+temp+"', '"+alt+"', "+w+", "+h+", "+c+", "+maxw+")\">";

}
function showimage_real(temp, alt, w, h, c, maxw) {
//alert('t');
//return;
	darken();
	obj = $('pic'+c);
	var a = getpos(obj.id);
	endx = Math.floor(document.body.clientWidth / 2 - w / 2) - borderwidth / 2;
	endy = Math.floor(document.body.clientHeight / 2 - h / 2) + document.body.scrollTop;
	stepx = (w - (obj.offsetWidth-2)) / 20;
	stepy = (h - (obj.offsetHeight-2)) / 20;
	stepx2 = (a[0] - endx) / 20;
	stepy2 = (a[1] - endy) / 20;
	for (var i = 1; i <= 20; i++) {
		var nw = Math.round((obj.offsetWidth-2) + i * stepx);
		var nh = Math.round((obj.offsetHeight-2) + i * stepy);
		var nl = Math.round(a[0] - i * stepx2);
		var nt = Math.round(a[1] - i * stepy2);
		window.setTimeout("setpoppic("+nw+","+nh+","+nl+","+nt+",'"+alt+"',"+i+","+c+", "+maxw+")", (200*i/20))
	}
}
function hideimage() {
	lighten();
	window.setTimeout(function() {
		fadeout('growingpic', 0.1);
		$('picprevimg').style.visibility = "hidden";
		$('picprevimg').style.left = "-999px";
		$('picnextimg').style.visibility = "hidden";
		$('picnextimg').style.left = "-999px";
		$('piccloseimg').style.left = "-999px";
	}, 20);
	window.setTimeout(function() {
		$('growingpic').style.left = 0;
		$('growingpic').style.top = 0;
		$('growingpic').style.width = "1px";
		$('growingpic').style.height = "1px";
		$('growingpic').innerHTML = "";
//		if (ie) $('growingpic').filters[0].opacity = 100;
		if (!ie) $('growingpic').style.opacity = 1;
		$('growingpic').style.display = "block";
		$('growingpic').style.visibility = "visible";
	}, 250);

}
function darken() {
	$('blackcoverpic').style.width = document.body.scrollWidth + "px";
	$('blackcoverpic').style.height = document.body.scrollHeight + "px";

	if (!ie) $('blackcoverpic').style.opacity = 0.7;
	else $('blackcoverpic').filters[0].opacity = "70";

//	$('blackcoverpic').style.display = "block";
/*
	for (var i = 5; i <= 70; i+=5) {
		if (!ie) window.setTimeout("$('blackcover').style.opacity="+(i/100), i * 2);
		else window.setTimeout("$('blackcover').filters[0].opacity="+i, i * 2);
	}
*/
}
function lighten() {
	if (!ie) $('blackcoverpic').style.opacity = 0;
	else $('blackcoverpic').filters[0].opacity = "0";
	$('blackcoverpic').style.width = "1px";
	$('blackcoverpic').style.height = "1px";
/*
	for (var i = 70; i >= 0; i-=5) {
		if (!ie) window.setTimeout("$('blackcover').style.opacity="+(i/100), (70-i) * 2);
		else window.setTimeout("$('blackcover').filters[0].opacity="+i, (70-i) * 2);
	}
*/
//	window.setTimeout("$('blackcoverpic').style.display = 'none';", 5);
}