/* =================================================================*/
//
// Automatische Site-Navigation mit dynamisch erzeugtem Javascript
//
// (c) Nov 1999 Marco Zierl Kontakt: mzierl@gmx.net
//
var root_directory = "";
//var root_directory = "/online/wassermuehle";
var image_dir = "/buttons/";
var default_height = 22;
var default_width = 182;
var mouseover_extension = "_pr";
var default_menu = new Array('index', 'wmbu3' , 'wmbu4', 'wmbu9', 'wmbu5', 'wmbu8', 'wmbu7', 'wmbu6' );
var html_extension = ".html";
var mouseover_effects = true; // oder false;
var file_type = ".gif";


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


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++;

        if(! link){
                add_entry(name);
        } else {
                add_entry(name, link);
        }
        MenuEntries[name].mother = mother;
}

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){

                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++;
}


function build_nav(page_menu, highlight){

        var mother="";

        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){

                        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><img src="bilder/bl.gif" width=5 height=5 border=0><br>';

                document.write(output);
}

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

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