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

document.write('<style type="text/css">li div { display: none; } #navbar h2 { cursor: pointer; }</style>');

var Navi = {
	openItem: null,
	activeItem: null,
	onload: function()
	{
		var list = document.getElementsByTagName('ul')[1];
		var li = list.getElementsByTagName('li')[0];

		do
		{
			if (li.tagName && li.tagName.toLowerCase() == 'li')
			{
				var item = new Navi.Item(li);
			}
		}
		while (li = li.nextSibling);
	}
};
window.addListener(Navi);

Navi.Item = function(container)
{
	this.container = container;

	this.element = this.container.getElementsByTagName('h2')[0];

	this.element.onmouseover = function() { this.broadcastMessage('onmouseover'); };
	this.element.onmouseout = function() { this.broadcastMessage('onmouseout'); };
	this.element.onclick = function() { this.broadcastMessage('onclick'); };

	EventBroadcaster.init(this.element);
	this.element.addListener(this);
};
Navi.Item.prototype.onmouseover = function()
{
	this.element.className = 'hilite';
};
Navi.Item.prototype.onmouseout = function()
{
	this.element.className = '';
};
Navi.Item.prototype.onclick = function()
{
	if (Navi.openItem && Navi.openItem != this.container)
	{
		Navi.openItem.className = '';
		Navi.openItem = null;
	}

	Navi.openItem = this.container;
	Navi.openItem.className = 'open';
};

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