function displayGallery(){
	setDisplayImage(0);
	var pane = document.getElementById("previewPane");
	var out = "";
	out += "<table class='previewImagesTable'><tr>";
	for(var i=0;i<lowRes.length;i++){
		var lowSrc = lowRes[i];				
		var highSrc = highRes[i];
		out += "<td class='galleryPreviewCell'>" + "<img src='" + lowSrc + "' class='galleryPreviewImg' onmouseover=\"this.className = 'galleryPreviewImgH'\" onmouseout=\"this.className = 'galleryPreviewImg'\" onClick='setDisplayImage(" + i + ")'>" + "</td><div style='visibility:hidden;'><img src='" + highSrc +"' height='1' width='1'></div>";
	}
	out += "</tr></table>";
	pane.innerHTML = out;
}

function setDisplayImage(x){
	var titleDisplay = document.getElementById("titleDisplay");
	var img = document.getElementById("displayImg");
	var commentDisplay = document.getElementById("commentDisplay");	
	var execString = "document.getElementById('displayImg').src = highRes[" + x + "]";
	var changeSource = setTimeout(execString,120);
	for(var i=0;i<125;i++)
	{
		var t = setTimeout("document.getElementById('displayImg').style.width = (document.getElementById('displayImg').width - 4) + 'px';",i*1);
	}		
	for(var i=125;i<250;i++)
	{
		var t = setTimeout("document.getElementById('displayImg').style.width = (document.getElementById('displayImg').width + 4) + 'px';",i*1);		
	}
	titleDisplay.innerHTML = title[x];
	commentDisplay.innerHTML = comment[x];
}

function slide(lr){
		var ctr = 0;
		var pane = document.getElementById("previewPane");
		for(var i=1;i<200;i++){
			if(lr == "left")
				var t = setTimeout("slideLeftHelper(" + i + ", " + 200 + ");",i*3);	
			else
				var t = setTimeout("slideRightHelper(" + i + ", " + 200 + ");",i*3);
		}
}

function slideRightHelper(x,total){
		var pane = document.getElementById("previewPane");
		var negWidth = pane.offsetWidth * -1;
		var currLeft = pane.style.left;
		var currNumVal = parseInt(currLeft.replace(/px/,""));
		if(currNumVal > negWidth + 500){
			var third = Math.ceil(total/3);
			var dist = 3;
			if(x > third)
				dist = 2;
			if((total-x) < 100)
				dist = 1;
			pane.style.left = (currNumVal-dist) + "px";	
		}
}

function slideLeftHelper(x,total){
		var pane = document.getElementById("previewPane");
		var currLeft = pane.style.left;
		var currNumVal = parseInt(currLeft.replace(/px/,""));
		if(currNumVal < 0){
			var third = Math.ceil(total/3);
			var dist = 3;
			if(x > third)
				dist = 2;
			if((total-x) < 100)
				dist = 1;
			pane.style.left = (currNumVal+dist) + "px";			
		}		
}