function showPicture(photo) {
	var imageSrc = "getImage.php?img=" + photo + "&size=1";
	var theImage = document.getElementById("thePopupImage");
	theImage.src = imageSrc;
	
	var overlay = document.getElementById("overlay");
	var popupContainer = document.getElementById("popupContainer");
	overlay.style.display = "block";
	popupContainer.style.display = "block";
}

function closePopup() {
	var overlay = document.getElementById("overlay");
	var popupContainer = document.getElementById("popupContainer");
	var theImage = document.getElementById("thePopupImage");
	overlay.style.display = "none";
	popupContainer.style.display = "none";
	theImage.src = "";
}

function swapImage(imgSrc) {
	var theImage = document.getElementById("theLargeImage");
	theImage.src = 'getImage.php?img=/images/' + imgSrc + '&size=2';
	theImage.onclick = function() { showPicture('/images/' + imgSrc) };
}

//For the search page, not the popup image
function popupWindow(link) {
	window.open(link, "Search Help", "menubar=1, resizable=1, width=350, height=250");
}