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

document.write('<style type="text/css">.swapContent { display: none; }</style>');

var SwapContent = {
	activeItem: null,
	onload: function()
	{
		var controllers = document.getElementsByClassName('controller');

		for (var i = 0, ii = controllers.length; i < ii; i++)
		{
			var controller = controllers[i];
			var lis = controller.getElementsByTagName('li');

			for (var k = 0, kk = lis.length; k < kk; k++)
			{
				var item = new SwapContent.Item(lis[k]);

				if (!k)
				{
					item.onclick();
				}
			}
		}
	}
};
window.addListener(SwapContent);

SwapContent.Item = function(container)
{
	this.container = container;
	this.links = [];

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

	if (this.element)
	{
		var hash = this.element.href.split('#');
		this.content = document.getElementById(hash[hash.length - 1]);

		this.element.onclick = function() { this.broadcastMessage('onclick'); return false; };

		EventBroadcaster.init(this.element);
		this.element.addListener(this);
	}
};
SwapContent.Item.prototype.onclick = function()
{
	if (SwapContent.activeItem)
	{
		var oldItem = SwapContent.activeItem;
		SwapContent.activeItem = null;

		if (oldItem.content)
		{
			oldItem.content.style.display = 'none';
		}

		oldItem.element.className = '';
	}

	if (this.content)
	{
		this.content.style.display = 'block';
	}

	this.element.className = 'active';

	SwapContent.activeItem = this;
};

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