/*
This code is based on a code example from the article "Javascript navigation - cleaner, not meaner" by Christian Heilmann
URL: http://www.evolt.org/article/Javascript_navigation_cleaner_not_meaner/17/60273/index.html
*/

function initShowHide() {
	if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
		hide();
		var toggle = document.getElementById('sectorSideMenu');
		var as = toggle.getElementsByTagName('a');
		for (var i = 0; i < as.length; i++) {
			//as[i].onclick = function() {
			as[i].onmouseover = function() {
				show(this);
				return false;
			}
			as[i].onmouseout = function() {
				hide(this);
				return false;
			}
		}			
	}
}





function show(s) {
	hide();
	var id = s.id.match(/#(\w.+)/)[1];
	document.getElementById(id).style.display = 'block';
}


function hide() {
	var toggleable = document.getElementById('toggleable').getElementsByTagName('div');
	for (var i = 0; i < toggleable.length; i++) {
		toggleable[i].style.display = 'none';
	}
}



function initShowHide2() {
	if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
		hide2();
		var togglet = document.getElementById('sectorSideMenu2');
		var at = togglet.getElementsByTagName('a');
		for (var i = 0; i < at.length; i++) {
			//as[i].onclick = function() {
			at[i].onmouseover = function() {
				show2(this);
				return false;
			}
			at[i].onmouseout = function() {
				hide2(this);
				return false;
			}
		}			
	}
}





function show2(st) {
	hide2();
	var idt = st.id.match(/#(\w.+)/)[1];
	document.getElementById(idt).style.display = 'block';
}


function hide2() {
	var toggleablet = document.getElementById('toggleable2').getElementsByTagName('div');
	for (var i = 0; i < toggleablet.length; i++) {
		toggleablet[i].style.display = 'none';
	}
}


function start() { 
	initShowHide(); 
	initShowHide2(); 
	} 
	 
window.onload = start;