function onLoad() {
	//Set the onclick method of the images
	var images = document.getElementsByTagName("IMG");
	for (var i = 0; i < images.length; i++) {
		if (images[i].getAttribute("class") == "screenshot")
			images[i].addEventListener('click', showScreenshot, true);
	}
}

function showScreenshot(event) {
	var source = this.getAttribute("src");
	var previewbox = document.getElementById("previewbox");
	var preview = document.getElementById("preview");
	if (preview) {
		if (preview.getAttribute("src") != source) {
			preview.setAttribute("src", source);
		}
	}
	else {
		var preview = document.createElement("img");
		preview.setAttribute("id", "preview");
		preview.addEventListener("click", hideScreenshot, false);
		preview.setAttribute("src", source);
		previewbox.appendChild(preview);
		previewbox.style.display = "inline";
	}
}

function hideScreenshot() {
	this.removeEventListener("click", hideScreenshot, false);

	var previewbox = document.getElementById("previewbox");
	var preview = document.getElementById("preview");
	
	previewbox.removeChild(preview);
	previewbox.style.display = "none";
	
}