var OB = {};
OB.Location =
{
	myInterval: 500,
	myId: 'q',
	myImageId: 'img',
	myTimeout: 0,
	myUrl: '/labs/word-locator/images/',

	KeyPress: function()
	{
		if (OB.Location.myTimeout) clearTimeout(OB.Location.myTimeout);
		OB.Location.myTimeout = setTimeout(OB.Location.Timeout, OB.Location.myInterval);
	},

	MakeSrc: function(myValue)
	{
		myValue = myValue.replace(/[^\w\s]/g, '');
		myValue = myValue.toLowerCase();
		myValue = myValue.replace(/\s+/g, '_');
		myValue = myValue.replace(/^_|_$/g, '');
		if (!myValue) return '';
		else return OB.Location.myUrl + myValue + '.png';
	},

	Timeout: function()
	{
		var myValue = document.getElementById('q').value;
		var myImage = document.getElementById('img');
		if (myValue == '') myImage.src = '';
		else
		{
			var myNewSrc = OB.Location.MakeSrc(myValue); 
			if (myImage.src != myNewSrc) myImage.src = myNewSrc;
		}
	}

};

window.onload = doLoad;

function doLoad()
{
	document.body.className += ' script';
	document.getElementById('q').onkeypress = OB.Location.KeyPress;
	document.getElementById('q').focus();
};