var popBg = new Array();
popBg[0] = new Image(490,460); 
popBg[0].src = "images/gallery/landscape.png";
popBg[1] = new Image(380,570); 
popBg[1].src = "images/gallery/portrait.png";

var newImg = new Image();
var downloadImage = '';

function openPop(i) {
	newImg.src = 'images/gallery/medium/' + i + '.jpg';
	downloadImage = i + '.jpg';
	newImg.onload = completePop;
}

function completePop() {
	document.getElementById('BlackOut').style.height = document.getElementById('AndrewPriceAcademy').offsetHeight + 'px';
	document.getElementById('BlackOut').style.display = 'block';
	document.getElementById('PopUp').innerHTML = '<div id="Placement"><p class="Image"><img src="' + newImg.src + '" alt="" /></p><p class="Download"><img src="images/gallery/download.gif" width="96" height="19" alt="download pic" onclick="document.location.href=\'download.php?f=' + downloadImage + '\'" /></p><p class="Close"><img src="images/gallery/close.gif" width="96" height="19" alt="close window" onclick="closePop()" /></p><span>&nbsp;</span></div>';
	document.getElementById('PopUp').style.display = 'block';
	if(newImg.width < 440) {
		document.getElementById('PopUp').className = 'Portrait';
	} else {
		document.getElementById('PopUp').className = 'Landscape';
	}
	positionPop();
}

function closePop() {
	document.getElementById('BlackOut').style.display = 'none';
	document.getElementById('PopUp').style.display = 'none';
	document.getElementById('PopUp').innerHTML = '';
}

function positionPop() {
	if(document.getElementById('PopUp').style.display == 'block') {
		if(document.getElementById('PopUp').className == 'Portrait') {
			if (typeof document.height != 'undefined') {
				document.getElementById('PopUp').style.marginTop = (window.pageYOffset - 285) + 'px';
			}
			else if (document.compatMode && document.compatMode != 'BackCompat') {
				document.getElementById('PopUp').style.marginTop = (document.documentElement.scrollTop - 285) + 'px';
			}
			else if (document.body && typeof document.body.scrollHeight != 'undefined') {
				document.getElementById('PopUp').style.marginTop = (document.body.scrollTop - 285) + 'px';
			}
		} else if(document.getElementById('PopUp').className == 'Landscape') {
			if (typeof document.height != 'undefined') {
				document.getElementById('PopUp').style.marginTop = (window.pageYOffset - 230) + 'px';
			}
			else if (document.compatMode && document.compatMode != 'BackCompat') {
				document.getElementById('PopUp').style.marginTop = (document.documentElement.scrollTop - 230) + 'px';
			}
			else if (document.body && typeof document.body.scrollHeight != 'undefined') {
				document.getElementById('PopUp').style.marginTop = (document.body.scrollTop - 230) + 'px';
			}
		}
	}
}

window.onscroll = positionPop;