function renderGallery() {
	for (var i in gallery_thumbs) {
		document.write('<img src="'+ gallery_thumbs[i] +'" id="thumb'+ i +'" onclick="javascript:changeImage('+ i +')" width="81" height="113" />');
	} 
}

function changeImage(id) {
	// remember the id of teh seleced thumb
	selected_thumb_id = id;

	// render the html
	var html = '<img src="'+ galleries[id] +'" id="popImage" />';

	// update the DOM
	document.getElementById('templateAImage').innerHTML = html;

	// make the selected image 'pop'
	popImage('popImage');
}