/* **********************************************************************
This script is a "foldout" menu script. All the "foldouts" will stay outfolded in older browsers. Works in IE >= 4 and NS >= 4
To change where the menu appears change the left and top values of the divCont in the stylesheets, it's currently placed relative so you can place this menu in tables or similar if you want. Change the text colors and size in the A.clMain and A.clSubb classes.
********************************************************************** */

/* **********************************************************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
********************************************************************** */
var stayFolded=false;

// *** This is the image that it changes to when it expands. ***
//var exImg=new Image(); exImg.src='webpics/gif_button/pfeil6_2.gif';
var exImg=new Image(); exImg.src='../webpics/gif_button/redarrow.gif';

/* **********************************************************************
This is the image is changes to with it's "unfolded" or something.
Remeber to change the actual images in the page aswell, but remember to keep the name of the image.
********************************************************************** */
var unImg=new Image(); unImg.src='../webpics/gif_button/slatebluearrow.gif';

// *** Browsercheck by Christian Müller ***
var n; //Netscape
var ie; //MSIE
if( document.all ) { // for OPERA
    n=0; ie=1;
}
else if( document.getElementsByTagName ) { // for IE >= 5 and OPERA
    document.all = document.getElementsByTagName("*");
    ie=1; n=0;
}
else if( document.layers ) { // for NS
    n=1; ie=0;
}

var browser=((n || ie) && parseInt(navigator.appVersion)>=4);

// *** Making cross-browser by Christian Müller ***
function makeMenu(obj,nest) {
 nest=(!nest) ? '':'document.'+nest+'.';
 this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style');
 this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
 this.hideIt=b_hideIt;
 this.showIt=b_showIt;
 this.vis=b_vis;
 this.moveIt=b_moveIt;

 var el=(ie) ? eval('document.all.'+obj):0;

 if(n) { // NS >= 4
     this.x=this.css.left;
     this.y=this.css.top;
     this.height=this.ref.height;
 }
 else if( document.defaultView ) { // Mozilla
     var gcs=document.defaultView.getComputedStyle(el,null);
     this.x=parseInt(gcs.getPropertyValue("left"));
     this.y=parseInt(gcs.getPropertyValue("top"));
     this.height=parseInt(gcs.getPropertyValue("height"));
 }
 else { // IE >= 4 and Opera
     if(el.offsetHeight)
         this.height=el.offsetHeight; // IE
     else
         this.height=this.css.pixelHeight; // Opera
         this.x=this.css.pixelLeft;
         this.y=this.css.pixelTop;
 }
 return this;
}

function b_vis() {
 if( this.css.visibility=="HIDDEN"|| this.css.visibility=="hidden" ||
this.css.visibility=="hide" ){
  return true;
 }
}

function b_showIt() {
 this.css.visibility="visible";
}

function b_hideIt() {
 this.css.visibility="hidden";
}

function b_moveIt(x,y) {
 this.x=x;
 this.y=y;
 this.css.left=this.x;
 this.css.top=this.y;
}

/* *********************************************************************
Initiating the page. Just add to the arrays here to get more menuitems and add divs in the page
********************************************************************* */
function init() {
        oTop=new Array()
        oTop[0]=new makeMenu('divTop1','divCont')
        oTop[1]=new makeMenu('divTop2','divCont')
        oTop[2]=new makeMenu('divTop3','divCont')
        oTop[3]=new makeMenu('divTop4','divCont')
        oTop[4]=new makeMenu('divTop5','divCont')
        oTop[5]=new makeMenu('divTop6','divCont')
        oTop[6]=new makeMenu('divTop7','divCont')
        oTop[7]=new makeMenu('divTop8','divCont')
/*        oTop[8]=new makeMenu('divTop9','divCont')
        oTop[9]=new makeMenu('divTop10','divCont')
*/
        oSub=new Array()
        oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
        oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
        oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
        oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
        oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
        oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
        oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')
        oSub[7]=new makeMenu('divSub8','divCont.document.divTop8')
/*        oSub[8]=new makeMenu('divSub9','divCont.document.divTop9')
        oSub[9]=new makeMenu('divSub10','divCont.document.divTop10')
*/
        for (i=0;i<oSub.length;i++) {
         oSub[i].hideIt();
        }
        for (i=1;i<oTop.length;i++) {
         oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height);
        }
}

// *** This is the function that changes the sub menus to folded or unfolded state.
function menu(num) {
        if(browser){
                if(!stayFolded){
                        for(i=0;i<oSub.length;i++){
                                if(i!=num){
                                        oSub[i].hideIt()
                                        oTop[i].ref["imgA"+i].src=unImg.src
                                }
                        }
                        for(i=1;i<oTop.length;i++){
                                oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
                        }
                }
                if(oSub[num].vis()){
                        oSub[num].showIt()
                        oTop[num].ref["imgA"+num].src=exImg.src
                }
                else{
                        oSub[num].hideIt()
                        oTop[num].ref["imgA"+num].src=unImg.src
                }
                for(i=1;i<oTop.length;i++){
                        if(!oSub[i-1].vis()){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)}
                        else {oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)}
                }
        }
}

//Initiating the menus onload, if it's a 4.x+ browser.
//if (browser) { onload=init; }