function layerwriter(text,id) {
	if (document.getElementById) {
		x = document.getElementById(id);
		x.innerHTML = '';
		x.innerHTML = text;
	}
	else if (document.all) {
		x = document.all[id];
		x.innerHTML = text;
	}
}
function picload(pic) {
	x = '<img src="/media/' + pic + '" />';
	layerwriter(x, "leftimageholder");
	for(a = 0; a < imagearray.length; a++) {
		if(document.images[refarray[a]].className == "thumb_on") {
			document.images[refarray[a]].className="thumbnail";
		}
		
		if(imagearray[a] == pic) {
			currentpic = a;
			document.images[refarray[a]].className="thumb_on";
		}
	}
	
}

//array of images that will be displayed on left and thumbnailed in middle
var imagearray = new Array();


// a reference array - each index in here corresponds to an index in imagearray,
// but the contents of this array are the image index of the html document.
var refarray = new Array();

function thumbload() {
	var arrayindex = 0;
	var firstgalleryimageindex = 0;
	for(a = 0; a < document.images.length; a++) {
		if(document.images[a].className == "galleryimage") {
			if(firstgalleryimageindex == 0) {
				firstgalleryimageindex = a;
			}
		
			// this is a goddamn filthy hack.
			//26 is the length of the base url.
			imagearray[arrayindex] = document.images[a].src.substring(26,document.images[a].src.length);
			// this is an even filthier one.
			refarray[arrayindex] = a - firstgalleryimageindex + 4;
			arrayindex++;

		}
	}
	makethumbarray();
	preloadimages();
	

}

var currentpic = 0;

function makethumbarray() {
	var tempnbr;
	thumbstring = "";
	x = document.getElementById("centerthumbs");
	for(a = 0; a < imagearray.length; a++) {
		tempnbr = imagearray[a].lastIndexOf(".");
		thumbsrc = "/media/" + imagearray[a].substring(0,tempnbr) + "_thumb.gif";

		thumbstring = thumbstring + '<a class="thumblink" href="javascript:picload(\'' + imagearray[a] + '\');">';
		thumbstring = thumbstring + '<img class="thumbnail" src="' + thumbsrc + '"></a>';
			

	}
	
	thumbstring = thumbstring + document.getElementById("thumbscroller").innerHTML;
	x.innerHTML = thumbstring;
}


function preloadimages() {

	for(a = 0; a < imagearray.length; a++) {
		x = new Image();
		x.src = "/media/" + imagearray[a];
	}
}

function preload(pic) {
	var x = new Image();
	x.src = "/media/" + pic;
}

originalleftimage = "left-one.gif";

function loadleftimage(newimage) {
	pic = document.getElementById("leftimage");
	if(pic) {
		pic.src = "/media/" + newimage;
	}
}
function restoreleftimage() {
	pic = document.getElementById("leftimage");
	if(pic) {
		pic.src = "/media/" + originalleftimage;
	}
}



function loadnextpic() {
	if(currentpic < imagearray.length - 1) {
		picload(imagearray[currentpic+1]);
	}
}

function loadprevpic() {
	if(currentpic > 0) {
		picload(imagearray[currentpic-1]);
	}
}



function email(addy) {
	document.write('<a href="mailto:' + addy + '@grasshoppermag.com">' + addy + '@grasshoppermag.com</a>');
}