window.onload = function()
{
	setNavigation("contentCollection");
	setPaneCloseAnchors("contentCollection");
	closeAllContentContainers("contentCollection");
}

function setPaneCloseAnchors(nodeId)
{
	var content = document.getElementById(nodeId);
	var anchors = content.getElementsByTagName("a");
	var anchorsLength = anchors.length;
	var i;
	for(i=0; i<anchorsLength; i++)
	{
		if(anchors[i].className == "closePane")
		{
			anchors[i].onclick = function(){
				closeAllContentContainers(nodeId);
			}	
		}
	}
}

function setNavigation(nodeId)
{
	var nav = document.getElementById("navigation");
	var navItems = nav.getElementsByTagName("a");
	var navItemsLength = navItems.length;
	var i;
	for(i=0; i<navItemsLength; i++)
	{
		navItems[i].onmouseover = function()
		{
			setNavItemsActive(this,navItems);
		}
		navItems[i].onmouseout = function()
		{
			resetNavItemsActive(navItems);
		}
		navItems[i].onclick = function()
		{
			closeAllContentContainers(nodeId);
			showContentContainer(this.href.substr(this.href.lastIndexOf("#")+1));
			this.blur();
			return false;
		}
		
	}
}

function setNavItemsActive(activeNode, nodes)
{
	var nodesLength = nodes.length;
	var i;
	for(i=0; i<nodesLength; i++)
	{
		nodes[i].firstChild.src = nodes[i].firstChild.src.replace("-n","-o");
	}
	activeNode.firstChild.src = activeNode.firstChild.src.replace("-o","-n");
}

function resetNavItemsActive(nodes)
{
	var nodesLength = nodes.length;
	var i;
	for(i=0; i<nodesLength; i++)
	{
		nodes[i].firstChild.src = nodes[i].firstChild.src.replace("-o","-n");
	}
}

function showContentContainer(nodeId)
{
	urchinTracker ('/kliks/' + nodeId); 
	var item = document.getElementById(nodeId);
	item.style.display = "";
}

function closeAllContentContainers(nodeId)
{
	var allContentDivs = document.getElementById(nodeId).childNodes;
	var allContentDivsLength = allContentDivs.length;
	var i
	for(i=0; i<allContentDivsLength; i++)
	{
		if(allContentDivs[i].nodeName == "DIV")
		{
			allContentDivs[i].style.display = "none";
		}
	}
}