//************************************************************
//*     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)) - 20);
			}
			merker = name;
		}
		if(!dom){
			with(document.layers[name]){
				top = oben;
				left = rechts;
			}
			merker = name;
		}
	}
}
// erzeugt einen neuen timer zum schliessen
function new_timer(){
	closer = window.setTimeout('close_layer()',500);
}
// 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 = "";
		}
	}
}
// lvscht 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(elms,farbe,textf){
	if(dom){
		document.getElementById(elms).style.backgroundColor=farbe;
		document.getElementById(elms).style.color='#000000';
		navlightmerker=elms;
	}
	if(!dom){
		elms.bgColor=farbe;
		elms.color=textf;
		navlightmerker=elms;
	}	
}

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="";
		}
	}
}