// Parameter
var subMenuBG = Array();
subMenuBG[1] = "#181818";
subMenuBG[2] = "#D9D9D9";
subMenuBG[3] = "#EAEAEA";
subMenuBG[4] = "#FFFFFF";



var klickerINcounter = Array(0,0);

function initTypoThree() {
    document.getElementById('submenubackground').style.backgroundColor = subMenuBG[1];
    document.getElementsByTagName('a')[0].onclick = function() { ubersicht = 'false'; klickerIN(2,1,'true'); }
    document.getElementsByTagName('a')[1].onclick = function() { ubersicht = 'false'; klickerIN(3,1,'true'); }
    document.getElementsByTagName('a')[2].onclick = function() { ubersicht = 'false'; klickerIN(4,1,'true'); }
    document.getElementsByTagName('a')[3].onclick = function() { ubersicht = 'false'; klickerIN(5,1,'true'); }
    document.getElementsByTagName('a')[4].onclick = function() { ubersicht = 'true';
    
    if(klickerINactive == 1) klickerALL('false');
    else klickerALL('true'); }
                                                       	
    for(i=0;i<5;i++) {
        document.getElementsByTagName('a')[i].href = "#no";
        klickerINcounter[(i+2)] = 0;
        countSubMenues((i+2),1);
    }  wuschIN(1);
}



function wuschIN(wuschINcount) {
    if( wuschINcount < 6 ) {
         wuschINcount++;
         if(wuschINcount > 2)document.getElementById("strich_"+ wuschINcount).style.visibility = "visible";
         document.getElementById("punkt_"+ wuschINcount).style.visibility = "visible";
         window.setTimeout("wuschIN("+wuschINcount+")", 200);
     }

/*  Anfangsanimation deaktiviert...
     else {
        klickerALL('true');
        window.setTimeout("klickerALL('false');",600);
     } */
}


// Auszählen der Untermenüpunkte

function countSubMenues(obermenu,unterpunkt) {
    if(document.getElementById("smenue_"+obermenu+"_"+unterpunkt)) {
        klickerINcounter[obermenu]++;
        countSubMenues(obermenu, (unterpunkt+1));
    }
}



var klickerINactive = 0;
var ubersicht='true';

function klickerIN(obermenu,unterpunkt,open) {
    // Aktives Untermen?einklappen und BG umfärben
    if((ubersicht != 'true') && (klickerINactive != obermenu) && (open=='true')) {
        closeMe = klickerINactive;
        klickerINactive = obermenu;
        document.getElementById('submenubackground').style.backgroundColor = subMenuBG[obermenu];
        if(closeMe!=1) {
             klickerIN(closeMe,klickerINcounter[closeMe],'false');
        } else {
             klickerALL(false);
        }
    }
    if(ubersicht == 'true') {
        document.getElementById('submenubackground').style.backgroundColor = subMenuBG[1];
    }
    if(document.getElementById("smenue_"+obermenu+"_"+unterpunkt)) {
        document.getElementById("smenue_"+obermenu+"_"+unterpunkt).style.visibility = (open == 'true') ? "visible" : "hidden";
        window.setTimeout("klickerIN("+obermenu+","+((open == 'true') ? (unterpunkt+1) : (unterpunkt-1))+",'"+open+"');",100);
    }
}

function klickerALL(open) {
    klickerINactive = (open == 'true') ? 1 : ((klickerINactive == 1) ? 0 : klickerINactive);
    for(i=2;i<9;i++) {
        if(i!=klickerINactive) klickerIN(i,((open == 'true') ? 1 : klickerINcounter[i]),open);
    }
}

function hiLite(imgID,imgObjName) {
  document.images[imgID].src = eval(imgObjName + ".src")
}