var Navi = new Object();
window.addListener(Navi);
Navi.onload = function()
{
	if (document.getElementById && document.getElementsByTagName)
	{
		var lists = document.getElementById('main').getElementsByTagName('ul');

		if (lists && lists[0])
		{
			var items = lists[0].getElementsByTagName('a');

			for (var i = 0, ii = items.length; i < ii; i++)
			{
				var naviItem = new NaviItem(items[i]);
			}
		}
	}
};

var NaviItem = function(element)
{
	var imgSfx = '_decker';

	this.element = element;
	this.element.obj = this;
	this.img = this.element.getElementsByTagName('img')[0];

	this.border = document.createElement('span');
	this.element.appendChild(this.border);
	this.border.obj = this;

	var out = new Image();
	this._outSrc = this.img.src;
	out.src = this._outSrc;

	if (out.src.indexOf(imgSfx) == -1)
	{
		var over = new Image();
		this._overSrc = this.img.src.replace(/(\.jpg)/, imgSfx + '$1');
		over.src = this._overSrc;

		this.element.onmouseover = this.hilite;
		this.element.onmouseout = this.clear;
	}
};
NaviItem.prototype.hilite = function()
{
	this.obj.img.src = this.obj._overSrc;
	this.obj.border.className = 'over';
};
NaviItem.prototype.clear = function()
{
	this.obj.img.src = this.obj._outSrc;
	this.obj.border.className = '';
};