function SampleImage(name, src, thumb)
{
	this.name = name;
	this.src = src;
	this.thumb = thumb;
	this.image = new Image();
	this.image.src = src;
}



function displayGraphic(image)
{
	for (var i=0; i<graphics_samples.length; i++)
	{
		if (image.name == graphics_samples[i].name)
		{
			var graphicBox = document.getElementById("graphics_box");
			graphicBox.innerHTML = "<center><img src='" + graphics_samples[i].src + "'></center>";
			return;
		}
	}
}

var graphicsTimer;

function graphicsUp()
{
	var box = document.getElementById("graphics_thumbs");
	box.scrollTop -= 2;
	graphicsTimer = setTimeout("graphicsUp()", 10);
}

function graphicsDown()
{
	var box = document.getElementById("graphics_thumbs");
	box.scrollTop += 2;
	graphicsTimer = setTimeout("graphicsDown()", 10);
}

function stopGraphics()
{
	clearTimeout(graphicsTimer);
}



img_e1 = new SampleImage("e1", "samples/sized/e1.jpg", "thumbs/t-e1.jpg");
img_e2 = new SampleImage("e2", "samples/sized/e2.jpg", "thumbs/t-e2.jpg");
img_e3 = new SampleImage("e3", "samples/sized/e3.jpg", "thumbs/t-e3.jpg");

var edit_samples = [img_e1, img_e2, img_e3];

function displayEdit(image)
{
	for (var i=0; i<edit_samples.length; i++)
	{
		if (image.name == edit_samples[i].name)
		{
			var graphicBox = document.getElementById("graphics_box");
			graphicBox.innerHTML = "<center><img src='" + edit_samples[i].src + "'></center>";
			return;
		}
	}
}