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_l1 = new SampleImage("l1", "samples/sized/l1.jpg", "thumbs/t-l1.jpg");
img_l2 = new SampleImage("l2", "samples/sized/l2.jpg", "thumbs/t-l2.jpg");
img_l3 = new SampleImage("l3", "samples/sized/l3.jpg", "thumbs/t-l3.jpg");
img_l4 = new SampleImage("l4", "samples/sized/l4.jpg", "thumbs/t-l4.jpg");
img_l5 = new SampleImage("l5", "samples/sized/l5.jpg", "thumbs/t-l5.jpg");
img_l6 = new SampleImage("l6", "samples/sized/l6.jpg", "thumbs/t-l6.jpg");
img_l7 = new SampleImage("l7", "samples/sized/l7.png", "thumbs/t-l7.jpg");

var logo_samples = [img_l7, img_l1, img_l2, img_l3, img_l4, img_l5, img_l6];

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