galleyImages = new Array();

function viewPopUp(id, html, classname) {
	var popUp = document.getElementById(id);
	if(popUp == undefined) {
		html = html || "EMAX popUp Window.";
		classname = classname || "EMAXpopup";
		popUp = document.createElement("div");
		popUp.className = classname;
		popUp.id = id;
		popUp.innerHTML = html;
		document.body.appendChild(popUp);
	}
	
	popUp.style.left = document.body.clientWidth/2 - popUp.offsetWidth/2 + "px";
	popUp.style.top = document.body.clientHeight/2 - popUp.offsetHeight/2 + "px";
	
	return popUp;
}

function closePopUp(id) {
	var popUp = document.getElementById(id);
	if(popUp != undefined)
	popUp.parentNode.removeChild(popUp);
}

function showPhoto(photo, descr) {
	closePopUp("photo");
	var popUp = viewPopUp("photo", "<div onClick=\"closePopUp('photo')\" style=\"cursor: pointer; font-family: verdana; font-size: 11px; font-weight: bold;\" id=\"fullPhotoView\">Идет загрузка изображения...</div>", "photoView");

	if(galleyImages[photo] == undefined) {
	galleyImages[photo] = new Image();
	galleyImages[photo].src = photo;
		galleyImages[photo].onload = function() {
			document.getElementById("fullPhotoView").innerHTML = "<img src=\"" + photo + "\"><div align=\"center\" style=\"font-family: verdana; font-size: 11px;\">" +  descr + "</div>";
			viewPopUp("photo");
		}
	} else {
		document.getElementById("fullPhotoView").innerHTML = "<img src=\"" + photo + "\"><div align=\"center\" style=\"font-family: verdana; font-size: 11px;\">" +  descr + "</div>";
		viewPopUp("photo");
	}
	
}