var selektierbarColor  = "indigo" ;
var selektiertColor    = "blueviolet" ;
var aktuellColor       = "white" ;
var hatAktuellSubColor = "lightgrey" ;
var hatSubColor        = "darkblue" ;

var aktuelleAuswahl = "NavButM0" ;

var navTop = 75 ;
var stateStd = 0 ;
var stateNew = 1 ;
var stateUpd = 2 ;
var stateNewImg = "images/buttons/neu1.gif" ;
var stateUpdImg = "images/buttons/update1.gif" ;

function MenuEintrag( myID, myTitel, myLink, myState, mySub )
{
	this.myID        = myID    ;
	this.myTitel     = myTitel ;
	this.myLink      = myLink  ;
	this.mySub       = mySub   ;
	this.myState     = myState ;
	this.mySubActive = false   ;
}

var menuArray = new Array(
	new MenuEintrag( 'start', 'Start', '/index.html', stateStd, null )
//,	new MenuEintrag( 'adventsfenster2008', 'Ein Ort im Advent 2008', '/html/adventsfenster2008.html', stateUpd, null )
,	new MenuEintrag( 'aktuell', 'Aktuelles', '/html/aktuelles.html', stateUpd, null )
//,	new MenuEintrag( 'skiausfahrt2009', 'Skiausfahrt 2009', '/html/skiausfahrt2009.html', stateNew, null )
,	new MenuEintrag( 'termine', 'Termine 2011', '/html/termine2011.html', stateStd, null )
//,	new MenuEintrag( 'churchnight2009', 'Churchnight 2009', '/html/churchnight_2009.html', stateNew, null )
//,	new MenuEintrag( 'koengathlon2011', '5. Köngathlon 2011', '/html/koengathlon2011.html', stateNew, null )
,	new MenuEintrag( 'gals', 'Galerien', null, stateStd,
		new Array(   
		             new MenuEintrag( 'gal20110529_FestDesEJW'          , 'Fest des ejw 29. Mai 2011'        , '/Galerien/20110529_FestDesEJW/index.html'          , stateStd, null )
		           , new MenuEintrag( 'gal20101219_weihnachtsfeier'     , 'ejw−Weihnachtsfeier 19. Dezember 2010', '/Galerien/20101219_Weihnachtsfeier/index.html'     , stateStd, null )
		           , new MenuEintrag( 'gal20100710_4Koengathlon'        , '4. Köngathlon 10. Juli 2010'      , '/Galerien/20100710_4Koengathlon/index.html'        , stateStd, null )
		           , new MenuEintrag( 'gal20090704_3Koengathlon'        , '3. Köngathlon 04. Juli 2009'      , '/Galerien/20090704_3Koengathlon/index.html'        , stateStd, null )
		           , new MenuEintrag( 'gal20090501Wandern'              , 'Maiwanderung 01. Mai 2009'                       , '/Galerien/20090501_Maiwanderung/index.html'        , stateStd, null )
		           , new MenuEintrag( 'gal20090413Wandern'              , 'Ostermontagwanderung 13. April 2009'             , '/Galerien/20090413_Ostermontagwanderung/index.html', stateStd, null )
		           , new MenuEintrag( 'gal20081231_Christbaumaktion2007', 'Bilder vom Spendenziel der Christbaumaktion 2007', '/Galerien/20081231_Christbaumaktion2007/index.html', stateStd, null )
		           , new MenuEintrag( 'gal20081207_AdventsWoEnde'       , 'Advents−Wochenende Dezember 2008'     , '/Galerien/20081207_AdventsWoEnde/index.html'       , stateStd, null )
		           , new MenuEintrag( 'gal20080700_PhiliaWE'            , 'Philia−Wochenende Juli 2008'          , '/Galerien/20080700_PhiliaWE/index.html'            , stateStd, null )
		           , new MenuEintrag( 'gal20080614_2Koengathlon'        , '2. Köngathlon 14. Juni 2008'      , '/Galerien/20080614_2Koengathlon/index.html'        , stateStd, null )
		           , new MenuEintrag( 'gal20080324Wandern'              , 'Ostermontagwanderung 24. März 2008'         , '/Galerien/20080324_Ostermontagwanderung/index.html', stateStd, null )
		           , new MenuEintrag( 'gal20080224Ski'                  , 'Skiausfahrt 24. Februar 2008'                    , '/Galerien/20080224_Skiausfahrt/index.html'         , stateStd, null )
		           , new MenuEintrag( 'gal20080315Plaetzle'             , 'Plätzle Einsatz 15. März 2008'         , '/Galerien/20080315_PlaetzleEinsatz/index.html'     , stateStd, null )
		           , new MenuEintrag( 'gal20070714_1Koengathlon'        , '1. Köngathlon 14. Juli 2007'      , '/Galerien/20070714_1Koengathlon/index.html'        , stateStd, null )
		           , new MenuEintrag( 'gal20060000MAFest'               , 'Mitarbeiterfest 2006'                       , '/Galerien/20060000_MaFest/index.html'              , stateStd, null )
		           , new MenuEintrag( 'gal20060000PCBezPr'              , 'Posaunenchor Bezirksprobe 2006'                  , '/Galerien/20060000_PC_Bezirksprobe/index.html'     , stateStd, null )
		           , new MenuEintrag( 'gal20060000Plaetzle'             , 'Plätzle Einsatz 2006'                       , '/Galerien/20060000_PlaetzleEinsatz/index.html'     , stateStd, null )
		           , new MenuEintrag( 'gal20050911BergWE'               , 'Bergwochenende 9.−11. September 2005'      , '/Galerien/20050911_BergWE/index.html'              , stateStd, null )
		         )  )
,	new MenuEintrag( 'ekk', 'Eichenkreuz Sport', '/html/ekk.html', stateStd, null )
,	new MenuEintrag( 'jungschar', 'Jungschar', '/html/jungschar.html', stateStd, null )
////		new Array(   new MenuEintrag( 'BoysOnly', '/html/boys_only.html' , null )
////		           , new MenuEintrag( 'Tigerenten', '/html/tigerenten.html', null ) 
////	            )  )
,	new MenuEintrag( 'erwachseneM', 'Erwachsenenarbeit', null, stateStd,
		new Array(   new MenuEintrag( 'erwachsene', 'Erwachsene'                    , '/html/erwachsene.html', stateStd, null )  
		           , new MenuEintrag( 'gsBibel'   , 'Gesprächskreis Bibel', '/html/bibel.html'     , stateStd, null )
	             , new MenuEintrag( 'philia'    , 'Philia'                        , '/html/philia.html'    , stateStd, null )
		         )  )
,	new MenuEintrag( 'infosM', 'Infos', null, stateStd,
		new Array(   new MenuEintrag( 'infos'    , 'Infos'               , '/html/informationen.html'  , stateStd, null )
		           , new MenuEintrag( 'kontakt'  , 'Kontakt'             , '/html/kontakt.html'        , stateStd, null )
		           , new MenuEintrag( 'impressum', 'Impressum'           , '/html/impressum.html'      , stateStd, null )
		           , new MenuEintrag( 'mitglied' , 'Mitglied werden', '/html/mitglied_werden.html', stateStd, null )
		           , new MenuEintrag( 'satzung'  , 'Satzung'             , '/html/satzung.html'        , stateStd, null )
		         )  )
,	new MenuEintrag( 'jugend', 'Jugendgruppen', '/html/jugendgruppen.html', stateStd, null )
,	new MenuEintrag( 'pcM', 'Posaunenchor', null, stateStd,
		new Array(   new MenuEintrag( 'pc' , 'Posaunenchor'            , '/html/posaunenchor.html'  , stateStd, null )
		           , new MenuEintrag( 'bab', 'Brass And Band', '/html/brass_and_band.html', stateStd, null ) 
		         )  )
,	new MenuEintrag( 'lifeM', 'Life', null, stateStd,
		new Array(   new MenuEintrag( 'life'       , 'Life'         , '/html/life.html'          , stateStd, null )
		           , new MenuEintrag( 'lifeKonzert', 'GospelKonzert', '/html/gospel_konzert.html', stateStd, null )
		         )  )
,	new MenuEintrag( 'evkg', 'Ev. Kirchengemeinde', '/html/kirchengemeinde.html', stateStd, null )
,	new MenuEintrag( 'download', 'Download', '/html/download.html', stateStd, null )
) ;

var subActive = false ;

function SchreibeNavTabelle( aktPageID )
{
	var i = 0 ;
	
	subActive = false ;

	for( i = 0; i < menuArray.length; ++i )
	{
		var mnuEntry = menuArray[i] ;
		mnuEntry.mySubActive = false ;

		if( mnuEntry.mySub != null )
		{
			mnuEntry.myState = stateStd ;
			SchreibeSubMenu( mnuEntry, aktPageID ) ;
		} // endif mnuEntry.mySub != null
		
		if( aktPageID != "start" )
		{
			mnuEntry.myState = stateStd ;
		} // endif aktPageID != "start"
		
	} // endfor i
	
	document.write( "<div style='z-index:1; position:absolute; top:" + navTop + "px; left:0px;'>" ) ;
	document.write( "<table id='NavLeiste' border='0' cellspacing='1' cellpadding='3' width='220px'>" ) ;
	document.write( "<colgroup><col width='160px'><col width='60px'></colgroup>" ) ;
	
	for( i = 0; i < menuArray.length; ++i )
	{
		var mnuEntry = menuArray[i] ;
		var mnuSubID = "n/a" ;
		
		if( aktPageID == mnuEntry.myID )
		{
			SchreibeNavButton( mnuEntry, null, null) ;
		} // endthen aktPageID == mnuEntry.myID
		else
		{
			SchreibeNavButton( mnuEntry, mnuEntry.myLink, mnuEntry.mySub ) ;
		} // endelse aktPageID == mnuEntry.myID
	} // endfor i
	document.write( "<tr><td><hr></td><td>&nbsp;</td></tr>" ) ;
	document.write( "<tr><td style='text-align: center;font-size: x-small;font-weight:bold;'>" ) ;
	document.write( "<a class='mailto' href='mailto:webmaster@ejw-koengen.de'><img src='" + rootDir + "/images/buttons/email02.gif' border='0'></a>" ) ;
	document.write( "</td><td>&nbsp;</td></tr>" ) ;
	document.write( "</table> " ) ;
	document.write( "</div>" ) ;
	
//	InactivateNavBut( '' ) ;
} // Ende function SchreibeNavTabelle

function SchreibeNavButton( entry, myLink, mySub)
{
	var navButID = "NavBut" + entry.myID ;
	
	document.write( "<TR class='Navi'>" ) ;
	if( myLink != null )
	{
//		document.write( "onMouseOver='ToggleNavBut(this,true)' " ) ;
//		document.write( "onMouseOut='ToggleNavBut(this,false)' " ) ;
//		document.write( "onClick='SeiteLaden(\"" + myLink + "\" )' " ) ;
		document.write( "<TD id='" + navButID + "' class='NavBut' " ) ;
		document.write( "style='background-color:" + selektierbarColor + ";'>" ) ;
		document.write( "<a href='" + rootDir + myLink + "' target='_self'>" ) ;
		document.write( entry.myTitel ) ;
		document.write( "</a> " ) ;
		document.write( "</TD> " ) ;
	} // endthen myLink != null
	else
	{
		if( mySub != null )
		{
			document.write( "<TD id='" + navButID + "' class='NavBut' " ) ;
			document.write( "onMouseOver='ToggleSubMenu(\"" + entry.myID + "\",true)' " ) ;
			document.write( "onMouseOut='ToggleSubMenu(\"" + entry.myID + "\",false)' " ) ;
			if( entry.mySubActive == false )
				document.write( "style='background-color:" + hatSubColor + ";'>" ) ;
			else
				document.write( "style='background-color:" + hatAktuellSubColor + "; color:black;'>" ) ;
			document.write( entry.myTitel + " ===>" ) ;
			document.write( "</TD> " ) ;
		} // endthen mySub != null
		else
		{
			document.write( "<TD id='" + navButID + "' class='NavBut' " ) ;
			document.write( "style='background-color:" + aktuellColor + "; color:black;'>" ) ;
			document.write( entry.myTitel ) ;
			document.write( "</TD> " ) ;
		} // endelse mySub != null
	} // endelse myLink != null
	if( entry.myState == stateStd ) document.write( "<TD>&nbsp;</TD>" ) ;
	if( entry.myState == stateUpd )
	{
		document.write( "<TD style='background-color:white;'>" ) ;
		document.write( "<IMG src='" + rootDir + "/" + stateUpdImg + "'>" ) ;
		document.write( "</TD> " ) ;
	} // endif entry.myState == stateUpd
	if( entry.myState == stateNew ) 
	{
		document.write( "<TD style='background-color:white;'>" ) ;
		document.write( "<IMG src='" + rootDir + "/" + stateNewImg + "'>" ) ;
		document.write( "</TD> " ) ;
	} // endif entry.myState == stateUpd
	document.write( "</TR> " ) ;
}

function ToggleNavBut( myObj, isActive )
{
	if( isActive ) 
	{
		myObj.style.backgroundColor = selektiertColor ;
		myObj.style.cursor          = "pointer" ;
	} // endthen isActive
	Else
	{
		myObj.style.backgroundColor= selektierbarColor ;
		myObj.style.cursor          = "auto" ;
	} // endelse isActive
}

function ToggleNavSub( myID, isActive )
{
	var theLayer = document.getElementById('NavSub' + myID) ;
	var actNav = document.getElementById('NavBut' + myID) ;
	if( isActive )
	{
		theLayer.style.visibility = "visible";
	}
	else
	{
		theLayer.style.visibility = "hidden";
	}
}

function ToggleSubMenu( myID, isActive )
{
	var theLayer = document.getElementById('NavSub' + myID) ;
	var actNav = document.getElementById('NavBut' + myID) ;
	
	if( theLayer != null ) 
	{
		theLayer.top = actNav.offsetTop + navTop ;
		theLayer.left = actNav.offsetLeft + actNav.offsetWidth - 10 ;
		theLayer.style.top = theLayer.top + "px" ;
		theLayer.style.left = theLayer.left + "px" ;
		if( isActive )
		{
			theLayer.style.visibility = "visible";
			actNav.style.cursor = "pointer" ;
		} // endthen isActive
		else
		{
			theLayer.style.visibility = "hidden";
			actNav.style.cursor = "auto" ;
		} // endthen isActive
	} // endif theLayer != null
}

function SchreibeSubMenu( entry, aktPageID )
{
	var i = 0 ;
	var subID = "NavSub" + entry.myID ;
	
	document.write( "<DIV id='" + subID + "' style='z-index:2; position:absolute; top:100px; left:200px; visibility:hidden;'" ) ;
	document.write( "onMouseOver=\"ToggleNavSub('" + entry.myID + "',true)\" onMouseOut=\"ToggleNavSub('" + entry.myID + "',false)\"> " ) ;
//	document.write( "<TABLE cellpadding='3' cellspacing='0' border='1' width='220px' class='mainTbl'>" ) ;
	document.write( "<TABLE cellpadding='3' cellspacing='1' border='0' rules='rows' class='mainTbl'>" ) ;
//	document.write( "<colgroup><col width='160px'><col width='60px'></colgroup>" ) ;
	document.write( "<colgroup><col><col></colgroup>" ) ;
	for( i = 0; i < entry.mySub.length; ++i )
	{
		var mnuEntry = entry.mySub[i] ;
		if( mnuEntry.myID == aktPageID )
		{
			SchreibeNavButton( mnuEntry, null, null ) ;
			entry.mySubActive = true ;
		} // endthen mnuEntry.myID == aktPageID 
		else
		{
			SchreibeNavButton( mnuEntry, mnuEntry.myLink, mnuEntry.mySub ) ;
		} // endelse mnuEntry.myID == aktPageID
		if( mnuEntry.myState == stateNew ) entry.myState = mnuEntry.myState ;
		if( (mnuEntry.myState == stateUpd) && (entry.myState != stateNew) ) entry.myState = mnuEntry.myState ;
	} // endfor i
	document.write( "</TABLE>" ) ;
	document.write( "</DIV>" ) ;
} // Ende function SchreibeSubMenu


/*
menuArray = new Array
(
	new Array( 'Start'                  , './html/start.html'            ),
	null ,
	new Array( 'Ein Ort im Advent'      , './html/ein_ort_im_advent.html'),
	null,
	new Array( 'Aktuelles'              , './html/aktuelles.html'        ),
	null,
	new Array( 'Termine'                , './html/termine_ejw.html'      ),
	null,
	new Array( 'Eichenkreuz&minus;Sport', './html/eichenkreuz_sport.html'),
	null,
	new Array( 'Jungschar'              , './html/jungschar.html'        ), 
	new Array( 'Boys only' , './html/boys_only.html', 
	           'Tigerenten', './html/tigerenten.html' ),
	new Array( 'Erwachsene'             , './html/erwachsn.html'         ), 
	new Array( 'Gespr&auml;chskreis Bibel', './html/bibel.htm',
	           'Philia'                   , './html/philia.htm'          ),
	new Array( 'Infos &uuml;ber uns'    , './html/informationen.html'    ), 
	new Array('Kontakt'        , './html/kontakt.html'        ,
	          'Impressum'      , './html/impressum.html'      ,
	          'Mitglied werden', './html/mitglied_werden.html', 
	          'Satzung'        , './html/satzung.html'                   ),
	new Array( 'Jugendgruppen'          , './html/jugendgruppen.html'    ),
	null,
	new Array( 'Posaunenchor'           , './html/posaunenchor.html'     ),
	new Array( 'Brass and Band', './html/brass_and_band.html'            ),
	new Array( 'Life'                   , './html/projektchor.html'      ),
	new Array( 'Gospel Konzert', './html/gospel_konzert.html'            ),
	new Array( 'Galerie'                , './html/bildergalerie.html'    ),
	new Array( 'Bezirksprobe 2006'          , './html/pc_bezirksprobe_06.html'      ,
	           'Mitarbeiterfest 2006 Teil 1', './html/mitarbeiterfest_-1-_2006.html',
	           'Mitarbeiterfest 2006 Teil 2', './html/mitarbeiterfest_-2-_2006.html',
	           'Mitarbeiterfest 2006 Teil 3', './html/mitarbeiterfest_-3-_2006.html',
	           'Arbeitseinsatz Pl&auml;tzle', './html/platzle_einsatz.html'         ,
	           'Bergwochenende 2005'        , './html/bergwochenende_2005.html'       ),
	new Array( 'Ev. Kirchengemeinde'    , './html/kirchengemeinde.html'  ),
	null,
	new Array( 'Download'               , './html/download.html'         ),
	null
) ;*/


/* SAVE-Bereich


function SchreibeNavButton( myID, myLink, mySub)
{
	document.write( "<TR class='Navi'><TD class='NavBut' HEIGHT='24px' > " ) ;
	if( myLink != null )
	{
		document.write( "<A HREF='" + rootDir + myLink + "' " ) ;
		document.write( "onMouseOver=\"ToggleNavButton('" + myID + "',true)\" onMouseOut=\"ToggleNavButton('" + myID + "',false)\"> " ) ;
	} // endif myLink != null
	document.write( "<IMG ID='NavBut" + myID + "' NAME='NavBut" + myID + "' HEIGHT='24' WIDTH='130' " ) ;
	if( myLink != null )
	{
		document.write( "SRC='" + rootDir + "/images/buttons/" + myID + "_Active.gif'" ) ;
	} // endthen myLink != null
	else
	{
		document.write( "SRC='" + rootDir + "/images/buttons/" + myID + "_InActive.gif'" ) ;
	} // endelse myLink != null
	document.write( "BORDER='0' ALT='" + myID + "' TITLE='" + myID + "'> " ) ;
	if( myLink != null )
	{
		document.write( "</A> " ) ;
	} // endif myLink != null
	
	if( mySub != null )
	{
		SchreibeSubMenu( myID, mySub ) ;
	} // endif mySub != null
	document.write( "</TD></TR> " ) ;
}

*/