var DOM = {
    domCheck:false,
    domReady:false,
    inRow:new Array(),
    loaded:function (func) {
        DOM.inRow.push(func);
        if(!DOM.domCheck) {
            (function(){
                DOM.domCheck = true;

                if(document.all && (/msie/i.test(navigator.userAgent))) {
                    document.write("<script type='text/javascript' id='dummyScript' defer src='javascript:void(0);'><\/script>");
                    var ds = document.getElementById("dummyScript");

                    ds.onreadystatechange = function () {
                        if(this.readyState == "complete") {
                            DOM.domReady = true;
                            domLoaded();
                        }
                    };
                } else {
                    document.addEventListener("DOMContentLoaded",function () { DOM.domReady = true;domLoaded(); },false);
                }
                return null;
            })();
        } else {
            if(DOM.domReady) { func(); }
        }
        function domLoaded(){
          for(func in DOM.inRow) {
            DOM.inRow[func]();
          }
        }
    }
};


onload = function() {

    if(document.getElementById("nav01")) {
        root = document.getElementById("nav01");
        root.onclick=function() {
            delsub();
            document.getElementById('E1').className = document.getElementById('E1').className == 'show'?'hide':'show' ;
            document.getElementById('gray').className = document.getElementById('gray').className == 'show'?'hide':'show';
            document.getElementsByTagName('body')[0].id="inav01";
            document.getElementById('E1').style.height = "156px";  /* 5 Menuepunkte */
        };
    }
    if(document.getElementById("nav01s")) {
        root = document.getElementById("nav01s");
        root.onclick=function() {
            delsub();
            document.getElementById('E1').className = document.getElementById('E1').className == 'show'?'hide':'show' ;
            document.getElementById('gray').className = document.getElementById('gray').className == 'show'?'hide':'show';
            document.getElementsByTagName('body')[0].id="inav01";
            document.getElementById('E1').style.height = "156px";  /* 5 Men�punkte */
        };
    }

         if(document.getElementById("nav101")) {
         elem1 = document.getElementById("nav101");
         elem1.onclick=function() {
         	document.getElementById('E21').className = document.getElementById('E21').className == 'show'?'hide':'show' ;
                 document.getElementById('E22').className = 'hide';
                 document.getElementById('E23').className = 'hide';
                 document.getElementById('E24').className = 'hide';
                 document.getElementsByTagName('body')[0].id="inav101";
                 document.getElementById('E21').style.height = "215px";  /* 7 Men�punkte */
         };
         }
         if(document.getElementById("nav102")) {
         elem2 = document.getElementById("nav102");
         elem2.onclick=function() {
         	document.getElementById('E21').className = 'hide';
                 document.getElementById('E23').className = 'hide';
                 document.getElementById('E24').className = 'hide';
         	document.getElementById('E22').className = document.getElementById('E22').className == 'show'?'hide':'show' ;
         	document.getElementsByTagName('body')[0].id="inav102";
         };
         }
         if(document.getElementById("nav103")) {
         elem3 = document.getElementById("nav103");
         elem3.onclick=function() {
         	document.getElementById('E21').className = 'hide';
                 document.getElementById('E22').className = 'hide';
                 document.getElementById('E24').className = 'hide';
         	document.getElementById('E23').className = document.getElementById('E23').className == 'show'?'hide':'show' ;
         	document.getElementsByTagName('body')[0].id="inav103";
         };
         }
         if(document.getElementById("nav104")) {
         elem4 = document.getElementById("nav104");
         elem4.onclick=function() {
         	document.getElementById('E21').className = 'hide';
                 document.getElementById('E22').className = 'hide';
                 document.getElementById('E23').className = 'hide';
         	document.getElementById('E24').className = document.getElementById('E24').className == 'show'?'hide':'show' ;
         	document.getElementsByTagName('body')[0].id="inav104";
         };
         }

         if( document.getElementById("header") ) {
           cont = document.getElementById("header");
           cont.onclick=function() { delall();};
         }
         if( document.getElementById("header_en") ) {
           cont = document.getElementById("header_en");
           cont.onclick=function() { delall();};
         }
         if( document.getElementById("gray") ) {
         ggray = document.getElementById("gray");
         ggray.onclick=function() { delall();};
         }
};

function delall() {
	document.getElementById('E1').className  = 'hide';
         document.getElementById('E21').className = 'hide';
         document.getElementById('E22').className = 'hide';
         document.getElementById('E23').className = 'hide';
         document.getElementById('E24').className = 'hide';
         document.getElementById('gray').className = 'hide';
         document.getElementsByTagName('body')[0].id="nav01";
}

function delsub() {
         document.getElementById('E21').className = 'hide';
         document.getElementById('E22').className = 'hide';
         document.getElementById('E23').className = 'hide';
         document.getElementById('E24').className = 'hide';
}