// JavaScript Document
// the onload function 
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}
//insertAfter Function
function insertAfter(newElement,targetElement) {
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement) {
		parent.appendChild(newElement);
	}else{
		parent.insertBefore(newElement,targetElement.nextSibling);
	}
} 
//preparePlacholder Function
function preparePlaceholder() {
	if (!document.createElement) return false;
	if (!document.createTextNode) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("imagegallery")) return false;
	//Create Gallery Container 
	var galleryContainer = document.createElement("div");
	galleryContainer.setAttribute("id","galleryContainer");
	//Create Place Holder
	var placeholder = document.createElement("img");											  
	placeholder.setAttribute("id","placeholder");
	placeholder.setAttribute("src","img/placeholder.jpg");
	placeholder.setAttribute("alt","Image Gallery");
	var description = document.createElement("p");
	description.setAttribute("id","description")
	var desctext = document.createTextNode("Choose an Image");
	description.appendChild(desctext);
	galleryContainer.appendChild(placeholder);
	var gallery = document.getElementById("imagegallery");
	insertAfter(galleryContainer,gallery);
	insertAfter(description,placeholder);
}
//prepare Gallery Function
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);
		}
	}
*/
}
//showPic Function 
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 = "";
	}
	var description = document.getElementById("description");
	if(description.firstChild.nodeType == 3) {
		description.firstChild.nodeValue = text;
	}
	return false;
}
addLoadEvent(prepareGallery);
addLoadEvent(preparePlaceholder);