// script for collapsing the columns

window.onload = init;

function init()
{
	var allLinks = document.getElementsByTagName("a");
	
	for (var i=0; i<allLinks.length; i++)
	{
		if(allLinks[i].className.indexOf("columnLink") > -1)
		{
			allLinks[i].onclick = showColumn;
		}
		
		else if(allLinks[i].className.indexOf("menuLink") > -1)
		{
			allLinks[i].onclick = expandMenu;
		}
	}
}

function expandMenu()
{
	var startMenu = this.href.lastIndexOf("/") + 1;
	var stopMenu = this.href.lastIndexOf(".");
	var thisMenuName = this.href.substring(startMenu, stopMenu);
	
	var thisMenu = document.getElementById(thisMenuName).style;
	
	if (thisMenu.display == "block")
	{
		thisMenu.display = "none";
	}
	
	else
	{
		thisMenu.display = "block";
	}
	
	return false;
}


function showColumn()
{
	// hide all columns first...
	var column1 = document.getElementById("column1");
	var column2 = document.getElementById("column2");
	var column3 = document.getElementById("column3");
	column1.style.display = "none";
	column2.style.display = "none";
	column3.style.display = "none";
	
	
	// ...then display the one clicked
	var startMenu = this.href.lastIndexOf("/") + 1;
	var stopMenu = this.href.lastIndexOf(".");
	var thisMenuName = this.href.substring(startMenu, stopMenu);
	
	var thisMenu = document.getElementById(thisMenuName).style;
	
	if (thisMenu.display == "block")
	{
		thisMenu.display = "none";
	}
	
	else
	{
		thisMenu.display = "block";
	}
	
	return false; // to avoid opening the linl
}