//************************************************************
//*     variablen declarationen                              *
//************************************************************
// haupt vars
var element;
var dom;

// merker vars
var merker = "";
var lightmerker = "";
var navlightmerker = "";

// timer vars
var closer;
var subcloser;
var lighttimer;



//************************************************************
//*     functions für browser                                *
//************************************************************
// browserweiche
if(document.getElementById){
        dom = true;
        //element = document.getElementById;
}else{
        dom = false;
        //element = document.layers;
}


//************************************************************
//*     functions für positionen                             *
//************************************************************
// errechnet die pos von links eines HTML-Obiects
function getLeft(l)
{
  if (l.offsetParent) return (l.offsetLeft + getLeft(l.offsetParent));
  else return (l.offsetLeft);
}
// errechnet die pos von oben eines HTML-Obiects
function getTop(l)
{
  if (l.offsetParent) return (l.offsetTop + getTop(l.offsetParent));
  else return (l.offsetTop);
}

//************************************************************
//*     functions für layer                                  *
//************************************************************
// zeigt die div-layer
function show_layers(name,oben,rechts,typ){
        if (name != ""){
                if(dom){
                        with(document.getElementById(name).style){
                                top = oben +"px";
                                left = (getLeft(document.getElementById(typ)) - 9);
                        }
                        merker = name;
                }
                if(dom==false){
                        with(document.layers[name]){
                                top = oben;
                                left = rechts;
                        }
                        merker = name;
                }
        }
}
// erzeugt einen neuen timer zum schliessen
function new_timer(){
        closer = window.setTimeout('close_layer()',5500);
}
// schliesst die div-layer
function close_layer(){
        if(merker!=""){
                if(dom){
                        with(document.getElementById(merker).style){
                                top = -500;
                        }
                        merker = "";
                        light_off('','')
                        nav_light_off('','')
                }
                if(!dom){
                        with(document.layers[merker]){
                                top = -500;
                        }
                        merker = "";
                }
        }
}
// löscht den timer
function kill_timer(){
        window.clearTimeout(closer);
}

//************************************************************
//*     functions for highlighting in layers                 *
//************************************************************
function light_on(elm,farb,text){
        if(dom){
                document.getElementById(elm).style.backgroundColor=farb;
                document.getElementById(elm).style.color=text;
                lightmerker=elm;
        }
        if(!dom){
                elm.bgColor=farb;
                elm.color=text;
                lightmerker=elm;
        }
}

function light_off(farb,text){
        if(lightmerker!=""){
                if(dom){
                        document.getElementById(lightmerker).style.backgroundColor=farb;
                        document.getElementById(lightmerker).style.color=text;
                        lightmerker="";
                }
                if(!dom){
                        lightmerker.bgColor=farb;
                        lightmerker.color=text;
                        lightmerker="";
                }
        }
}

//************************************************************
//*     functions for highlighting in sublayers                 *
//************************************************************
function sub_light_on(elmt,farbe,texte){
        if(dom){
                document.getElementById(elmt).style.backgroundColor=farbe;
                document.getElementById(elmt).style.color=texte;
                sublightmerker=elmt;
        }
        if(!dom){
                elmt.bgColor=farbe;
                elmt.color=texte;
                sublightmerker=elmt;
        }
}

function sub_light_off(farbe,texte){
        if(sublightmerker!=""){
                if(dom){
                        document.getElementById(sublightmerker).style.backgroundColor=farbe;
                        document.getElementById(sublightmerker).style.color=texte;
                        sublightmerker="";
                }
                if(!dom){
                        sublightmerker.bgColor=farbe;
                        sublightmerker.color=texte;
                        sublightmerker="";
                }
        }
}

//************************************************************
//*     functions for highlighting in nav1                   *
//************************************************************
function nav_light_on(elmt,farbe,textf){
        if(dom){
                document.getElementById(elmt).style.backgroundColor=farbe;
                document.getElementById(elmt).style.color='#000000';
                navlightmerker=elmt;
        }
        if(!dom){
                elmt.bgColor=farbe;
                elmt.color=textf;
                navlightmerker=elmt;
        }
}

function nav_light_off(farbe,textf){
        if(navlightmerker!=""){
                if(dom){
                        document.getElementById(navlightmerker).style.backgroundColor=farbe;
                        document.getElementById(navlightmerker).style.color='#000000';
                        navlightmerker="";
                }
                if(!dom){
                        navlightmerker.bgColor=farbe;
                        navlightmerker.color=textf;
                        navlightmerker="";
                }
        }
}