function showLB(imageUrl) {
	if (isInt(imageUrl)) {
		pid = imageUrl;
		imageUrl = "showPhoto.php?pid=" + imageUrl + "&width=600&height=500";
	}
	imageUrl += "&random=" + Math.round(100*Math.random());
	frameSize = getFrameScrollSize();
	$("#lightbox").show();
	$("#lightbox").html("<div id=loading><img src=miscpics/icons/loadingtrans.gif></div>");
	
	half = Math.floor((parseInt(frameSize[0]) - $("#lightbox").width()) / 2);
	
	$("#lightbox").css({"left" : half});
	$("#lightbox").css({"top" : (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 100});
	$("#blackoverlay").show();
	$("#blackoverlay").height(frameSize[1]);
	
	newPhoto = new Image();
	newPhoto.src = imageUrl;	
	newPhoto.onload = function() {
		frameSize = getFrameScrollSize();
		half = Math.floor((parseInt(frameSize[0]) - this.width) / 2);
		newTop = (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 100;
		$("#lightbox").css({"left" : half});
		$("#lightbox").css({"top" : newTop});
		$("#lightbox").width(this.width);
		$("#lightbox").html("");
		$("#lightbox").append(this);
		$("#lightbox").append("<div id=\"closeButton\"></div>");
		loadLbData(pid);
	}
}

function loadLbData(pid) {
	$("#closeButton").load("includes/getLbData.php", {pid: pid});
}

function hideLB() {
	$("#lightbox").hide();
	$("#blackoverlay").hide();
}

function getFrameScrollSize() {
	if (document.body && (document.body.scrollWidth || document.body.scrollHeight)) {
		var pageWidth = document.body.scrollWidth + "px";
		var pageHeight = document.body.scrollHeight + "px";
    	} 
    	else if (document.body.offsetWidth ) {
		var pageWidth = document.body.offsetWidth + "px";
		var pageHeight = document.body.offsetHeight + "px";
	} 
	else {
		var pageWidth = "100%";
		var pageHeight = "100%";
	}
	retval = new Array(pageWidth, pageHeight);
	return retval;
}