/* =================================================================*/
//
// Automatische Site-Navigation mit dynamisch erzeugtem Javascript 
//
// geändert: Jan 2000 Maria Wildauer / wildauer@t-online.de
//
// Funktionsweise:
// - zwei include-Dateien, die in jede Einzelseite eingefügt werden
// - die Navigationsleiste wird automatisch aufgebaut
/* =================================================================*/

/* =================================================*/
// !!!! folgende Variablen unbedingt anpassen !!!! //

// Standard-menü: 
// Bestimmt die Reihenfolge der Menüeinträge in der Navigationsleiste.
var aryNaviOrder = new Array('filler','home','reisen','galerie','gaestebuch','kontakt');

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

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

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

var selHighlight = 1;

/* ------------------------------------------------------------------*/
// Go(x)
/* ------------------------------------------------------------------*/

function Go(x) {

if (x == null) {
    document.forms[0].reset();
    document.forms[0].elements[0].blur();
    return;
} else {
    document.forms[0].reset();
    document.forms[0].elements[0].blur();
    document.location.href = x;
}

}

var objNavi = new Object();
var intNaviEntries = 0;

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

function addSubentry(mother,name,label,link) {

	if (objNavi[mother].child_counter == null) {
		objNavi[mother].child_counter = 0;
		objNavi[mother].children = new Array();
	}
	var child_count = objNavi[mother].child_counter;
	objNavi[mother].children[child_count] = name;
	objNavi[mother].child_counter++;

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

/* ------------------------------------------------------------------*/
// addEntry()
//
// Fügt einen Eintrag zur Sammlung der Menüeinträge hinzu.
/* ------------------------------------------------------------------*/

function addEntry(name,label,link) { //, image, link, alt, image_h) {

	objNavi[name] = new Object();
	objNavi[name].name = name;
	objNavi[name].label = label;
	objNavi[name].alt = name;
	objNavi[name].link = link;
	// image-objekte zum mouseover-austausch anlegen
	eval(name + '_off = new Image()');
	eval(name + '_off.src = "/images/spacer.gif"'); 
	eval(name + '_on = new Image()');
	eval(name + '_on.src = "/images/pfeil_l_weiss.gif' + '"'); 
	intNaviEntries++;
	
}

/* ------------------------------------------------------------------*/
// build_selector()
//
// Aufbau des Kopfes und der Selektionsleiste.
/* ------------------------------------------------------------------*/

function build_selector(focus) {

	var mother = "";
	// check for mother node
	if (focus != null) {
		if (objNavi[focus].mother != null) {
			mother = objNavi[focus].mother;
		}
	}
	
	var output = "";
	output += '<table width=670 border=0 cellspacing=0 cellpadding=5 background="/images/header1.jpg"> ';
	output += '<tr height=45 colspan=2><td></td></tr>';
	
	output += '<tr height=15><td width=200></td><td> ';

	//s=""; for(j in objNavi) s+=j+":"+objNavi[j]+"\n"; alert(s);
	if ( objNavi[mother].child_counter != null) {
	
		// Untermenü vorhanden.

		output += '\n' + '<form><select size=1 id="navi" name="Auswahl" ';
		output += 'onChange="Go(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value); selHighlight=document.forms[0].elements[0].selectedIndex;"';
		output += '  width=150 >';

		for (var j=0; j<objNavi[mother].child_counter; j++) {

			var intNaviEntries = objNavi[mother].children[j];
			if ( intNaviEntries == focus ) {
				var select = " selected ";
			} else {
				var select = " ";
			}
			output += '\n' + '<option '+select+'value="' + objNavi[intNaviEntries].link + '">'+ objNavi[intNaviEntries].label + '</option>';	
			//alert(output);					

		}

		output += '\n' + '</select></form>'; 
		//alert(output+"*focus:"+focus+"*counter:"+objNavi[focus].child_counter+" selHighlight:"+selHighlight);
	}

	output += '\n' + '</td></tr></table>';
	document.write(output);

}

/* ------------------------------------------------------------------*/
// build_navi()
//
// Aufbau der linken Navigationsleiste
/* ------------------------------------------------------------------*/

function build_navi(focus) {

	var output;
	var aTag = "", imgTag = "";
			
	output = '<table  cellspacing=0 cellpadding=0 border=0>';
	output += '<tr><td colspan=2 align=middle>';
	output += '<img src="images/1.jpg" width="150" height="150" border="0" align="top" name="Spot" onError="document.Spot.src=\'/images/0.jpg\' ">';
	output += '<tr><td class="navi0" colspan=2>&nbsp;</td></tr>';
	output += '</td></tr>';
	document.write(output);
	
	for ( i=0; i< aryNaviOrder.length; i++ ) {
		
		output = '';
		if ( aryNaviOrder[i] == 'filler' ) {
		
			output += '<tr><td class="navi0" colspan=2>&nbsp;</td></tr>'; 
			
		} else {
			
			// abprüfen, ob eintrag als ausgewählt angezeigt wird
			if ( objNavi[aryNaviOrder[i]].name == focus) {
			
				var imgSrc = eval(objNavi[aryNaviOrder[i]].name + '_on.src');
				aTag = '<span class="navi1" id="focus">'+ objNavi[aryNaviOrder[i]].label +'</span>';
				
			} else {
			
				var imgSrc = eval(objNavi[aryNaviOrder[i]].name + '_off.src');
				// alert(objNavi[aryNaviOrder[i]].link);
				aTag = '<a href="' + objNavi[aryNaviOrder[i]].link + '"' + ' class="navi1"';
				aTag += ' onMouseOver="document.'+objNavi[aryNaviOrder[i]].name+'.src='+objNavi[aryNaviOrder[i]].name+'_on.src;"';
				aTag += ' onMouseOut="document.'+objNavi[aryNaviOrder[i]].name+'.src='+objNavi[aryNaviOrder[i]].name+'_off.src;"';
				aTag += '>' +  objNavi[aryNaviOrder[i]].label +'</a>';
			}
	
			imgTag = '<img src="' + imgSrc + '" border=0 alt="'+objNavi[aryNaviOrder[i]].alt + '" name="' + objNavi[aryNaviOrder[i]].name + '">';
			
			output += '\n<tr><td width=150 align=right>' + aTag + '</td>';
			output += '<td width=10 align=right>' + imgTag + '</a></td></tr>';		
		
		}
		output += '<tr><td colspan=2 align=right><img src="/images/sepa2.gif" width=100 height=1></td></tr>';
		document.write(output);

	} // for (i=0; i< page_menu.length; i++)...

	output = '</table>';
	document.write(output);

}

/* ------------------------------------------------------------------*/
// build_links()
//
// Aufbau der Navigationsleiste für links "nach draussen" (externe).
/* ------------------------------------------------------------------*/

extLink = new Array();

function build_links() {

var output = '<a name="exlinks"></a>';
output += '<table cellspacing=0 cellpadding=0 border=0>';

if ( extLink && (extLink.length > 0) ) {

	output += '<tr><td class="navi0" colspan=2>&nbsp;</td></tr>';
	output += '<tr><td class=navi2 align=right><span style="color:white;">weitere Links zum Thema</span></td><td></td></tr>';
	output += '<tr><td colspan=2 align=right><img src="/images/sepa2.gif" width=100 height=1></td></tr>';
	
	for ( var i=1; i<=extLink.length-1; i++) {
	   output += '<tr><td width=150 align=right>';
	   output += '<a class="navi1" href="'+extLink[i].link+'" target=_blank>'+extLink[i].label+'</a>';
	   output += '</td><td width=10 ><a href="'+extLink[i].link+'" target="Links">&nbsp;</a></td></tr>';
	   output += '<tr><td colspan=2 align=right><img src="/images/sepa2.gif" width=100 height=1></td></tr>';
	}
}
output += '<tr><td class="navi0" colspan=2>&nbsp;</td></tr>';
output += '<tr><td class="navi0" colspan=2>&nbsp;</td></tr>';
output += '</table>';
document.write(output);

}

/* ------------------------------------------------------------------*/
// getPic()
//
// Bildauswahl über Zufallszahl.
/* ------------------------------------------------------------------*/

function getPic(dir,max) {

	curPic = Math.ceil(Math.random()*max);
	document.Spot.src = dir + curPic + '.jpg';
}