// image gallery - tabs that hides/shows content
// based on http://infinitewebdesign.com/journal/designers/archives/2005/08/05/unobtrusive-tabbed-content/

if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
	//document.write('<link rel="stylesheet" type="text/css" href="css/js_hide.css">');
	window.onload = initShowHide;
}
function initShowHide() {
	if(document.getElementById('galleryImages')) {
		hide();
		var toggle = document.getElementById('galleryNav');
		var as = toggle.getElementsByTagName('a');
		for (var i = 0; i < as.length; i++) {
			as[i].onclick = function() {
				show(this);
				return false;
			}
		}
		show(as[0]);
	}
}
function show(s) {
	hide();
	var id = s.href.match(/#(\w.+)/)[1];
	document.getElementById(id).style.display = 'block';
     var oldActive = document.getElementById('active_tab');
    if (oldActive) oldActive.removeAttribute('id');
    s.setAttribute('id', 'active_tab');
    var nested = document.getElementById(id).getElementsByTagName('div');
    for (var i = 0; i < nested.length; i++) {
        nested[i].style.display = 'block';
    }
}
function hide() {
	var toggleable = document.getElementById('galleryImages').getElementsByTagName('div');
	for (var i = 0; i < toggleable.length; i++) {
		toggleable[i].style.display = 'none';
	}
}