// Browser independent replacement for document.getElementById()
function getObj(name) {
 var object = document.getElementById
  ? document.getElementById(name)
  : document.all
   ? document.all[name]
   : document.layers[name];
 return object ;
}

//This code taken from http://swik.net/Ajax/How+to+use+XMLHttpRequest
/*******************************************************************************
 * XHConn - Simple XMLHTTP Interface - bfults@gmail.com - 2005-04-08 * Code
 * licensed under Creative Commons Attribution-ShareAlike License **
 * http://creativecommons.org/licenses/by-sa/2.0/ *
 ******************************************************************************/
function XHConn() {
	var xmlhttp, bComplete = false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {
			try {
				xmlhttp = new XMLHttpRequest();
			} catch (e) {
				xmlhttp = false;
			}
		}
	}
	if (!xmlhttp)
		return null;
	this.connect = function(sURL, sMethod, sVars, fnDone) {
		if (!xmlhttp)
			return false;
		bComplete = false;
		sMethod = sMethod.toUpperCase();
		try {
			if (sMethod == "GET") {
				xmlhttp.open(sMethod, sURL + "?" + sVars, true);
				sVars = "";
			} else {
				xmlhttp.open(sMethod, sURL, true);
				xmlhttp
						.setRequestHeader("Method", "POST " + sURL
								+ " HTTP/1.1");
				xmlhttp.setRequestHeader("Content-Type",
						"application/x-www-form-urlencoded");
			}
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && !bComplete) {
					bComplete = true;
					fnDone(xmlhttp);
				}
			};
			xmlhttp.send(sVars);
		} catch (z) {
			return false;
		}
		return true;
	};
	return this;
}

var imgTemplate = "<img src=\"||IMAGEFILE||\" class=\"display\">\n" ;
var thumbTemplate = "<img src=\"||SMALLIMG||\" class=\"thumbnail\" onClick=\"showImage('||LARGEIMG||');\">\n" ;

function showImage(fileName) {
	var displayArea = getObj('imgDisplay') ;
	displayArea.innerHTML = imgTemplate.replace("||IMAGEFILE||", fileName) ;
}

function DynImage(small, large) {
	this.small = small ;
	this.large = large ;
	this.getSmall = function getSmall() {
		return this.small ;
	} ;
	this.getLarge = function getLarge() {
		return this.large ;
	} ;
}

function preloadImages() {
	var listLen = imageList.length ;
	for (var x=0; x<listLen; x++) {
		var preload = new Image() ;
		var smImg = imageList[x].getSmall() ;
		var lgImg = imageList[x].getLarge() ;
		preload.src = smImg ;
		preload.src = lgImg ;
		var thumbArea = getObj('imgStrip') ;
		thumbArea.innerHTML += thumbTemplate.replace("||SMALLIMG||", smImg).replace("||LARGEIMG||", lgImg) ;
		if (x==0) {
			var displayArea = getObj('imgDisplay') ;
			displayArea.innerHTML = imgTemplate.replace("||IMAGEFILE||", lgImg) ;
		}
	}	
}