var picOpen = false;

window.onload = function() {
	var gallery = document.getElementById("gallery");
	var photos = gallery.getElementsByTagName("img");
	for(var i = 0; i < photos.length; i++){
		if(photos[i].className != "galleryspacer"){
			photos[i].onclick = openImage;
		}
	}
};

function openImage() {
	if(!picOpen){
		var photoDiv = document.createElement("div");
		photoDiv.className = "photoarea";
		photoDiv.onclick = closeImage;
		var photo = document.createElement("img");
		var photoSrc = this.src.substring(0, this.src.indexOf("thumbnails"))
			+ this.src.substring(this.src.indexOf("thumbnails")+11, this.src.length - 10)
			+ this.src.substring(this.src.length - 4);
		photo.src = photoSrc;
		var closeText = document.createElement("p");
		closeText.className = "close";
		closeText.textContent = "[Click on the image to close]";
		photoDiv.appendChild(photo);
		photoDiv.appendChild(closeText);
		document.getElementsByTagName("body")[0].appendChild(photoDiv);
		picOpen = true;
	}
}

function closeImage() {
	document.getElementsByTagName("body")[0].removeChild(this);
	picOpen = false;
}