show = new Array();
var fensterbreite = 500;
var fensterhoehe = 500;
var scrollypos = 0;
var scrollxpos = 0;

function getElem(id) {

	if(document.getElementById) {
		if (typeof document.getElementById(id) == "object")
			Elem = document.getElementById(id);
		else Elem = void(0);
		return(Elem);
	}
	else if(document.all && !window.opera) {
		if (typeof document.all[id] == "object")
			Elem = document.all[id];
		else Elem = void(0);
		return(Elem);
	}
	else if(document.layers && !window.opera) {
		if (typeof document[id] == "object")
			Elem = document[id];
		else Elem = void(0);
		return(Elem);
	}
	else
		return void(0);

}



function drin(id) {

	var id_nr = parseInt(id.split("nav")[1], 10);
	show[id_nr] = 1;
	
	id_temp = id;
	while (id_temp.length> 3 + 2) {
		
		id_temp = id_temp.slice(0, id_temp.length-2);
		//alert(id_temp);
		id_nr = parseInt(id_temp.split("nav")[1], 10);
		//alert(id_nr);
		getElem(id_temp).style.visibility = "visible";
		
	}
	getElem(id).style.visibility = "visible";
	

}

function draussen(id) {

	var id_nr = parseInt(id.split("nav")[1], 10);
	show[id_nr] = 0;
	//alert(show.join('-'));
	window.setTimeout("", 100);

	if (show[id_nr]==0)
		getElem(id).style.visibility = "hidden";
		
	
}

function changevis(meinObjekt) {

	/*if (!meinObjekt)
		alert("gaga");
	if (meinObjekt.style.visibility=="visible")
		meinObjekt.style.visibility="hidden";
	else
		meinObjekt.style.visibility="visible";
	*/
	

}



var haupt = "haupt";
var breite_zwisch = 5;		//Breite zwischen zwei Navigationspunktzellen
var breite_nav = 80;		//Breite einer Navigationspunktzelle
var breite_unter = 200;		//Breite des Untermenüs mit Rahmen
var nav_top = 43;		//Abstand vom oberen Rand der Untermenüs   51
var bg_color = "#ff0000";	//Hintergrundfarbe für Untermenüs



punkte = new Array(			//1. ID, 2. Dateiname (wenn leer, dann keine explizite Seite, z.B. da Untermenü vorhanden), 3. Name im Menü
	Array("nav01",			"",								"Informationen",		"nav_infos.gif"),
	Array("nav0101",		"",								"Computer"),
	Array("nav010101",		"information/avi.html",						"Das Avi-Format"),
	Array("nav010102",		"information/bezier.html",					"Bezierkurven"),
	Array("nav010103",		"information/computer_info.html",				"Computer-Infos"),
	Array("nav010103",		"information/dateisysteme.html",				"Dateisysteme"),
	Array("nav010104",		"information/dvd.html",						"DVD-Infos"),
	Array("nav010105",		"information/tempifiles.html",					"index.dat-Erfahrungen"),
	Array("nav010106",		"information/ip-adressen.html",					"Kurzinfo zu IP-Adressen"),
	Array("nav010107",		"information/mysql.html",					"MySQL"),
	Array("nav010108",		"information/regtune.html",					"Registry-Infos für WinNT"),
	Array("nav010109",		"information/spiele.html",					"Infos zu Spielen"),
	Array("nav010110",		"information/speicher.html",					"Speicher-Info"),
	Array("nav010111",		"information/unix_commands.html",				"Unix-Befehle"),
	Array("nav010112",		"information/webadressen.html",					"Gute Webadressen"),
	Array("nav010113",		"information/zip.html",						"Dateinamen im Zipformat"),
	Array("nav010114",		"information/bmp.html",						"BMP-Format"),
	Array("nav010115",		"information/computerzeit.html",				"Zeiteinstellungen"),
	Array("nav0102",		"",								"Elektronik"),
	Array("nav010201",		"information/e_reihen.html",					"E-Reihen"),
	Array("nav010202",		"information/farbkodierung.html",				"Farbkodierung"),
	Array("nav010203",		"information/scart.html",					"Belegung der Scartstecker"),
	Array("nav010204",		"information/cross_ref.html",					"Cross-Reference"),
	Array("nav010205",		"information/dcf_77.html",					"DCF-77-Signal"),
	Array("nav010206",		"information/halbleiterbez.html",				"Halbleiterbezeichnungen"),
	Array("nav010208",		"information/schutzart.html",					"Schutzart"),
	Array("nav010209",		"information/rs232.html",					"RS-232"),
	Array("nav0103",		"information/blumen.html",					"Sprache der Blumen"),
	Array("nav0104",		"information/arbeitszeugnis.html",				"Arbeitszeugnis"),
	Array("nav0105",		"information/eismachen.html",					"Eisrezept"),
	Array("nav0106",		"information/buecher.html",					"Gute Bücher"),
	Array("nav0107",		"information/gf.html",						"FF-Gruppenführer"),
	Array("nav0108",		"information/jugendwartseminare.html",				"Jugendwartseminare"),
	Array("nav0109",		"information/sbf_binnen.html",					"Prüfungsfragen SBF-Binnen"),
	Array("nav0110",		"information/schlaf.html",					"Das kleine Buch vom Schlaf"),
	Array("nav0111",		"information/rezepte.html",					"Rezepte"),
	Array("nav0112",		"information/fr_verben.html",					"Französische Verben"),
	Array("nav0113",		"information/serien.html",					"Serien Guide"),
	Array("nav0114",		"information/bohrloch.html",					"Bohrlochdurchmesser"),
	Array("nav02",			"",								"Texte",			"nav_texte.gif"),
	Array("nav0201",		"texte/a_days_wait.html",					"Ernest Hemingway - A Days Wait"),
	Array("nav0202",		"texte/leon_pujot.html",					"Heimito von Doderer - Léon Pujot"),
	Array("nav0203",		"texte/nachkriegsmeise.html",					"Nachkriegsmeise"),
	Array("nav0204",		"texte/streiflicht_bier.html",					"Das Streiflicht - Bier"),
	Array("nav0204",		"texte/streiflicht_kaelte.html",				"Das Streiflicht - Kälte"),
	Array("nav0205",		"texte/win_vs_gm.html",						"Windows vs. General Motors"),
	Array("nav0206",		"texte/dunkel_wars.html",					"Dunkel wars..."),
	Array("nav03",			"",								"Unterhaltsames",		"nav_unt.gif"),
	Array("nav0301",		"",								"Amüsantes"),
	Array("nav030101",		"unterhaltsames/amuesantes/anglizismen.html",			"Anglizismen"),
	Array("nav030102",		"unterhaltsames/amuesantes/arbeit - allgemein.html",		"Arbeit - im allgemeinen"),
	Array("nav030103",		"unterhaltsames/amuesantes/billgotchi.html",			"Das Billgotchi"),
	Array("nav030104",		"unterhaltsames/amuesantes/das_maedchen_und_der_wolf.html",	"Das Mädchen und der Wolf"),
	Array("nav030105",		"unterhaltsames/amuesantes/die_koennen.html",			"die können...."),
	Array("nav030106",		"unterhaltsames/amuesantes/dunkel_wars.html",			"Dunkel wars..."),
	Array("nav030107",		"unterhaltsames/amuesantes/muesli.html",			"Echte Männer essen kein Müsli"),
	Array("nav030108",		"unterhaltsames/amuesantes/weihnachtsmann.html",		"gibt es den Weihnachtsmann?"),
	Array("nav030109",		"unterhaltsames/amuesantes/ideas_must.html",			"Ideas must man have"),
	Array("nav030110",		"unterhaltsames/amuesantes/johnnie walkers tagebuch.html",	"Jonnie Walkers Tagebuch"),
	Array("nav030111",		"unterhaltsames/amuesantes/murphys_law.html",			"Murphys Law"),
	Array("nav030112",		"unterhaltsames/amuesantes/teamghost.html",			"No teamghost, no togetherhold"),
	Array("nav030113",		"unterhaltsames/amuesantes/polit_sys.html",			"Politische Systeme neu definiert"),
	Array("nav030114",		"unterhaltsames/amuesantes/windows.html",			"Lustiges über MS Windows"),
	Array("nav030115",		"unterhaltsames/amuesantes/rueckwaerts.html",			"Rückwärts"),
	Array("nav030116",		"unterhaltsames/amuesantes/oral - fuer die ohren.html",		"oral - für die Ohren"),
	Array("nav030117",		"unterhaltsames/amuesantes/raetsel.html",			"Rätsel"),
	Array("nav030118",		"unterhaltsames/amuesantes/rotkaeppchen.html",			"Rotkäppchen auf Amtsdeutsch"),
	Array("nav030119",		"unterhaltsames/amuesantes/schulen.html",			"Schulen - gestern-heute-morgen"),
	Array("nav030120",		"unterhaltsames/amuesantes/sprueche.html",			"Sprüche"),
	Array("nav030121",		"unterhaltsames/amuesantes/amiverbote.html",			"Verbote bei den \"Amis\""),
	Array("nav030122",		"unterhaltsames/amuesantes/feierabend.html",			"Vom gelassenen Umgang mit der Freizeit am Feierabend"),
	Array("nav030123",		"unterhaltsames/amuesantes/why_did.html",			"Why did the chicken cross the road"),
	Array("nav030124",		"unterhaltsames/amuesantes/schilder_geschichte.html",		"Schildergeschichte"),
	Array("nav030125",		"unterhaltsames/amuesantes/computer_wissen.html",		"Computer wissen mehr..."),
	Array("nav0302",		"",								"Sachen zum Lachen"),
	Array("nav030201",		"unterhaltsames/lachen/anrufbeantworter.html",			"Anrufbeantwortersprüche"),
	Array("nav030202",		"unterhaltsames/lachen/aus dem leben.html",			"aus dem Leben ..."),
	Array("nav030203",		"unterhaltsames/lachen/bibel2.html",				"Bibel 2.0 jetzt auf CD"),
	Array("nav030204",		"unterhaltsames/lachen/definitionssache.html",			"Definitionssache"),
	Array("nav030205",		"unterhaltsames/lachen/golfen.html",				"Die Regeln des Golfspielens"),
	Array("nav030206",		"unterhaltsames/lachen/frage der woche.html",			"Frage der Woche"),
	Array("nav030207",		"unterhaltsames/lachen/fragen_des_lebens.html",			"Fragen des Lebens"),
	Array("nav030208",		"unterhaltsames/lachen/fehler.html",				"Computer-Problem-Melde-Formular"),
	Array("nav030209",		"unterhaltsames/lachen/handy-call-service.html",		"Handy-Call-Service"),
	Array("nav030210",		"unterhaltsames/lachen/klaus allein zu haus.html",		"Klaus allein zuhaus"),
	Array("nav030211",		"unterhaltsames/lachen/propellergorilla.html",			"Propellergorilla"),
	Array("nav030212",		"unterhaltsames/lachen/sachen zum lachen.html",			"Sachen zum Lachen"),
	Array("nav030213",		"unterhaltsames/lachen/spass.html",				"Spaß in Tüten"),
	Array("nav030214",		"unterhaltsames/lachen/speisekarten.html",			"Speisekarten"),
	Array("nav030215",		"unterhaltsames/lachen/anmachen.html",				"Sprüche zum Anmachen"),
	Array("nav030216",		"unterhaltsames/lachen/pizzadienst.html",			"Pizza-Hotline"),
	Array("nav0303",		"",								"Vorurteile"),
	Array("nav030301",		"unterhaltsames/vorurteile/dau_anruf.html",			"Anruf eines DAU bei einer Hotline"),
	Array("nav030302",		"unterhaltsames/vorurteile/ehefrau2.html",			"Das Update - Aus der Ehe eines Programmierers"),
	Array("nav030303",		"unterhaltsames/vorurteile/frauensprache.html",			"Die Sprache der Frauen"),
	Array("nav030304",		"unterhaltsames/vorurteile/maennersprache.html",		"Die Sprache der Männer"),
	Array("nav030305",		"unterhaltsames/vorurteile/flaschenbier.html",			"Flaschenbier - eine echte Alternative"),
	Array("nav030306",		"unterhaltsames/vorurteile/frauenfeindlich.html",		"Frauenfeindlich :-)"),
	Array("nav030307",		"unterhaltsames/vorurteile/ehefrau.html",			"Gibt es einen Ersatz für eine Ehefrau?"),
	Array("nav030308",		"unterhaltsames/vorurteile/vorteil_mann.html",			"Gründe, warum es wundervoll ist, ein Mann zu sein..."),
	Array("nav030309",		"unterhaltsames/vorurteile/geruecht.html",			"Ist es ein Gerücht, daß..."),
	Array("nav030310",		"unterhaltsames/vorurteile/rollentausch.html",			"Rollentausch"),
	Array("nav030311",		"unterhaltsames/vorurteile/automat.html",			"Verhalten von Mann und Frau am Geldautomaten"),
	Array("nav030312",		"unterhaltsames/vorurteile/vorsicht upgrader.html",		"vorsicht Upgrader"),
	Array("nav030313",		"unterhaltsames/vorurteile/warmduscher.html",			"Warmduscher"),
	Array("nav030314",		"unterhaltsames/vorurteile/warmduscher2.html",			"Warmduscher Teil II"),
	Array("nav030315",		"unterhaltsames/vorurteile/warmduscher3.html",			"Feuerwehr Warmduscher"),
	Array("nav030316",		"unterhaltsames/vorurteile/salatgurke.html",			"Warum Salatgurken bessere Liebhaber sind"),
	Array("nav030317",		"unterhaltsames/vorurteile/windows98.html",			"Windows98 - Sourcecode"),
	Array("nav030318",		"unterhaltsames/vorurteile/vorteil_beide.html",			"Vorteile für Mann/Frau"),
	Array("nav030319",		"unterhaltsames/vorurteile/moeglichkeiten.html",		"zwei Möglichkeiten für Männer"),
	Array("nav030320",		"unterhaltsames/vorurteile/zitate.html",			"Zitate aus Serien"),
	Array("nav030321",		"unterhaltsames/vorurteile/beziehung.html",			"Beziehungen"),
	Array("nav0304",		"",								"Witze"),
	Array("nav030401",		"unterhaltsames/witze/blondinenwitze.html",			"Blondinenwitze"),
	Array("nav030402",		"unterhaltsames/witze/mantawitze.html",				"Witze über Mantafahrer"),
	Array("nav030403",		"unterhaltsames/witze/viagra.html",				"Viagra-Witze"),
	Array("nav030404",		"unterhaltsames/witze/witze.html",				"Witze"),
	Array("nav04",			"",								"Filmdatenbank",			"nav_filme.gif"),
	Array("nav0401",		"filme/filme.html",						"Filmdatenbank"),
	Array("nav0402",		"filme/filme.html?what=liste",					"Filmliste"),
	Array("nav0403",		"filme/filme.html?what=impressum",				"Impressum der Filmdatenbank")
);

function hide_menus(rootpath) {
	for (i=0; i<punkte.length; i++) {
		if (getElem(punkte[i][0]))
			getElem(punkte[i][0]).style.visibility = "hidden";
	}
}

	//fürs Aquarium
	function coords(l, t, w, h, x, y) {
		this.left = l;			//left-Wert des Aqariums
		this.top = t;			//top-Wert des Aquariums
		this.width = w;		//Breite des Aquariums
		this.height = h;		//Höhe des Aquariums
		this.click_left = x;		//x-Wert des Clickens
		this.click_top = y;		//y-Wert des Clickens
	}
	var aqua_width = 200;
	var aqua_height = 200;
	var aqua_left = 100;
	var aqua_top = 100;
	var anzahl_fische = 5;  //auch in der links.html ändern!!
	var wasserlinie = 20;  //Pixel, die die Wasserlinie vom oberen Rand weg ist
	var sandlinie = 20;  //Pixel, die die Sandlinie vom unteren Rand weg ist
	var randbreite = 20;
	fisch_pics = new Array();
	fisch_img = new Array(Array());		//für img-Objekte
	fisch_ldir_x = new Array();
	fisch_ldir_y = new Array();
	var change_dir = 0.03;
	var max_speed = 1;
	var fischzaehler;
	var fisch_aktion = "";		//was mit dem Fischfenster passieren soll
	fisch_pos = new coords(0, 0, 0, 0, 0, 0);



function fische_bewegen() {
	
	j = 0;						// j ist hier ein Zähler, für die Fischfarbe

	for (i=0; i<anzahl_fische; i++) {
		id_temp = "fisch" + i.toString(10);
		id_pic_temp = "fisch_pic" + i.toString(10);
		x = getElem(id_temp).style.left;		//40 von 2-mal Rand, 25 von Bildchenbreite
		y = getElem(id_temp).style.top;		//40 von 2-mal Rand, 25 von Bildchenbreite
		
		x = parseInt(x);
		y = parseInt(y);
		
		if (Math.random() < change_dir) {
			d_x = Math.round((Math.random()*max_speed*2))-max_speed;
			if (d_x<0)
				getElem(id_pic_temp).src=fisch_pics[j][0];
			if (d_x>0)
				getElem(id_pic_temp).src=fisch_pics[j][1];
		}
		else
			d_x = fisch_ldir_x[i];
		if (Math.random() < change_dir)
			d_y = Math.round((Math.random()*max_speed*2))-max_speed;
		else
			d_y = fisch_ldir_y[i];
		
		//alert(d_x);
		if (x+d_x < randbreite) {
			d_x = -d_x;
			if (d_x<0)
				getElem(id_pic_temp).src=fisch_pics[j][0];
			if (d_x>0)
				getElem(id_pic_temp).src=fisch_pics[j][1];
		}
		if (x+d_x > aqua_width-randbreite-25) {
			d_x = -d_x;
			if (d_x<0)
				getElem(id_pic_temp).src=fisch_pics[j][0];
			if (d_x>0)
				getElem(id_pic_temp).src=fisch_pics[j][1];
		}
		if (y+d_y < randbreite + wasserlinie)
			d_y = -d_y;
		if (y+d_y > aqua_height-randbreite-15 - sandlinie)
			d_y = -d_y;
		
		
		fisch_ldir_x[i] = d_x;
		fisch_ldir_y[i] = d_y;
		
		//alert(id_temp);
		j++;
		if (j == fisch_pics.length)
			j=0;
		x += d_x;
		y += d_y;
		getElem(id_temp).style.left = x;
		getElem(id_temp).style.top = y;
		
	}
	
	
}

function fisch_fenster(was) {
	
	if ((was!="move") && (was!="off")) {
		fisch_pos.left		= parseInt(getElem("fisch_fenster").style.left);
		fisch_pos.top		= parseInt(getElem("fisch_fenster").style.top);
		fisch_pos.width 	= parseInt(getElem("fisch_tabelle").style.width);
		fisch_pos.height	= parseInt(getElem("fisch_tabelle").style.height);
		fisch_pos.click_left	= window.event.x;
		fisch_pos.click_top	= window.event.y;
		switch (was) {
			case "nw": fisch_aktion = "nw"; break;
			case "n":  fisch_aktion = "n";	break;
			case "ne": fisch_aktion = "ne"; break;
			case "e":  fisch_aktion = "e"; break;
			case "se": fisch_aktion = "se"; break;
			case "s":  fisch_aktion = "s"; break;
			case "sw": fisch_aktion = "sw"; break;
			case "w":  fisch_aktion = "w"; break;
			case "center": 	fisch_aktion = "center"; break;
		}
		//alert("-" + fisch_pos.left + "- -" + fisch_pos.top + "- -" + fisch_pos.width + "- -" + fisch_pos.height + "-");
	}
	
	
	if (was=="on") {
		//fisch_pos[0] = window.event.x - parseInt(getElem("fisch_fenster").style.left);
		//fisch_pos[1] = window.event.y - parseInt(getElem("fisch_fenster").style.top);
		//fisch_move = 1;
		alert(fisch_pos);
	}
	if (was=="off") {
		fisch_aktion = "";
		for (j=0; j<anzahl_fische; j++) {
			id_temp = "fisch" + j.toString(10);
			x = parseInt(getElem(id_temp).style.left);		//40 von 2-mal Rand, 25 von Bildchenbreite
			y = parseInt(getElem(id_temp).style.top);		//40 von 2-mal Rand, 25 von Bildchenbreite
			
			x = (x > aqua_width-randbreite-25) ? aqua_width-randbreite-25 : x;
			x = (x < 0) ? 0 : x;
			y = (y > aqua_height-2*randbreite-sandlinie) ? aqua_height-2*randbreite-sandlinie : y;
			y = (y < wasserlinie) ? wasserlinie : y;
			
			getElem(id_temp).style.left = x;
			getElem(id_temp).style.top = y;
		}
	}
	if ((was=="move") && (fisch_aktion!="")) {
		new_top = 0;			//neuer top-Wert
		new_left = 0;			//neuer left-Wert
		new_height = 0;			//neuer height-Wert bzw. min_height
		new_width = 0;			//neuer width-Wert bzw. min_width
		rand_ges_y = wasserlinie + sandlinie + 2*randbreite + 20;
		rand_ges_x = 2* randbreite + 40;
		temp_x_0 = (window.event.x + fisch_pos[0] - parseInt(getElem("fisch_fenster").style.left) > rand_ges_x) ? window.event.x + fisch_pos[0] - parseInt(getElem("fisch_fenster").style.left) : rand_ges_x;
		temp_y_1 = (window.event.y + fisch_pos[1] - parseInt(getElem("fisch_fenster").style.top) > rand_ges_y) ? window.event.y + fisch_pos[1] - parseInt(getElem("fisch_fenster").style.top) : rand_ges_y;
		temp_x_2 = (window.event.x + fisch_pos[2] - parseInt(getElem("fisch_fenster").style.left) > rand_ges_x) ? window.event.x + fisch_pos[2] - parseInt(getElem("fisch_fenster").style.left) : rand_ges_x;
		temp_y_3 = (window.event.y + fisch_pos[3] - parseInt(getElem("fisch_fenster").style.top) > rand_ges_y) ? window.event.y + fisch_pos[3] - parseInt(getElem("fisch_fenster").style.top) : rand_ges_y;
		switch (fisch_aktion) {
			case "center":
				new_left = fisch_pos.left + window.event.x - fisch_pos.click_left;
				new_top = fisch_pos.top + window.event.y - fisch_pos.click_top;
				getElem("fisch_fenster").style.left = new_left;
				getElem("fisch_fenster").style.top = new_top;
				break;
			case "nw":
				new_left = fisch_pos.left + window.event.x - fisch_pos.click_left;
				new_left = (new_left > fisch_pos.left+fisch_pos.width-rand_ges_x) ? fisch_pos.left+fisch_pos.width-rand_ges_x : new_left;
				new_top = fisch_pos.top + window.event.y - fisch_pos.click_top;
				new_top = (new_top > fisch_pos.top+fisch_pos.height-rand_ges_y) ? fisch_pos.top+fisch_pos.height-rand_ges_y : new_top;
				new_width = fisch_pos.width - window.event.x + fisch_pos.click_left;
				new_width = (new_width < rand_ges_x) ? rand_ges_x : new_width;
				new_height = fisch_pos.height - window.event.y + fisch_pos.click_top;
				new_height = (new_height < rand_ges_y) ? rand_ges_y : new_height;
				getElem("fisch_tabelle").style.width = new_width;
				getElem("fisch_tabelle").style.height = new_height;
				getElem("fisch_fenster").style.left = new_left;
				getElem("fisch_fenster").style.top = new_top;
				aqua_height = new_height;
				aqua_width = new_width;
				break;
			case "n":
				new_top = fisch_pos.top + window.event.y - fisch_pos.click_top;
				new_top = (new_top > fisch_pos.top+fisch_pos.height-rand_ges_y) ? fisch_pos.top+fisch_pos.height-rand_ges_y : new_top;
				new_height = fisch_pos.height - window.event.y + fisch_pos.click_top;
				new_height = (new_height < rand_ges_y) ? rand_ges_y : new_height;
				getElem("fisch_tabelle").style.height = new_height;
				getElem("fisch_fenster").style.top = new_top;
				aqua_height = new_height;
				break;
			case "ne":
				new_top = fisch_pos.top + window.event.y - fisch_pos.click_top;
				new_top = (new_top > fisch_pos.top+fisch_pos.height-rand_ges_y) ? fisch_pos.top+fisch_pos.height-rand_ges_y : new_top;
				new_width = fisch_pos.width + window.event.x - fisch_pos.click_left;
				new_width = (new_width < rand_ges_x) ? rand_ges_x : new_width;
				new_height = fisch_pos.height - window.event.y + fisch_pos.click_top;
				new_height = (new_height < rand_ges_y) ? rand_ges_y : new_height;
				getElem("fisch_tabelle").style.width = new_width;
				getElem("fisch_tabelle").style.height = new_height;
				getElem("fisch_fenster").style.top = new_top;
				aqua_height = new_height;
				aqua_width = new_width;
				break;
			case "e":
				new_width = fisch_pos.width + window.event.x - fisch_pos.click_left;
				new_width = (new_width < rand_ges_x) ? rand_ges_x : new_width;
				getElem("fisch_tabelle").style.width = new_width;
				aqua_width = new_width;
				break;
			case "se":
				new_width = fisch_pos.width + window.event.x - fisch_pos.click_left;
				new_width = (new_width < rand_ges_x) ? rand_ges_x : new_width;
				new_height = fisch_pos.height + window.event.y - fisch_pos.click_top;
				new_height = (new_height < rand_ges_y) ? rand_ges_y : new_height;
				getElem("fisch_tabelle").style.width = new_width;
				getElem("fisch_tabelle").style.height = new_height;
				aqua_height = new_height;
				aqua_width = new_width;
				break;
			case "s":
				new_height = fisch_pos.height + window.event.y - fisch_pos.click_top;
				new_height = (new_height < rand_ges_y) ? rand_ges_y : new_height;
				getElem("fisch_tabelle").style.height = new_height;
				aqua_height = new_height;
				break;
			case "sw":
				new_left = fisch_pos.left + window.event.x - fisch_pos.click_left;
				new_left = (new_left > fisch_pos.left+fisch_pos.width-rand_ges_x) ? fisch_pos.left+fisch_pos.width-rand_ges_x : new_left;
				new_width = fisch_pos.width - window.event.x + fisch_pos.click_left;
				new_width = (new_width < rand_ges_x) ? rand_ges_x : new_width;
				new_height = fisch_pos.height + window.event.y - fisch_pos.click_top;
				new_height = (new_height < rand_ges_y) ? rand_ges_y : new_height;
				getElem("fisch_tabelle").style.width = new_width;
				getElem("fisch_tabelle").style.height = new_height;
				getElem("fisch_fenster").style.left = new_left;
				aqua_height = new_height;
				aqua_width = new_width;
				break;
			case "w":
				new_left = fisch_pos.left + window.event.x - fisch_pos.click_left;
				new_left = (new_left > fisch_pos.left+fisch_pos.width-rand_ges_x) ? fisch_pos.left+fisch_pos.width-rand_ges_x : new_left;
				new_width = fisch_pos.width - window.event.x + fisch_pos.click_left;
				new_width = (new_width < rand_ges_x) ? rand_ges_x : new_width;
				getElem("fisch_tabelle").style.width = new_width;
				getElem("fisch_fenster").style.left = new_left;
				aqua_width = new_width;
				break;
		}
	}
	
	
}
function zeige_fische(rootpath) {
	var anzahl_fische = 5;
	if (!getElem("fisch_fenster"))
		alert("kein Fischfenster vorhanden");
	if (getElem("fisch_fenster").style.visibility=="hidden") {
		fischzaehler = window.setInterval("fische_bewegen()", 50);
		getElem("fisch_fenster").style.visibility="visible";
		for (i=0; i<anzahl_fische; i++) {
			id_temp = "fisch" + i.toString(10);
			getElem(id_temp).style.visibility = "visible";
		}
		getElem("img_aqua").src = rootpath + "bilder/knopf_hell.gif";
	} else {
		window.clearInterval(fischzaehler);
		getElem("fisch_fenster").style.visibility="hidden";
		for (i=0; i<anzahl_fische; i++) {
			id_temp = "fisch" + i.toString(10);
			getElem(id_temp).style.visibility = "hidden";
		}
		getElem("img_aqua").src = rootpath + "bilder/knopf_dunkel.gif";
	}
}

function getwidth() {
	if(document.all && !window.opera) {
		return document.body.offsetWidth;
	}
	else if(document.layers || window.opera) {
		return window.innerWidth;
	}
	else
		return void(0);
}
function getheight() {
	if(document.all && !window.opera) {
		return document.body.offsetHeight;
	}
	else if(document.layers || window.opera) {
		return window.innerHeight;
	}
	else
		return void(0);
}
function getscrollx() {
	if(document.all && !window.opera) {
		return document.body.scrollLeft;
	}
	else if(document.layers || window.opera) {
		return window.pageXOffset;
	}
	else
		return void(0);
}
function getscrolly() {
	if(document.all && !window.opera) {
		return document.body.scrollTop;
	}
	else if(document.layers || window.opera) {
		return window.pageYOffset;
	}
	else
		return void(0);
}


function groesseaendern() {

	getElem("inhalt").style.height = getheight()-90;

}



fisch_pos = new Array(0, 0);
var fisch_move = 0;

function initialisieren(rootpath) {

	document.body.style.padding = "0pt";
	document.body.style.margin = "0pt";

	window.moveTo(0,0);
	window.onresize = groesseaendern;
	window.resizeTo(screen.availWidth, screen.availheight);

	
	fisch_pics = new Array(
		Array(rootpath + "bilder/fisch_orange_klein_l.gif", rootpath + "bilder/fisch_orange_klein_r.gif"),
		Array(rootpath + "bilder/fisch_gruen_klein_l.gif", rootpath + "bilder/fisch_gruen_klein_r.gif"),
		Array(rootpath + "bilder/fisch_blau_klein_l.gif", rootpath + "bilder/fisch_blau_klein_r.gif")
	);


	for (i=0; i<punkte.length; i++) {			//hier werden die einzelnen Navigationsmenüs erzeugt
		var id_nr = parseInt(punkte[i][0].split("nav")[1], 10);
		drueber = new Array();
		var level = 1;					//bezeichnet den Level des Menüpunkts innerhalb des "Baums", = Anzahl der Zahlenpaare in der ID
		
		var lg_id = Math.log(id_nr)/Math.log(10); 	//zehnerlogaritmus von id_nr
		if ((lg_id > 2) && (lg_id < 4))
			level = 2;
		if ((lg_id > 4) && (lg_id < 6))
			level = 3;
		
		var anfang = 90 + 32 + (id_nr-1)*(breite_zwisch+breite_nav);		//Das ist der x-Wert des linken Randes der Tabellenzelle mit dem Navbildchen, 90: von der linke_seite, 32: von dem einen Bildchen (ganz links)
		
		var id_nr_top = 0;
		if (level>1) {
			id_nr_top = id_nr/Math.pow(100, level-1);
			id_nr_top = Math.floor(id_nr_top);	//punkte[i][0] = nav010203 -> id_nr_top = 1
			//alert(id_nr_top);
			anfang = 90 + 32 + (id_nr_top-1)*(breite_zwisch+breite_nav) + (level-1)*breite_unter;
		}
		
		if (punkte[i][1]=="") {			//erzeuge Untermenü, da hier keine tatsächliche Seite angezeigt wird
			
			var oberkante = nav_top;
			if (level>1) {
				temp = 0;
				for (j=0; j<(punkte[i][0].length-3)/2; j++)
					if (j>0)
						temp += parseInt(punkte[i][0].slice(3+j*2, 3+(j+1)*2), 10);
				oberkante += (j-2)*20 + (temp-1)*18;			//20 von dem Rahmen, 15 pro Tabellenzeile
			}
			
			document.write("<div style=\"position:absolute;top:" + oberkante + ";left:" + anfang.toString() + ";background-color:" + bg_color + ";z-index:5;visibility:hidden\" id=\"" + punkte[i][0] + "\" onMouseover=\"drin('" + punkte[i][0] + "')\" onMouseout=\"draussen('" + punkte[i][0] + "')\">");
			
			document.write("<table width=\"" + breite_unter + "\" border=0 cellspacing=0 cellpadding=0>");
			document.write("<tr><td width=20><img src=\"" + rootpath + "bilder/subnav_ol.gif\"></td><td style=\"background-image:url(" + rootpath + "bilder/subnav_o.gif);background-repeat:repeat-x;font-size:2pt;\">&nbsp;</td><td width=20><img src=\"" + rootpath + "bilder/subnav_or.gif\"></td></tr>");
			anzahl = 0;
			for (j=0; j<punkte.length; j++) {				//Die einzelnen Einträge in einem Untermenü
				lg_j = Math.log(j)/Math.log(10);
				if ((punkte[j][0].split(punkte[i][0]).length > 1) && punkte[j][0].split(punkte[i][0])[1].length == 2) {
					document.write("<tr><td");
					if (punkte[j][1]=="")
						document.write(" id=\"" + punkte[j][0] + "sub_pic\"");
					document.write(" style=\"background-image:url(" + rootpath + "bilder/subnav_l.gif);\"></td>");
					document.write("<td style=\"cursor:hand;font-size:9pt;\"");
					if (anzahl>0)
						document.write(" class=\"border\"");
					if (punkte[j][1]=="")
						document.write(" onMouseover=\"drin('" + punkte[j][0] + "')\" onMouseout=\"draussen('" + punkte[j][0] + "')\"");
					if (punkte[j][1]!="")				//wenn der Punkt kein Untermenü besitzt
						document.write(" onClick=\"hide_menus();\"");
					document.write(">");
					if (punkte[j][1]!="")				//wenn der Punkt kein Untermenü besitzt
						document.write("<a href=\"" + rootpath + punkte[j][1] + "\" style=\"text-decoration:none;\">");
					document.write(punkte[j][2]);
					if (punkte[j][1]!="")				//wenn der Punkt kein Untermenü besitzt
						document.write("</a>");
						
					document.write("</td>");
					document.write("<td style=\"background-image:url(" + rootpath + "bilder/subnav_r.gif);\"");
					if (punkte[j][1]=="")
						document.write(" id=\"" + punkte[j][0] + "top_pic\" onMouseover=\"drin('" + punkte[j][0] + "')\" onMouseout=\"draussen('" + punkte[j][0] + "')\"");
					document.write("></td></tr>");
					anzahl++;
				}
			}
			document.write("<tr><td><img src=\"" + rootpath + "bilder/subnav_ul.gif\"></td><td style=\"background-image:url(" + rootpath + "bilder/subnav_u.gif);background-repeat:repeat-x;font-size:2pt;\">&nbsp;</td><td><img src=\"" + rootpath + "bilder/subnav_ur.gif\"></td></tr>");
			document.write("</table>");
			
			document.write("</div>");
		}
		
	}
	


	for (i=0; i<fisch_pics.length; i++) {
		fisch_img[i] = Array();
		fisch_img[i][0] = new Image();
		fisch_img[i][0].src = fisch_pics[i][0];
		fisch_img[i][1] = new Image();
		fisch_img[i][1].src = fisch_pics[i][1];
	}
	
	
	for (i=0; i<anzahl_fische; i++) {
		fisch_ldir_x[i] = 0;
		fisch_ldir_y[i] = 0;
	}
	
	document.write("<div style=\"position:absolute;visibility:hidden;z-index:4;\" onMouseup=\"fisch_fenster('off')\" onMouseMove=\"fisch_fenster('move')\" id=\"fisch_fenster\">");
	document.write("<table style=\"width:" + aqua_width + ";height:" + aqua_height + ";\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" id=\"fisch_tabelle\">");
	document.write("<tr height=\"20\"><td width=\"20\" style=\"cursor:nw-resize;background-image:url(" + rootpath + "bilder/subnav_ol.gif);background-repeat:no-repeat;\" onMousedown=\"fisch_fenster('nw')\">&nbsp;</td><td style=\"background-image:url(" + rootpath + "bilder/subnav_o.gif);background-repeat:repeat-x;font-size:2pt;cursor:n-resize;\" onMousedown=\"fisch_fenster('n')\">&nbsp;</td><td width=20 style=\"cursor:ne-resize;background-image:url(" + rootpath + "bilder/subnav_or.gif);background-repeat:no-repeat;\" onMousedown=\"fisch_fenster('ne')\"></td></tr>");
	document.write("<tr><td style=\"background-image:url(" + rootpath + "bilder/subnav_l.gif);background-repeat:repeat-y;cursor:w-resize;\" onMousedown=\"fisch_fenster('w')\"></td><td style=\"cursor:move;\" onMousedown=\"fisch_fenster('center')\">");
	
	j = 0;
	for (i=0; i<anzahl_fische; i++) {
		x = Math.round(Math.random()*(aqua_width-2*randbreite-25))+randbreite;		//25 von Bildchenbreite
		y = Math.round(Math.random()*(aqua_height-2*randbreite-25-wasserlinie-sandlinie))+randbreite+wasserlinie;		//25 von Bildchenbreite
		document.write("<div style=\"position:absolute;top:" + y + ";left:" + x + ";visibility:hidden;z-index:4;\" id=\"fisch" + i + "\">");
		document.write("<img src=\"" + fisch_pics[j][0] + "\" id=\"fisch_pic" + i + "\">");
		document.write("</div>");
		j++;
		if (j == fisch_pics.length)
			j=0;
		
	}
	
	document.write("<table width=\"100%\" height=100% cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
	document.write("<tr height=\"" + wasserlinie + "\"><td style=\"background-color:#5CBCEE;\"></td></tr>");
	document.write("<tr><td style=\"background-color:#4444ff;\"></td></tr>");
	document.write("<tr height=\"" + sandlinie + "\"><td style=\"background-color:#D2AF21;text-align:center;\">Copyright: W.-M. Rasenack</td></tr>");
	document.write("</table>");

	document.write("</td><td style=\"background-image:url(" + rootpath + "bilder/subnav_r.gif);background-repeat:repeat-y;cursor:e-resize;\" onMousedown=\"fisch_fenster('e')\"></td></tr>");
	document.write("<tr height=\"20\"><td style=\"cursor:sw-resize;background-image:url(" + rootpath + "bilder/subnav_ul.gif);background-repeat:no-repeat;\" onMousedown=\"fisch_fenster('sw')\"></td><td style=\"background-image:url(" + rootpath + "bilder/subnav_u.gif);background-repeat:repeat-x;font-size:2pt;cursor:s-resize;\" onMousedown=\"fisch_fenster('s')\">&nbsp;</td><td style=\"cursor:se-resize;background-image:url(" + rootpath + "bilder/subnav_ur.gif);background-repeat:no-repeat;\" onMousedown=\"fisch_fenster('se')\"></td></tr>");
	document.write("</table>");
	document.write("</div>");
	
	getElem("fisch_fenster").style.left = aqua_left;
	getElem("fisch_fenster").style.top = aqua_top;
	
	//window.setInterval("nav_position()", 20);

}




function vor_inhalt(rootpath) {
	document.write("<a name=\"top\"></a>");
	//fensterhoehe_88 = fensterhoehe-11;
	//Tabelle, die den Inhalt an eine entsprechende Stelle stellt.
	  //document.write("<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" height=\"100%\" onMouseMove=\"fisch_fenster('move')\">");
	  //document.write("<tr><td width=\"90\" style=\"vertical-align:top;padding:0pt\">");
	//<!-- ############# Links ################# -->
	document.write("<div style=\"position:absolute;top:0pt;left:0pt;width:90pt;height:800;margin:0pt;padding:0pt;border:0pt;\">");
	document.write("<table cellspacing=0 cellpadding=0 border=0 height=\"100%\" width=\"90\">");
	document.write("<tr height=\"12\"><td colspan=\"3\"><img src=\"" + rootpath + "bilder/links01.gif\"></td></tr>");
	document.write("<tr><td rowspan=\"2\" width=\"11\"><img src=\"" + rootpath + "bilder/links02.gif\"></td><td style=\"background-image:url(" + rootpath + "bilder/links03.gif);text-align:right;vertical-align:bottom;\" width=\"64\" height=\"53\"><a href=\"" + rootpath + "index.html\"><img src=\"" + rootpath + "bilder/logo.gif\" border=\"0\"></a></td><td width=\"15\" rowspan=\"2\"><img src=\"" + rootpath + "bilder/links04.gif\"></td></tr>");
	document.write("<tr><td height=\"161\"><img src=\"" + rootpath + "bilder/links05.gif\"></td></tr>");
	document.write("<tr><td colspan=\"3\" style=\"background-image:url(" + rootpath + "bilder/links06.gif);background-repeat:repeat-y;vertical-align:top;padding-right:25pt;text-align:center;\"><a href=\"javascript:zeige_fische('" + rootpath + "')\" style=\"text-decoration:none;color:#000000;\"><img src=\"" + rootpath + "bilder/knopf_dunkel.gif\" id=\"img_aqua\" border=\"0\"><br>A<br>q<br>u<br>a<br>r<br>i<br>u<br>m</a></td></tr>");
	document.write("</table>");
	document.write("</div>");
	//<!-- ################################### -->
	  //document.write("</td><td><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" height=\"100%\"><tr><td height=\"86\" style=\"vertical-align:top;\">");
	//<!-- ############# Navigation ################# -->
	document.write("<div style=\"position:absolute;top:0pt;left:67pt;height:86pt;margin:0pt;padding:0pt;border:0pt;\">");
	document.write("<table cellspacing=0 cellpadding=0 border=0 height=\"86\" width=\"100%\">");
	document.write("<tr><td height=\"86\" width=\"32\" style=\"text-align:left;\"><img src=\"" + rootpath + "bilder/nav01.gif\"></td><td style=\"vertical-align:top;\">");
	document.write("<table cellspacing=0 cellpadding=0 border=0 width=\"100%\">");
	document.write("<tr><td height=\"8\" style=\"background-image:url(" + rootpath + "bilder/nav04.gif);background-repeat:repeat-x;font-size:2pt;\"><img src=\"" + rootpath + "bilder/nav02.gif\"></td></tr>");
	document.write("<tr><td height=\"43\" style=\"vertical-align:middle;\">");
	
		var i = 0;
		var id = 0;
		var id_str = "";
		
		document.write("<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
		document.write("<tr>");
		for (i=0; i<punkte.length; i++) {			//die gesamte Liste durchgehen nach Punkten, dessen ID unter 100 ist, die dann hinmalen
			id_str = punkte[i][0].split("nav");
			id = parseInt(id_str[1], 10);
			//alert(id);
			if (id < 100) {				//Treffer!  den hinzeichnen
				document.write("<td width=\"" + breite_zwisch + "\">&nbsp;</td>");
				document.write("<td width=\"" + breite_nav + "\" style=\"text-align:center;cursor:hand;\"");
				if (punkte[i][1]=="")
					document.write(" onMouseover=\"drin('" + punkte[i][0] + "')\" onMouseout=\"draussen('" + punkte[i][0] + "')\"");
				document.write(">");												// id=\"" + punkte[i][0] + "\"
				if (punkte[i][1]!="")
					document.write("<a href=\"" + rootpath + punkte[i][1] + "\">");
				document.write("<img src=\"" + rootpath + "bilder/" + punkte[i][3] + "\" alt=\"" + punkte[i][2] + "\" border=\"0\">");
				if (punkte[i][1]!="")
					document.write("</a>");
				document.write("</td>");
			}
			
		}
		
		document.write("</tr>");
		document.write("</table>");
	
	document.write("</td></tr>");
	document.write("<tr><td height=\"27\" style=\"background-image:url(" + rootpath + "bilder/nav05.gif);background-repeat:repeat-x;\"><img src=\"" + rootpath + "bilder/nav03.gif\"></td></tr>");
	document.write("</table>");
	document.write("<td></tr>");
	document.write("</table>");
	document.write("</div>");
	//<!-- ################################### -->
	  //document.write("</td></tr>");
	document.write("<div style=\"padding-left:90pt;padding-top:86pt;border:0pt;\" onMouseMove=\"fisch_fenster('move')\" id=\"inhalt\">");
	  //document.write("<tr><td style=\"vertical-align:top;border:0pt;\"><div style=\"overflow:scroll;height:" + fensterhoehe_88 + "pt;\" id=\"inhalt\">");
	
	
	
	//document.write("Test");
	//document.getElementById("nav_div").style.visibility = "hidden";
	//document.getElementById("links_div").style.visibility = "hidden";
}


function nach_inhalt(rootpath) {

	document.write("<br><br><br><a href=\"#top\">nach oben</a>");
	document.write("</div>");
	  //document.write("</div></td></tr></table>");
	  //document.write("</td></tr>");
	  //document.write("</table>");

	groesseaendern();


}