// ShowPictures

var body_element = document.getElementsByTagName("body")[0];


Event.observe(window, 'load', function(){
	preparePlaceholder();
	prepareGallery();
});


function insertAfter(newElement, targetElement) {
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement) {
		parent.appendChild(newElement);
		} else {
			parent.insertBefore(newElement, targetElement.nextSibling);
		}
}

function preparePlaceholder() {
		if (!document.createElement) return false;
		if (!document.createTextNode) return false;
		if (!document.gerElementById) return false;
		if (!document.getElementById("imagegallery")) return false;
		var placeholder = document.createElement ("img");
		placeholder.setAttribute("id", "placeholder");
		placeholder.setAttribute("src", "placeholder.gif");
		placeholder.setAttribute("alt", "my image gallery");
		var description = document.createElement("p");
		description.setAttribute("id", "description");
		var gallery = document.getElementById("imagegallery");
		insertAfter(placeholder, gallery);
}

function prepareGallery() {
		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
		if (!document.getElementById("imagegallery")) return false;
		var gallery = document.getElementById("imagegallery");
		var links = gallery.getElementsByTagName("a");
		for (var i=0; i < links.length; i++) {
			links[i].onclick = function() {
				return showPic(this);
				}
			links[i].onkeypress = links[i].onclick;
		}

	}

function showPic(whichpic) {
		if (!document.getElementById("placeholder")) return true;
		var source = whichpic.getAttribute("href");
		var placeholder = document.getElementById("placeholder");
		placeholder.setAttribute("src", source);
		if (!document.getElementById("description")) return false;
		if (whichpic.getAttribute("title")) {
			var text = whichpic.getAttribute("title");
		} else {
			var text="";
		}

		return false;
}