// Website - Menü
// C (c) 2003 Tassilo Barth
// m.barth webdesign

//Interne Vars
var m_code;
var c = -1;
var d;
var last_opened = 0;

//Erscheinungsbild-Vars
var menue_level0_item_count = 0;	//Anzahl der Oberpunkte

var menue_css = "nav.css";	//Adresse der StyleSheets-Datei, die das Aussehen des Menüs beeinflusst
var menue_site_bgcolor = "#FFFFCC";
var point_img = "";	// Bild des Oberpunkts, der sich vor dem eigentlichen Menütext befindet
var point_change_img = "";	// Bild des aktiven Oberpunkts, der sich vor dem eigentlichen Menütext befindet


//Objektdefs
// text: Text, der auf dem Menübutton angezeigt wird
// items: Anzahl der Unterpunkte
// link: Adresse der Seite, auf die man durch Klick gelangen soll
// default_img: Standard-Bild
// change_img: Bild, das beim Darüberfahren mit der Maus angezeigt wird
// width: Breite des Menüpunkts
// height: Höhe des Menüpunkts
// target: Zielframe
function menue_item ( text , items , link , default_img , change_img , width ,height , target) {
	this.text = text;
	this.item_count = items;
	this.items = new Array(items);
	this.ref_index = 0;
	this.link = link;
	this.width = width;
	this.height = height;
	this.default_img = default_img;
	this.change_img = change_img;
	this.target = target;
	}	

var menue = new Array();	//Das eigentliche Menüobjekt
var i = 0;

menue[i] = new menue_item ( 'Startseite', 0 , 'main.html' , '' , '' , 130 , 10 , "Hauptframe2");
menue[++i] = new menue_item ( 'Wir über uns', 5 , 'wir.html' , '' , '' , 140 , 16 , "Hauptframe2" );
	menue[i].items[0] = new menue_item ( ' &nbsp;&nbsp;&nbsp;- Organe', 0 , 'organe.html' , '' , '' , 140 , 16 , "Hauptframe2" );
	menue[i].items[1] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Verbandsgebiet', 0 , 'verbandsgebiet.html' , '' , '' , 140 , 16 , "Hauptframe2" );
        menue[i].items[2] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Entstehung', 0 , 'entstehung.html' , '' , '' , 140 , 16 , "Hauptframe2" );
		 menue[i].items[3] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Entwicklung', 0 , 'entwicklung.html' , '' , '' , 140 , 16 , "Hauptframe2" );
        menue[i].items[4] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Betriebsstellen', 0 , 'betriebsstellen.html' , '' , '' , 140 , 16 , "Hauptframe2");
	menue[i].items[5] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Öffnungszeiten', 0 , 'oeffnungszeiten.html' , '' , '' , 140 , 16 , "Hauptframe2");
	
//menue[++i] = new menue_item ( 'Verbandsversammlung', 0 , 'verbandsversammlung.html' , '' , '' , 160 , 10 , "Hauptframe2");


//menue[++i] = new menue_item ( 'Verbands- u. Werkausschuss', 0 , 'verbandsausschuss_.html' , '' , '' , 140 , 10 , "Hauptframe2");
menue[++i] = new menue_item ( 'Aktuelles', 0 , 'http://brwaktuelles.webarth.com/' , '' , '' , 130 , 10 , "Hauptframe2");
	
menue[++i] = new menue_item ( 'Wasserabnehmer', 2 , 'mitglieder.html' , '' , '' , 140 , 10 , "Hauptframe2");
	menue[i].items[0] = new menue_item ( ' &nbsp;&nbsp;&nbsp;- Tarifabnehmer', 0 , 'mitglieder1.html' , '' , '' , 140 , 16 , "Hauptframe2" );
	menue[i].items[1] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Vertragsabnehmer', 0 , 'mitglieder2.html' , '' , '' , 140 , 16 , "Hauptframe2" );


menue[++i] = new menue_item ( 'Aktuelle Kennzahlen', 1 , 'kennzahlen.html' , '' , '' , 140 , 16 , "Hauptframe2");

	menue[i].items[0] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Bilanzzahlen ', 0 , 'bilanz.html' , '' , '' , 140 , 15 , "Hauptframe2" );
        

menue[++i] = new menue_item ( 'Wasserqualität', 0 , 'wasser.html' , '' , '' , 130 , 10 , "Hauptframe2" );

menue[++i] = new menue_item ( 'Grundwasserschutz', 3 , 'grundwasserschutz.html' , '' , '' , 130 , 10 , "Hauptframe2" );
	menue[i].items[0] = new menue_item ( ' &nbsp;&nbsp;&nbsp;- Wissenswertes', 0 , 'wissenswertes.html' , '' , '' , 140 , 16 , "Hauptframe2" );
	menue[i].items[1] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Schutzzonen', 0 , 'schutzzonen.html' , '' , '' , 140 , 16 , "Hauptframe2" );
	menue[i].items[2] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Vereinbarung', 0 , 'vereinbarungen.html' , '' , '' , 140 , 16 , "Hauptframe2" );	

menue[++i] = new menue_item ( 'Wasserpreise', 0 , 'wasserpreise.html' , '' , '' , 130 , 10 , "Hauptframe2");
	
menue[++i] = new menue_item ( 'Satzungen', 4 , 'satzungen.html' , '' , '' , 155 , 10 , "Hauptframe2");
menue[i].items[0] = new menue_item ( ' &nbsp;&nbsp;&nbsp;- Verbandssatzung', 0 , 'VERBANDSS2011.pdf' , '' , '' , 155 , 16 , "Hauptframe2" );
menue[i].items[1] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Wasserabgabesatzung', 0 , 'WASSERAB09.pdf' , '' , '' , 155 , 16 , "Hauptframe2" );
menue[i].items[2] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- BGS - WAS', 0 , 'BGS2011.pdf' , '' , '' , 155 , 16 , "Hauptframe2" );
menue[i].items[3] = new menue_item ( '  &nbsp;&nbsp;&nbsp;- Anlage 1', 0 , 'Anlage1_.pdf' , '' , '' , 155 , 16 , "Hauptframe2" );

menue[++i] = new menue_item ( 'Formulare', 8 , 'formulare.html' , '' , '' , 160 , 10 , "Hauptframe2");
menue[i].items[0] = new menue_item ( '  &nbsp;- Zählerstandsmitteilung', 0 , 'zaehlerstand.html' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[1] = new menue_item ( '  &nbsp;- Einzugsermächtigung', 0 , 'einzugsermaechtigung.html' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[2] = new menue_item ( '  &nbsp;- Eigentümerwechsel', 0 , 'eigentuemerwechsel.html' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[3] = new menue_item ( '  &nbsp;- Bankverbindung', 0 , 'bankverbindung.html' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[4] = new menue_item ( '  &nbsp;- Anschriftenänderung', 0 , 'anschriftenaenderung.html' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[5] = new menue_item ( '  &nbsp;- Antrag a. Anschluss', 0 , 'antrag_anschluss2.pdf' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[6] = new menue_item ( '  &nbsp;- Planauskunft', 0 , 'planauskunft.pdf' , '' , '' , 145 , 15 , "Hauptframe2" );
menue[i].items[7] = new menue_item ( '  &nbsp;- Stilllegungsantrag', 0 , 'abmeldung_anschluss.pdf' , '' , '' , 145 , 15 , "Hauptframe2" );        	
menue[i].items[8] = new menue_item ( '  &nbsp;- MWST-Rückerstattung', 0 , 'antrag_erstattung_umsatzsteuer.pdf' , '' , '' , 145 , 15 , "Hauptframe2" );  

menue[++i] = new menue_item ( 'Stördienst', 0 , 'stoerdienst.html' , '' , '' , 130 , 10 , "Hauptframe2");

menue[++i] = new menue_item ( 'Öffentlichkeitsarbeit', 4 , 'spartipps.html' , '' , '' , 160 , 10 , "Hauptframe2");  
menue[i].items[0] = new menue_item ( ' &nbsp;&nbsp;&nbsp;-Spartipps', 0 , 'spartipps.html' , '' , '' , 140 , 16 , "Hauptframe2" );
menue[i].items[1] = new menue_item ( '  &nbsp;&nbsp;&nbsp;-Bildergalerie', 0 , 'bildergalerie.html' , '' , '' , 140 , 16 , "Hauptframe2" );
menue[i].items[2] = new menue_item ( '  &nbsp;&nbsp;&nbsp;-Broschüre BRW', 0 , 'broschuere_brw.pdf' , '' , '' , 140 , 16 , "Hauptframe2" );
menue[i].items[3] = new menue_item ( '  &nbsp;&nbsp;&nbsp;-VBEW-Wasser f. Bay.', 0 , 'vbew.pdf' , '' , '' , 140 , 16 , "Hauptframe2" );

menue[++i] = new menue_item ( 'ipse Service GmbH', 0 , 'ipse.html' , '' , '' , 130 , 10 , "Hauptframe2");


	
menue[++i] = new menue_item ( 'Kontakt', 0 , 'kontakt.html' , '' , '' , 130 , 10 , "Hauptframe2");

menue[++i] = new menue_item ( 'Ihr Weg zu uns', 1 , 'ihrweg.html' , '' , '' , 130 , 10 , "Hauptframe2");

menue[i].items[0] = new menue_item ( '  &nbsp;- Stadtplan', 0 , 'stadtplan.html' , '' , '' , 140 , 15 , "Hauptframe2" );

menue[++i] = new menue_item ( 'Links', 0 , 'links.html' , '' , '' , 130 , 10 , "Hauptframe2");
	
menue[++i] = new menue_item ( 'Impressum', 0 , 'impressum.html' , '' , '' , 130 , 10 , "Hauptframe2");
	
(menue.length);

function create_menue (site) {
	//Funktionsweise:
	//Grundgerüst erzeugen und Referenzindex zuweisen
	//einzelne Elemente erzeugen
	//Unterelemente erzeugen usw.
	// Struktur: Tabelle f. OP, Zeile, Zelle, Div für UP, Div für jd. UE
	var change_img;
	
	menue_level0_item_count = menue.length;

	m_code = '<link rel="stylesheet" type="text/css" href="'+menue_css+'">';

	// Punkte vor Oberpunkten vorladen
	if(point_change_img) {change_img = point_change_img;point_change_img = new Image();point_change_img.src = change_img;}

	c = 0;
	// Level-0 Elemente
	m_code += '<div class="border_table" >';
	while ( c < menue_level0_item_count ) {

		m_code += '<div id="O'+c+'"';

		m_code+=' style="width:'+menue[c].width+'px;"';


		//if(menue[c].target) {m_code+=' onMouseover="this.style.backgroundColor=\'orange\'" onMouseout="this.style.backgroundColor=\'\'"';}

		m_code+='>';

		// wenn Bild vor Oberpunkt
		if(point_img) {m_code += '<img src="'+point_img+'" id="P_I'+c+'" />';}

		m_code += '<a href="';

		// wenn Link
		if(menue[c].link) {m_code += menue[c].link+'" target="'+menue[c].target+'">';}
		else {m_code += '#">';}

		// Wenn Bild
		if(menue[c].default_img) {
			// Wechselbild vorladen, wenn vorhanden
			if(menue[c].change_img) {
				var change_img = menue[c].change_img;
				menue[c].change_img = new Image();menue[c].change_img.src = change_img;
								
				}
			m_code += '<img border="0" id="I'+c+'" onClick=menue_onMouseclick('+c+',"T'+c+'","I'+c+'"); src="'+menue[c].default_img+'" alt="'+menue[c].text+'" title="'+menue[c].text+'" />';
			}
		// wenn Text
		else {
			m_code += '<span class="menue_lvl0_item_text" onClick=menue_onMouseclick('+c+',"T'+c+'","I'+c+'");>'+menue[c].text+'</span>';
			}
		m_code+="</a>";
		
		

		// Level-1 Elemente
		if(menue[c].item_count) {
			d = 0;
			//Umfassung für diese
			m_code += '<div id="T'+c+'" class="menue_lvl1_item_border" style="display:none;width:'+menue[c].items[0].width+'px;">';
			//Jetzt die einzelnen Unterelemente
			while( d < menue[c].item_count ) {
				m_code += '<div class="menue_lvl1_item" style="width:'+menue[c].items[d].width+'px;margin-top:1px;"><a href="'+menue[c].items[d].link+'" target="'+menue[c].items[d].target+'"><span class="menue_lvl1_item_text">'+menue[c].items[d].text+'</span></a></div>';
				d++;
				}
			m_code += '</div>';
			}
		m_code += '</div>';

		c++;
		}
	m_code += '</div>';

	document.write (m_code);
	// Zuletzt geöffnetes Untermenü wieder öfnnen
	//last_opened = site;
	//window.setTimeout('menue_onMouseclick(last_opened,"T"+last_opened.toString(10),"I"+last_opened.toString(10))',10);

	}
function control_top () {
	for ( i = 0; i<menue_level0_item_count; i++) {
		/*document.getElementById("O"+i.toString(10)).style.position = "absolute";*/
		document.getElementById("O"+i.toString(10)).style.top = document.body.scrollTop;
		}
		
	}

function menue_onMouseclick (item,item_ID,img_ID) {	
	
	//Hat Item Unterpunkte?
	if(menue[item].item_count) {
		
		//schon sichtbar
		if(document.getElementById(item_ID).style.display == "block") { 
	
			reset_img(img_ID,0,item,0);
			hide_item(item_ID);
			return;
			}
		//last_opened = 0;
	

		change_img(img_ID,0,item,0);
		
		hide_last();
				
		last_opened = item;
		
		show_item(item_ID,-1);
		
		return;
		}
	//sonst:
	hide_last();
	change_img(img_ID,0,item,0);
	last_opened = item;
	
	}

function change_img (item_ID,item2_ID,item,item2) {
	if(menue[item].change_img) {
	  document.getElementById(item_ID).src = menue[item].change_img.src;
	  if(point_change_img) {document.getElementById("P_I"+item.toString(10)).src = point_change_img.src;}
		}
	
	}
function reset_img (item_ID,item2_ID,item,item2) {
	if(menue[item].change_img) {
	        document.getElementById(item_ID).src = menue[item].default_img;
		if(point_img) {document.getElementById("P_I"+item.toString(10)).src = point_img;}
		}
	}
		

function show_item (item,item2) {
	document.getElementById(item).style.display = "block";
	
	
	}
function hide_last () {
	if(menue[last_opened].item_count) {document.getElementById("T"+last_opened.toString(10)).style.display = "none";}
	//document.getElementById("I"+last_opened.toString(10)).src = menue[last_opened].default_img;		
	//document.getElementById("P_I"+last_opened.toString(10)).src = point_img;
	
	}
function hide_all () {
	for ( i = 0; i<menue_level0_item_count; i++) {
		if(menue[i].item_count) {document.getElementById("T"+i.toString(10)).style.display = "none";}
		if(menue[i].default_img) {document.getElementById("I"+i.toString(10)).src = menue[i].default_img;}		
		}
	}
function hide_item (item,item2) {
	document.getElementById(item).style.display = "none";
	last_opened = 0;
	}
		
