/*
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
*/


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

}


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

function show(s) {
       hide();
       var id = s.href.match(/#(\w.+)/)[1];
       showById(id);
}

function showById(id) {
       document.getElementById(id).style.display = 'block';
}

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



function startUp() {
       initShowHide();
       showById('information');
        showById('dieburg');
 }




window.onload = startUp;