var photoBuffer = new Array();
			
function preloadImages() {
	var preloads = new Array();
	if (document.getElementById("burrowbody")) {
		preloads[0] = "/work/burrow/images/bur_1.jpg";
		preloads[1] = "/work/burrow/images/bur_2.jpg";
		preloads[2] = "/work/burrow/images/bur_3.jpg";
	} else if (document.getElementById("nightbody")) {
		preloads[0] = "/work/night/images/dk_1.jpg";
		preloads[1] = "/work/night/images/dk_2.jpg";
		preloads[2] = "/work/night/images/dk_3.jpg";
		preloads[3] = "/work/night/images/dk_4.jpg";
		preloads[4] = "/work/night/images/dk_5.jpg";
		preloads[5] = "/work/night/images/dk_6.jpg";
		preloads[6] = "/work/night/images/dk_7.jpg";
		preloads[7] = "/work/night/images/dk_8.jpg";
		preloads[8] = "/work/night/images/dk_9.jpg";
	} else if (document.getElementById("epicbody")) {
		preloads[0] = "/work/epic/images/ep_1.jpg";
		preloads[1] = "/work/epic/images/ep_4.jpg";
		preloads[2] = "/work/epic/images/ep_2.jpg";
	} else if (document.getElementById("clearingbody")) {
		preloads[0] = "/work/clearing/images/cl_1.jpg";
		preloads[1] = "/work/clearing/images/cl_2.jpg";
	} else if (document.getElementById("shelterbody")) {
		preloads[0] = "/work/shelter/images/sh_1.jpg";
		preloads[1] = "/work/shelter/images/sh_2.jpg";
	} else if (document.getElementById("landscapebody")) {
		preloads[0] = "/work/landscape/images/lndscp_1.jpg";
		preloads[1] = "/work/landscape/images/lndscp_2.jpg";
		preloads[2] = "/work/landscape/images/lndscp_3.jpg";
		preloads[3] = "/work/landscape/images/lndscp_all.gif";
	} else if (document.getElementById("utopiarybody")) {
		preloads[0] = "/work/utopiary/images/utp_1.jpg";
		preloads[1] = "/work/utopiary/images/utp_2.jpg";
		preloads[2] = "/work/utopiary/images/install.jpg";
	}
			
	var i = 0;
	var m = preloads.length;

	for (i = 0; i < m; i++) {
		photoBuffer[i] = document.createElement("img");
		photoBuffer[i].setAttribute("src",preloads[i]);
	}
}

function preparePlaceholder() {
	if (!document.createElement) return false;
	if (!document.createTextNode) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("photonav")) return false;
	var photo = document.createElement("div");
	photo.setAttribute("id","photo");
	var content = document.getElementById("content");
	var text = document.getElementById("text");
	content.insertBefore(photo,text);
	var gallery = document.getElementById("photonav");
	var links = gallery.getElementsByTagName("a");
	links[0].setAttribute("class","here");
	var placeholder = document.createElement("img");
	placeholder.setAttribute("id","placeholder");
	placeholder.setAttribute("alt","my image gallery");
	var description = document.createElement("p");
	description.setAttribute("id","description");
	if (document.getElementById("burrowbody")) {
		var desctext = document.createTextNode('Pigment Print, 30" x 37", 2006');
		placeholder.setAttribute("src","/work/burrow/images/bur_1.jpg");
	} else if (document.getElementById("nightbody")) {
		var desctext = document.createTextNode('Carbon Pigment Print, 32" x 40", 2005');
		placeholder.setAttribute("src","/work/night/images/dk_1.jpg");
} else if (document.getElementById("epicbody")) {
		var desctext = document.createTextNode('Pigment Print, 10" x 8", 2008');
		placeholder.setAttribute("src","/work/epic/images/ep_1.jpg");
} else if (document.getElementById("clearing")) {
		var desctext = document.createTextNode('Pigment Print, 60" x 50", 2007');
		placeholder.setAttribute("src","/work/clearing/images/cl_1.jpg");
} else if (document.getElementById("shelter")) {
		var desctext = document.createTextNode('Pigment Print, 32" x 40", 2007');
		placeholder.setAttribute("src","/work/shelter/images/sh_1.jpg");
	} else if (document.getElementById("landscapebody")) {
		var desctext = document.createTextNode('Installation and material varies, 2004');
		placeholder.setAttribute("src","/archive/landscape/images/lndscp_1.jpg");
	} else if (document.getElementById("utopiarybody")) {
		var desctext = document.createTextNode('Size varies to installation, wall paper, 2004');
		placeholder.setAttribute("src","/archive/utopiary/images/utp_1.jpg");
	} else {
		var desctext = document.createTextNode("");
		placeholder.setAttribute("src","");
	}
	description.appendChild(desctext);
	photo.appendChild(description);
	photo.insertBefore(placeholder,description);
}

function prepareGallery() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("photonav")) return false;
	var gallery = document.getElementById("photonav");
	var links = gallery.getElementsByTagName("a");
	for (var i=0; i < links.length; i++) {
		links[i].onclick = function() {
			return showPic(this);
		}
	}
}

function showPic(whichpic) {
	if (!document.getElementById("placeholder")) return true;
	var gallery = document.getElementById("photonav");
	var links = gallery.getElementsByTagName("a");
	for (var i=0; i < links.length; i++) {
		links[i].className="";
	}
	whichpic.className="here";
	var source = whichpic.getAttribute("href");
	var placeholder = document.getElementById("placeholder");
 
	//start new, allows different image sizes in IE/PC
	var newPlaceHolder = document.createElement("img");
	newPlaceHolder.setAttribute("id","placeholder");
	newPlaceHolder.setAttribute("alt","my image gallery");
	newPlaceHolder.src = source; 
	placeholder.parentNode.replaceChild(newPlaceHolder, placeholder);
	placeholder = null;
	//end new
 
	if (!document.getElementById("description")) return false;
	if (whichpic.getAttribute("title")) {
		var phototext = whichpic.getAttribute("title");
	} else {
		var phototext = document.createTextNode("");
	}
	var description = document.getElementById("description");
	if (description.firstChild.nodeType == 3) {
		description.firstChild.nodeValue = phototext;
	}
	return false;
}

addLoadEvent(preloadImages);
addLoadEvent(preparePlaceholder);
addLoadEvent(prepareGallery);