// JavaScript Document

function loadGallery() {

var galRoot = document.getElementById('gallerydiv');
var galImages = galRoot.getElementsByTagName('IMG');

// Create image viewer, defaulting to first image
/*rightCol = document.getElementById('rightcol');
	table = document.createElement('table');
	table.style.width =  '99%';
	table.style.height = document.getElementById('leftcol').offsetHeight+'px';
	table.border = '0';
	table.cellSpacing = '0';
	table.cellPadding = '0';
	tablebody = document.createElement('tbody');
		tr = document.createElement('tr');
			imgcontainer = document.createElement('td');
			imgcontainer.style.verticalAlign = 'middle';
				fullview = new Image();
				fullview.src = galImages[0].src.replace('-thumb','');
				fullview.style.width = 440;
				fullview.style.height = 500;
			imgcontainer.appendChild(fullview);
		tr.appendChild(imgcontainer);
	tablebody.appendChild(tr);
	table.appendChild(tablebody);
rightCol.appendChild(table);
*/

var rightCol = document.getElementById('rightcol');
fullview = document.createElement('IMG');
fullview.src = galImages[0].src.replace('-thumb','');
fullview.style.width = '440px';
fullview.style.height = '500px';
rightCol.appendChild(fullview);


// Assign onClick events to each thumbnail
for (i=0; i<galImages.length; i++) {
	var thumb = galImages[i];
	thumb.className += ' link'; //Make hand appear when cursor is over thumbnail
	thumb.onclick = function() {
		fullview.src = this.src.replace('-thumb','');
	}
}

}

var fullview;
addLoadEvent(loadGallery);