<!--

//------------------------------------------------
// Javascript image gallery w/ thumbs and loader
//------------------------------------------------


//------------------------------------------------
// Global variables. Set these to match your IDs 
// of these objects in the HTML.

	var gallery_ID = "imgGal";
	var img_ID = "itemImg";

//------------------------------------------------
// This function sets up the dynamic gallery links 
// and should be called when the document loads.

	function setGalleryLinks() {
	
		// Make sure javascript is on and can get elements
		if (!document.getElementsByTagName) return false;
		if (!document.getElementById) return false;
	
		// Set the onclick for the links in the gallery
		// and begin the preloading for the larger images
		var gallery = document.getElementById( gallery_ID );
		var links = gallery.getElementsByTagName( "a" );
		var temp = new Array();
		for ( var i = 0 ; i < links.length ; i++ ) {
			links[i].onclick = function() {
				showPic( this );
				return false;
			}
			temp[i] = new Image();
			temp[i].src = links[i].href
		}
	}

//------------------------------------------------
// This function swaps out the image along with
// the accompanying image info.
	
	function showPic( whichpic ) {
		if (!document.getElementById) return true;
	
		// Swap out the image
		var image = document.getElementById( img_ID );
		image.src = whichpic.href;
		
		var gal = document.getElementById( gallery_ID );
		var links = gal.getElementsByTagName( "a" );
		for ( var i = 0 ; i < links.length ; i++ ) {
			links[i].className = "";
		}
		whichpic.className = "current";
	}

-->