function createPlaceholder() {
	var placeholder = document.createElement("img");
	placeholder.setAttribute("src", "portfolio/assets/images/port1.jpg");
	placeholder.setAttribute("alt", "Click The Thumbnail To See It Here");
	placeholder.setAttribute("height", 450);
	placeholder.setAttribute("width", 650);
	placeholder.setAttribute("id", "placeholder")
	

	//var mainContentSpot = document.getElementById("mainContent");
	//mainContentSpot.appendChild(placeholder);
	var putHereSpot = document.getElementById("putHere");
	putHereSpot.appendChild(placeholder);
	
	var description = document.createElement("p");
	description.setAttribute("id", "description");
		
	
	putHereSpot.appendChild(description);
	var descText = document.createTextNode("Click The Thumbnail To See It Here");
	description.appendChild(descText);
	
}

function whichThumbnailDidYouClick() {
	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);	
		}
	}
}

function showPic(whichPic) { 
	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");
	description.firstChild.nodeValue = text;
	return false;
}


addLoadEvent(createPlaceholder);
addLoadEvent(whichThumbnailDidYouClick);