window.onload = initPage;

function getDetails() {
	// Code here;
}
function initPage() {
	// find the thumbnails on the page
	thumbs = document.getElementById("thumbnailPane").getElementsByTagName("img");

	// set the handler for each image
	for (var i=0; i<thumbs.length; i++) {
		image = thumbs[i];
		
		// create the onclick function
		image.onclick = function() {
			//find the full-size image name
			detailURL = this.title;
			document.getElementById("itemDetail").src = detailURL;
			//getDetails(this.title);
		}
		// create the mouse-over function
		image.onmouseover = function() {
			//find the full-size image name
			detailURL = this.title;
			document.location = '#photoDetails';
			document.getElementById("itemDetail").src = detailURL;
			//getDetails(this.title);
		}
	}
}