

	function toggleMenu(obj) {
		var objParent = obj.parentNode;
		
		/* reveal the correct content */
		var divs = document.getElementById('activityNav').getElementsByTagName('div');
		for (var i = 0, divsLen = divs.length; i < divsLen; i++) {
			/* does this have the correct id? */ 
			if ( divs[i].id.indexOf(objParent.id) == 0	)
				divs[i].style.display = 'block';
			/* if not, don't show it */
			else if (divs[i].className == 'switchme')
				divs[i].style.display = 'none';
			/* otherwise, do nothing */
		}
		
		/* reset other constantly "hover"ing elements */
		var as = document.getElementById('activityTabs').getElementsByTagName('a');
		for (var i = 0, asLen = as.length; i < asLen; i++)
			if (as[i].className.length > 0) as[i].className = '';
		
		/* maintain hover state */
		obj.className = 'hover';
		
	}

	/* add the toggle feature to the menu items */
	function setupLinks() {
		var as = document.getElementById('activityTabs').getElementsByTagName('a');
		for (var i = 0, asLen = as.length; i < asLen; i++)
			as[i].onmouseover = function() { toggleMenu(this); };
		
	}
	
	window.onload = setupLinks;