function populate(){	
	//Edit the Gallery
	var node = document.getElementById('gallery');
	var htmlString = '<table width="100%" border="0" cellspacing="5" cellpadding="0"><tr valign="top"><tr valign="top">';
	var cnt = 0;

	for (i=0; i<imgArr.length; i++){
		pic = imgArr[i];
		newString = '<td><div align="center"><a href=javascript:showImg(\'' + pic + '\',\'' + i + '\');><img src=' + pic + ' width=146 height=115 border=1 /></a></div></td>';
		htmlString += newString;
		cnt++; if(cnt > 3){ htmlString += '</tr><tr valign="top">'; cnt=0; }
	}

	htmlString += '</tr></table>';
	node.innerHTML = htmlString;
}

function showImg(path, num){
	var pic = parseInt(num); var nPic = pic + 1; var pPic = pic - 1;
	if (path.indexOf(' ') != -1) { var x = path.split(' '); path = x.join('%20'); }
	var htmlString = '';
	htmlString += '<table width="100%" border="0" cellspacing="5" cellpadding="0"><tr valign="top"><td><center><img src=' + path + '><br><br>';
	if (pic > 0){ htmlString += '<a href=javascript:showImg(\'' + imgArr[pPic] + '\',\'' + pPic + '\');>Previous Picture</a>&nbsp;&nbsp;'; }
	htmlString += '<a href=javascript:populate();>Return to Gallery</a>&nbsp;&nbsp;'
	if (pic < imgArr.length - 1){ htmlString += '<a href=javascript:showImg(\'' + imgArr[nPic] + '\',\'' + nPic + '\');>Next Picture</a>'; }
	htmlString += '</center></td></tr></table>';
	document.getElementById('gallery').innerHTML = htmlString;
}