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

img_s1 = new SampleImage("s1", "samples/sized/s1.jpg", "thumbs/t-s1.jpg");
img_s2 = new SampleImage("s2", "samples/sized/s2.jpg", "thumbs/t-s2.jpg");
img_s3 = new SampleImage("s3", "samples/sized/s3.jpg", "thumbs/t-s3.jpg");
img_s4 = new SampleImage("s4", "samples/sized/s4.jpg", "thumbs/t-s4.jpg");
img_s5 = new SampleImage("s5", "samples/sized/s5.jpg", "thumbs/t-s5.jpg");
img_s6 = new SampleImage("s6", "samples/sized/s6.jpg", "thumbs/t-s6.jpg");
img_s7 = new SampleImage("s7", "samples/sized/s7.jpg", "thumbs/t-s7.jpg");
img_s8 = new SampleImage("s8", "samples/sized/s8.jpg", "thumbs/t-s8.jpg");
img_s9 = new SampleImage("s9", "samples/sized/s9.jpg", "thumbs/t-s9.jpg");
img_s10 = new SampleImage("s10", "samples/sized/s10.jpg", "thumbs/t-s10.jpg");
img_s11 = new SampleImage("s11", "samples/sized/s11.jpg", "thumbs/t-s11.jpg");
img_s12 = new SampleImage("s12", "samples/sized/s12.jpg", "thumbs/t-s12.jpg");
img_s13 = new SampleImage("s13", "samples/sized/s13.jpg", "thumbs/t-s13.jpg");
img_s14 = new SampleImage("s14", "samples/sized/s14.jpg", "thumbs/t-s14.jpg");
img_s15 = new SampleImage("s15", "samples/sized/s15.jpg", "thumbs/t-s15.jpg");
img_s16 = new SampleImage("s16", "samples/sized/s16.jpg", "thumbs/t-s16.jpg");
img_s17 = new SampleImage("s17", "samples/sized/s17.jpg", "thumbs/t-s17.jpg");
img_s18 = new SampleImage("s18", "samples/sized/s18.jpg", "thumbs/t-s18.jpg");
img_s19 = new SampleImage("s19", "samples/sized/s19.jpg", "thumbs/t-s19.jpg");
img_s20 = new SampleImage("s20", "samples/sized/s20.jpg", "thumbs/t-s20.jpg");

var graphics_samples = [img_s18, img_s19, img_s20, img_s1, img_s2, img_s4, img_s5, img_s6, img_s7,
	img_s8, img_s9, img_s11, img_s12, img_s14, img_s15, img_s16,
	img_s17];

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);
}