if (document.getElementById && document.getElementsByTagName)
{

var Navi = new Object();
window.addListener(Navi);
Navi.openItem = null;
Navi.timer = null;
Navi.clearItems = function()
{
	if (this.openItem)
	{
		clearTimeout(this.timer);
		this.openItem.element.style.display = 'none';
		this.openItem = null;
	}
};
Navi.onload = function()
{
	var list = document.getElementById('navi').getElementsByTagName('ul')[0];
	var items = list.getElementsByTagName('li');

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


var NaviItem = function(navi, element)
{
	this.navi = navi;
	this.element = element;
	this.element.obj = this;
	this.link = this.element.getElementsByTagName('a')[0];
	this.img = this.element.getElementsByTagName('img')[0];
	this.list = this.element.getElementsByTagName('div');

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

	var over = new Image();
	this._overSrc = this._outSrc.replace(/(\.gif)/, 'on$1');
	over.src = this._overSrc;

	this.subNavi = (this.list.length) ? new SubNaviItem(this, this.list[0]) : null;

	this.element.onmouseover = this._hilite;
	this.element.onmouseout = this._clear;
};
NaviItem.prototype._hilite = function()
{
	this.obj.img.src = this.obj._overSrc;
	Navi.clearItems();

	var subNavi = this.obj.subNavi;
	if (subNavi)
	{
		Navi.openItem = subNavi;
		subNavi.element.style.display = 'block';
	}
};
NaviItem.prototype._clear = function()
{
	this.obj.img.src = this.obj._outSrc;

	var subNavi = this.obj.subNavi;
	if (subNavi)
	{
		Navi.timer = setTimeout('Navi.clearItems()', 500);
	}
};

var SubNaviItem = function(parentItem, element)
{
	this.parentItem = parentItem;
	this.navi = this.parentItem.navi;
	this.element = element;
	this.element.obj = this;
};

} // end if (document.getElementById && document.getElementsByTagName)