if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
	document.write('<link rel="stylesheet" type="text/css" href="js_hide.css" />');
	window.onload = initShowHide;
}

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

function show(s) {
	hide();
	var id = s.href.match(/#(\w.+)/)[1];
	var oldCurrent = document.getElementById('current');
	// If this element exists, remove its ID attribute
	if (oldCurrent) oldCurrent.removeAttribute('id');
	// Add the ID attribute with value 'current' to the newly active tab header (LI element)
	s.parentNode.setAttribute('id', 'current');
	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';
	}
}