/* ====== das ist die include.js datei ===========*/
// !!!! folgende Variablen unbedingt anpassen !!!! //

// Physikalisches Startverzeichnis in dem die html-Dateien liegen
// leerer String = Root-Verzeichnis
// - zu testzwecken beim Entwickeln ohne Webserver
// - vor dem Publizieren unbedingt ändern!!!!
// var root_directory = "file:///c|/Eigene Dateien/Schulseite_Div/goetheanismus_website_II";
// var root_directory = "file:///c|/site-nav";
// var root_directory = "http://home.datacomm.ch/mhari/";
 var root_directory = "http://www.steinerschule.ch/goethe";
// var root_directory = "file:///c|/Eigene Dateien/Goetheprojekt/goethe_page";
// var root_directory = "file:///c|/Inetpub/wwwroot/goetheweb";
// für die SF gilt das folgende
// var root_directory = "file:///c|/goetheweb";
// fürs Netz gilt folgendes
//  var root_directory = "file:///D|/Inetpub/rss/goethe";

// Unterverzeichnis mit den Navigationsgrafiken
var image_dir = "/images/menu/";

// voreingestellte Höhe und Breite der Navigationsbilder
// diese Werte werden verwendet, wenn keine Einträge für height und  
// width existieren
var default_height = 30;
var default_width = 150;

// Dateiendung der Mouseover-Grafiken - wird an den normalen 
// Grafikdateinamen angehängt
var mouseover_extension = "_F2";

// standard-menü: 
// bestimmt die Reihenfolge der Menüeinträge in der Navigationsleiste
// var default_menu = new Array('werke','methode','kontakt', 'email', 'news', 'presse' );
var default_menu = new Array('werke', 'farbenlehre', 'wissenschaftslehre', 'botanik', 'zoologie', 'physiognomie', 'geologie', 'meteorologie', 'methode', 'lit', 'home');

// HTML-Dateiendung: wird bei der automatischen link.erzeugung verwendet
var html_extension = ".html";

// Mouseover-toggle: ja oder nein  
var mouseover_effects = true; // oder false;

// Grafikdateityp: Ändern, wenn die Navigation aus jpg-Grafiken besteht
var file_type = ".gif"; 

// !!!! Ende Variablenanpassung !!!! //
/* =================================================*/


var MenuEntries=new Object();
var current_entry =0;

/* --------------------------------------------------------*/
// add_subentry()
//
// fügt einen Untereintrag zu einem Menüpunkt hinzu
// Untereinträge werden automatisch angezeigt, wenn der Obereintrag
// ausgewählt ist
/* --------------------------------------------------------*/

function add_subentry(name, mother, link){
	if(MenuEntries[mother].child_counter == null){
		MenuEntries[mother].child_counter=0;
		MenuEntries[mother].children = new Array();
	}
	var child_count = MenuEntries[mother].child_counter;
	MenuEntries[mother].children[child_count]=name;
	MenuEntries[mother].child_counter++;

	// normalen Eintrag für Kind erzeugen
	if(! link){
		add_entry(name);
	} else {
		add_entry(name, link);
	}	
	MenuEntries[name].mother = mother;
}

/* ---------------------------------------------------------*/
// add_entry()
//
// fügt einen eintrag zur Sammlung der Menüeinträge hinzu
// dabei werden default-einstellungen eingetragen, die man 
// manuell ändern kann
/* ----------------------------------------------------------*/

function add_entry(name, link){ //, image, link, alt, image_h){
	MenuEntries[name] = new Object();
	MenuEntries[name].name = name;
	MenuEntries[name].image = name;
	if(mouseover_effects == true){
		MenuEntries[name].image_h = name + mouseover_extension;
	}
	MenuEntries[name].alt = name;
	if(!link){
		MenuEntries[name].link = root_directory + "/" + name + html_extension;
	} else {
		MenuEntries[name].link = root_directory + "/" + link;
	}		

	if(mouseover_effects == true){
		// image objekte zum mouseover-austausch anlegen
		eval(name + '= new Image()');
		eval(name + '.src="' + root_directory + image_dir + MenuEntries[name].image + file_type + '"'); 
		eval(name + '_h= new Image()');
		eval(name + '_h.src="' + root_directory + image_dir + MenuEntries[name].image_h + file_type + '"'); 
	}
	current_entry++;
}

/* ------------------------------------------------------*/
// build_nav()
//
// aufbau der navigationsleiste
/* ------------------------------------------------------*/

function build_nav(page_menu, highlight){

	var mother="";
	// check for mother node
	if(highlight != null){
		if(MenuEntries[highlight].mother != null){
			mother = MenuEntries[highlight].mother;
		}
	}
	
	for(i=0; i< page_menu.length; i++){
		var current_entry = page_menu[i];
		
		// link und image tags schreiben (mit document.write
		write_html(current_entry, highlight);

		if(current_entry == mother){
			for(var j=0; j<MenuEntries[current_entry].children.length; j++){
				write_html(MenuEntries[current_entry].children[j], highlight);						
			}
		}

		if(MenuEntries[current_entry].name == highlight &&
			MenuEntries[current_entry].child_counter != null){
			// Untermenü vorhanden
			for(var j=0; j<MenuEntries[current_entry].children.length; j++){
				write_html(MenuEntries[current_entry].children[j], highlight);						

			}
		}
	}
}

/* -----------------------------------------------------*/
// write_html()
//
// ausgabe des html-codes für die navigationsleiste
// - nehmen Sie hier Änderungen vor, wenn Sie z.B. die Ausgabe der
//  Navigationsleiste als Tabelle oder div-Container möchten
//
// - zur Zeit werden für jeden eintrag die folgenden tags ausgegeben:
//   <a href=.... onmouseover...> <img src=...> </a> <br>
/* -----------------------------------------------------*/

function	write_html(current_entry, highlight){
		var extension = "";
		var curr_name = MenuEntries[current_entry].name;
		// abprüfen, ob eintrag als ausgewählt angezeigt wird
		if(curr_name == highlight){
			extension = mouseover_extension; // highlight grafik 
		}
				
		// höhe und breite der grafik setzen
		if(!MenuEntries[current_entry].height ){
			height = default_height;
		} else {
			height = MenuEntries[current_entry].height;
		}

		if(!MenuEntries[current_entry].width ){
			width = default_width;
		} else {
			width = MenuEntries[current_entry].width;
		}

		output="";

		// html Ausgabe erzeugen
		if(MenuEntries[current_entry].name != highlight){

			// <a> Tag aufbauen: href
			output = '<a href="' + MenuEntries[current_entry].link + '"';
			if(mouseover_effects == true ){
				// mouse events einfügen
				output+= ' onMouseOver="ch(\'' + curr_name + '\',\'' + curr_name;
				output+= '_h\'); return true"';
				output+= ' onMouseOut="ch(\'' + curr_name + '\',\'' + curr_name;
				output+= '\'); return true"';
			}
			output += '>';
		}

		// image tag aufbauen- src, height, width  und alt
		output += '<img src="' + root_directory + image_dir + MenuEntries[current_entry].image;
		output += extension + '.gif" height=' + height;
		output += ' width="' + width + '" border=0 alt="';
		output += MenuEntries[current_entry].alt + '" name="' + curr_name;
		output += '"></a><br>';

		document.write(output);
}

/* -------------------------------------------------------*/
// ch()
//
// Funktion zum Austauschen der Grafiken beim mousover / mouseout 
/* -------------------------------------------------------*/

function ch(im,sr) {
	eval('document.'+im+'.src='+sr+'.src');
}