var urlAnhang = location.search; // übergibt die matrix was angeklickt wurde schem hauptpunkt, unterpunkt, subpunkt
var mIndex = urlAnhang.substring(1); // entfernt das ?-zeichen
var mIndices = mIndex.split(','); // teilt die matrix in drei array mIndices[0]...
var x1 = mIndices[0];// zahl für wievielten hauptpunkt
var x2 = mIndices[1];// zahl für wievielten unterpunkt
var x3 = mIndices[2];// zahl für wievielten subpunkt

abstand = new Array(0,20,35,50,65,80,95,110);//ergibt die grösse der einzelnen Menüpunkte z.b 25 höhe einzeilig

var fontblue = 'font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 15px; font-weight: bold; font-variant: normal; text-transform: none; color: #005EA1;';
var fontwhite = 'font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 15px; font-weight: bolder; font-variant: normal; text-transform: none; color: #FFFFFF;';

var absPos = 'style="position:absolute;'; // position der layer

// welcher browser versteht welche tags
var layer = 'div';
var name = 'id';
var laySt = 'style="position:absolute;';
var vis = 'visibility:visible;';
var hid = 'visibility:hidden;';
var bgc = 'background-color:';
var top = 'top:';
var left = 'left:';
var width = 'width:';
var height = 'height:';
var clipA = 'clip:rect(0px ';
var clipB = 'px ';
var clipC = '0px);"';
var zx = 'z-index:';
var sc = ';';
var qt = '"';
var px = 'px;';

if (navigator.appName == 'Netscape' && navigator.appVersion.substring(0,1) < "5")
{
	layer = 'layer';
	name = 'name';
	laySt = '';
	vis = 'visibility=show';
	hid = 'visibility=hide';
	bgc = 'bgcolor=';
	top = 'top=';
	left = 'left=';
	width = 'width=';
	height = 'height=';
	clipA = 'clip="0,0,';
	clipB = ','
	clipC = '"';
	zx = 'z-index=';
	sc = '';
	qt = '';
	px = '';
}

var m_dfn = '<'+ layer +' '+ laySt +' '+ top +'0'+ px +' '+ left +'0'+ px +' '+ clipA+'1'+ clipB +'1'+clipB + clipC +'><span style="position:absolute; top:0px; left:0px; font-family:Arial,Helvetica,Sans-serif; font-size:10px; color:#000000; text-decoration:none;">&nbsp;</span>&nbsp;</'+ layer +'>\n';
m_dfn += '<'+ layer +' '+ laySt +' ' + top +'0'+ px +' '+ left +'0'+ px +' '+ width+'186'+ px +' '+ height+'330'+ px +' '+ zx +'0'+ sc +''+ qt +' onMouseOver="h_swap(\'nothing\');">&nbsp;</'+ layer +'>\n';
m_dfn += '<'+ layer +' '+ name +'="nothing" '+ laySt +' '+ top +'0'+ px +' '+ left +'0'+ px +' '+ width+'1'+ px +' '+ height+'1'+ px +' '+ hid +' '+ zx +'0'+ sc +''+ qt +'>&nbsp;</'+ layer +'>\n';

var Ypos = 0;// gibt an von welcher höhe an das Menü aufgebaut werden soll beachte hauptpunkte knallen abstand dazwischen
var letzter_punkt = 0;// variable für aufbau der hauptpunkte wenn nichts angklicht
for (i=1;i<=anzahl_punkte;i++)// anzahl_punkte variable aus der menuelist: angabe wieviele strings
{

	var menuepunkt = eval("menue"+i);// übergebe aktuellen MENÜSTRING an MENUEPUNKT
	var m1 = menuepunkt.split('###'); //m1[0]= anzahl zeilen, m1[1]= Bezeichnung, m1[2]= url und matrix
	var matrix = m1[2].substring(m1[2].indexOf("?")+1,m1[2].length);// die erste stelle der MATRIX
	var nr_punkt = matrix.split(',')// die erste stelle der MATRIX

	// Eingenschaften für Darstellung bzw. Rollover
	var marker_a = '<img src="submenue/trans.gif" width=6 height=6 border=0>';
	var bg1_n = '';
	var bg1_r = '';
	if(x1 == nr_punkt[0]){
	 bg1_n = bg1_r;
	 marker_a = '<img src="submenue/kreis.gif" width=16 height=17 border=0>';
	 }
	 

	if (!x1)// es wurde noch nichts angeklickt weil x1 empty also Liste nur die Hauptpunkte auf
	{
	
	if (nr_punkt[0] != letzter_punkt)// nur wenn der punkt noch nicht war baue den menüpunkt auf schliesse unterpunkte etc aus
	{
	var Ypos = Ypos + 10;
	m_dfn += '<'+ layer +' '+ name +'="m_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'0'+ px +' '+ sc +' '+ zx +'1'+ sc +' '+ width+'155'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'155'+ clipB +abstand[m1[0]]+ clipB + clipC +' onMouseOver="h_swap(\'h_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'\');">\n';
	m_dfn += '<span '+ absPos +' top:2px; left:27px; '+ fontblue +'">'+ m1[1] +'</span>';
m_dfn += '<span '+ absPos +' top:0px; left:6px;">'+ marker_a +'</span>',
	m_dfn += '<span '+ absPos +' top:0px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=155 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
	m_dfn += '&nbsp;</'+ layer +'>\n';
	
	m_dfn += '<'+ layer +' '+ name +'="h_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'0'+ px +' '+ sc +' '+ zx +'2'+ sc +' '+ hid +' '+ width+'155'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'155'+ clipB +abstand[m1[0]]+ clipB + clipC +' onMouseOut="h_swap(\'nothing\');">\n';
	m_dfn += '<span '+ absPos +' top:2px; left:27px; '+ fontblue +'">'+ m1[1] +'</span>';
m_dfn += '<span '+ absPos +' top:0px; left:6px;"><img src="submenue/kreis.gif" width=16 height=17 border=0></span>',
	m_dfn += '<span '+ absPos +' top:0px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=155 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
	m_dfn += '&nbsp;</'+ layer +'>\n';
		var Ypos = Ypos + (abstand[m1[0]]);
		var letzter_punkt = nr_punkt[0];
	}//ende if überprüfung handel es sich wirklich noch um einen hauptpunkt?
	} else {
	
	
//********************************** Es wurde was angklickt und baue jetzt das Menü auf ****************************************
// *********HAUPTPUNKTE	
	if (nr_punkt[0] != letzter_punkt)// nur wenn der punkt noch nicht war baue den menüpunkt auf schliesse unterpunkte etc aus
	{
	var Ypos = Ypos + 10;
	m_dfn += '<'+ layer +' '+ name +'="m_'+ i +'_0" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'0'+ px +' '+ sc +' '+ zx +'1'+ sc +' '+ width+'155'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'155'+ clipB +abstand[m1[0]]+ clipB + clipC +' onMouseOver="h_swap(\'h_'+ i +'_0\');">\n';
	m_dfn += '<span '+ absPos +' top:2px; left:27px; '+ fontblue +'">'+ m1[1] +'</span>';
m_dfn += '<span '+ absPos +' top:0px; left:6px;">'+ marker_a +'</span>',
	m_dfn += '<span '+ absPos +' top:0px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=155 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
	m_dfn += '&nbsp;</'+ layer +'>\n';
	
	m_dfn += '<'+ layer +' '+ name +'="h_'+ i +'_0" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'0'+ px +' '+ sc +' '+ zx +'2'+ sc +' '+ hid +' '+ width+'155'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'155'+ clipB +abstand[m1[0]]+ clipB + clipC +' onMouseOut="h_swap(\'nothing\');">\n';
	m_dfn += '<span '+ absPos +' top:2px; left:27px; '+ fontblue +'">'+ m1[1] +'</span>';
m_dfn += '<span '+ absPos +' top:0px; left:6px;"><img src="submenue/kreis.gif" width=16 height=17 border=0></span>',
	m_dfn += '<span '+ absPos +' top:0px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=155 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
	m_dfn += '&nbsp;</'+ layer +'>\n';
		var Ypos = Ypos + (abstand[m1[0]]);
		var letzter_punkt = nr_punkt[0];
	}//ende if überprüfung handel es sich wirklich noch um einen hauptpunkt?
	
//*********************************** Unterpunkte ************************************
	
	var marker_b = '<img src="submenue/trans.gif" width=6 height=6 border=0>';
	var bg2_n = '';
	var bg2_r = bgc+'#005EA1';
	var font_n = fontblue;
	var font_r = fontwhite;
			
	if(x2 == nr_punkt[1] && x1 == nr_punkt[0]){
	 bg2_n = bg2_r;
	 font_n = font_r;
	 marker_b = '<img src="submenue/kreis.gif" width=16 height=17 border=0>';
	 }
	
	if (x1 == nr_punkt[0]  && nr_punkt[1]!="0" && nr_punkt[2]=="0"){
	var Ypos = Ypos +7;
m_dfn += '<'+ layer +' '+ name +'="m_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'26'+ px +' '+ bg2_n +''+ sc +' '+ zx +'1'+ sc +' '+ width+'129'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'129'+ clipB +abstand[m1[0]]+ clipB + clipC +' onMouseOver="h_swap(\'h_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'\');">\n';
			m_dfn += '<span '+ absPos +' top:2px; left:10px; '+ font_n +'">'+ m1[1] +'</span>';
			//m_dfn += '<span '+ absPos +' top:5px; left:6px;">'+ marker_b +'</span>',
			m_dfn += '<span '+ absPos +' top:2px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=129 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
			m_dfn += '&nbsp;</'+ layer +'>\n';
			
			m_dfn += '<'+ layer +' '+ name +'="h_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'26'+ px +' '+ bg2_r +''+ sc +' '+ hid +' '+ zx +'2'+ sc +' '+ width+'129'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'129'+ clipB +(abstand[m1[0]])+ clipB + clipC +' onMouseOut="h_swap(\'nothing\');">\n';
			m_dfn += '<span '+ absPos +' top:2px; left:10px; '+ font_r +'">'+ m1[1] +'</span>';
			//m_dfn += '<span '+ absPos +' top:5px; left:6px;"><img src="submenue/kreis.gif" width=16 height=17 border=0></span>',
			m_dfn += '<span '+ absPos +' top:2px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=129 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
			m_dfn += '&nbsp;</'+ layer +'>\n';
	var Ypos = Ypos + abstand[m1[0]];
	} // ende schleife if aufbau  unterpunkte
	
//***************************** SUBPUNKTE

	var marker_b = '<img src="submenue/trans.gif" width=6 height=6 border=0>';
	var bg2_n = '';
	var bg2_r = bgc+'#005EA1';
	var font_n = fontblue;
	var font_r = fontwhite;

	
	if(x2 == nr_punkt[1] && x3 == nr_punkt[2]){
	 bg2_n = bg2_r;
	 font_n = font_r;
	 marker_b = '<img src="submenue/kreis.gif" width=16 height=17 border=0>';
	 }
	
	if (x1 == nr_punkt[0] && x2 == nr_punkt[1]  && nr_punkt[2]!="0"){

m_dfn += '<'+ layer +' '+ name +'="m_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'36'+ px +' '+ bg2_n +''+ sc +' '+ zx +'1'+ sc +' '+ width+'119'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'119'+ clipB +abstand[m1[0]]+ clipB + clipC +' onMouseOver="h_swap(\'h_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'\');">\n';
			m_dfn += '<span '+ absPos +' top:2px; left:10px; '+ font_n +'">'+ m1[1] +'</span>';
			//m_dfn += '<span '+ absPos +' top:5px; left:6px;">'+ marker_b +'</span>',
			m_dfn += '<span '+ absPos +' top:2px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=119 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
			m_dfn += '&nbsp;</'+ layer +'>\n';
			
			m_dfn += '<'+ layer +' '+ name +'="h_'+ nr_punkt[0]+'_'+nr_punkt[1]+'_'+nr_punkt[2]+'" '+ laySt +' '+ top +''+ Ypos +''+ px +' '+ left +'36'+ px +' '+ bg2_r +''+ sc +' '+ hid +' '+ zx +'2'+ sc +' '+ width+'119'+ px +' '+ height+(abstand[m1[0]]-1)+ px +' '+ clipA+'119'+ clipB +(abstand[m1[0]])+ clipB + clipC +' onMouseOut="h_swap(\'nothing\');">\n';
			m_dfn += '<span '+ absPos +' top:2px; left:10px; '+ font_r +'">'+ m1[1] +'</span>';
			//m_dfn += '<span '+ absPos +' top:5px; left:6px;"><img src="submenue/kreis.gif" width=16 height=17 border=0></span>',
			m_dfn += '<span '+ absPos +' top:2px; left:0px;"><a href="'+ m1[2] +'"><img src="submenue/trans.gif" width=119 height='+(abstand[m1[0]])+' border=0 alt=""></a></span>',
			m_dfn += '&nbsp;</'+ layer +'>\n';
	var Ypos = Ypos + abstand[m1[0]];
	} // ende schleife if aufbau  subpunkte
}// ende der if was angeklickt oder nicht
}// ende der Mother-Schleife :-)

document.write(m_dfn);