var gMaxCards	= 19;		// Anzahl der Heiligen
							// 
							// 27.06.	Siebenschläfer
							// 21.06.	Aloisius von Gonzaga
							// 19.06.	Romuald
							// 09.06.	Maria
							// 06.06.	Norbert von Xanten
							// 24.05.	Simeon Stylites
							// 02.05.	Athanasius
							// 29.04.	Katharina von Siena
							// 28.04.	Sankt Peter Chanel
							// 23.04.	Georg der Maertyrer
							// 22.04.	Papst Agapet I
							// 16.04.	Bernadette de Lourdes 
							// 12.04.	Zeno von Verona
							// 07.04.	Johannes de la Salle
							// 06.04.	Petrus von Verona
							// 04.04.	Sankt Isidor von Sevilla
							// 02.04.	Franz von Paola
							// 23.03.	Toribio Alfonso
							// 10.03.	Sankt Makarios
														
function ShowVers(id)
{
	var	textLayerCode;	// Aktueller Zweizeiler  
	var textLayer		= document.getElementById("textLayer");	// Textbox für Zweizeiler
	var cardLayer		= document.getElementById("cardLayer");	// Kachel mit Heiligenbildchen
	var	monthLayer		= document.getElementById("month");
	var	dateLayer		= document.getElementById("date");
	var	nameLayer		= document.getElementById("name");
	var imgExternalLink	= "";
	var imgSrc			= "";	// Aktuelles Heiligenbildchen
	var imgWidth		= 238;	// Breite der Bildchenkachel
	var imgHeight		= 390;	// Hoehe der Bildchenkachel
	var month			= "";	// Monatsname
	var date			= "";	// Tagesdatum
	var name			= "";	// Heiligen-Name
	
	switch (id)
	{
		case 0:			// 27.06.	Siebenschläfer
		ShowBtn(id); 
		imgSrc			= "img/ikone/Sieben-Schlaefer-Kachel.gif";
		imgExternalLink	= "http://www.heiligenlexikon.de/BiographienS/Sieben_Schlaefer.html";
		textLayerCode	=  "<p class='gedicht'>Gedenke heut der Schl&auml;fer sieben:<br/>";
		textLayerCode	+= "doch auch den Matjes tut man lieben.</p>";
		textLayerCode	+= "<p class='kommentar'>Heute gabs neue Matjes mit Schwarzbrot und Salatbeilage. Lecker.</p>";
		month			= "Juni";
		date			= "27";
		name			= "Sieben Schl&auml;fer";
		break;	
		
		case 1:			// 21.06.	Aloisius von Gonzaga
		ShowBtn(id); 
		imgSrc			= "img/ikone/Aloisius-von-Gonzaga-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/a/alosius_v_c.shtml";
		textLayerCode	=  "<p class='gedicht'>Aloisius von Gonzaga starb an der Pest;<br/>";
		textLayerCode	+= "die S&uuml;lze war heut zart, nicht fest.</p>";
		textLayerCode	+= "<p class='kommentar'>Zur S&uuml;lze gabs Bratkartoffeln und Spiegelei. Lecker.</p>";
		month			= "Juni";
		date			= "21";
		name			= "Aloisius";
		break;
		
		case 2:			// 19.06.	Romuald
		ShowBtn(id); 
		imgSrc			= "img/ikone/Romuald-Kachel.gif";
		imgExternalLink	= "http://www.camaldoli.it/web_de/ca_storia/ca_storia00.htm";
		textLayerCode	=  "<p class='gedicht'>Oft sprach der heilge Romuald:<br/>";
		textLayerCode	+= "Ich geh' auf Pilze in den Wald!</p>";
		textLayerCode	+= "<p class='kommentar'>Heute gabs Schweinsfilet J&auml;ger Art, vorher ein Spargels&uuml;ppchen. Lecker.</p>";
		month			= "Juni";
		date			= "19";
		name			= "Romuald";
		break;
		
		case 3:			// 09.06.	Maria
		ShowBtn(id); 
		imgSrc			= "img/ikone/Maria-Kachel.gif";
		imgExternalLink	= "http://www.heiligenlexikon.de/BiographienM/Maria_Gratia_Maria.html";
		textLayerCode	=  "<p class='gedicht'>Oh MARIA, Mutter Du der Gnade,<br/>";
		textLayerCode	+= "der Broiler war heut gar nicht fade!</p>";
		textLayerCode	+= "<p class='kommentar'>Zum H&auml;hnchen gabs Roggenbrot. Ein leckerer Imbiss (und grade gibts noch Erdbeeren mit Eis).</p>";
		month			= "Juni";
		date			= "9";
		name			= "Maria";
		break;

		case 4:			// 06.06.	Norbert von Xanten
		ShowBtn(id); 
		imgSrc			= "img/ikone/Norbert-von-Xanten-Kachel.gif";
		imgExternalLink	= "http://www.heiligenlexikon.de/BiographienN/Norbert_von_Xanten.htm";
		textLayerCode	=  "<p class='gedicht'>Der heilige Norbert von Xanten<br/>";
		textLayerCode	+= "vesperte gern bei seinen Tanten.</p>";
		textLayerCode	+= "<p class='kommentar'>Heute gabs gemischten Braten mit Gem&uuml;se und Salzkartoffeln. Ganz ordentlich.</p>";
		month			= "Juni";
		date			= "6";
		name			= "Norbet von Xanten";
		break;
		
		case 5:			// 24.05.	Simeon Stylites
		ShowBtn(id); 
		imgSrc			= "img/ikone/SimeonStylites-Kachel.gif";
		imgExternalLink	= "http://wwwuser.gwdg.de/~grabo/syrstudy/simeon-stylites2.html";
		textLayerCode	=  "<p class='gedicht'>Der heilge Simeon stand unbeirrbar auf seiner S&auml;ule<br/>";
		textLayerCode	+= "doch heut gabs paniertes Schnitzel, keine Keule.</p>";
		textLayerCode	+= "<p class='kommentar'>Zum J&auml;gerschnitzel gabs Bratkartoffeln. Etwas salzhaltig.</p>";
		month			= "Mai";
		date			= "24";
		name			= "Simeon Stylites";
		break;
		
		case 6:			// 02.05.	Athanasius
		ShowBtn(id); 
		imgSrc			= "img/ikone/Athanasius-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/a/athanasius_d_g.shtml";
		textLayerCode	=  "<p class='gedicht'>Athanasius rieb voll Freude seinen Zinken:<br/>";
		textLayerCode	+= "denn heut gabs Spargel fein mit Schinken.</p>";
		textLayerCode	+= "<p class='kommentar'>Sauce Hollandaise nebst Kartoffeln fehlten freilich auch nicht. Eine Fr&uuml;hlingssinfonie auf dem Teller  :-)</p>";
		month			= "Mai";
		date			= "2";
		name			= "Athanasius";
		break;

		case 7:			// 29.04.	Katharina von Siena
		ShowBtn(id); 
		imgSrc			= "img/ikone/Katharina-von-Siena-Kachel.gif";
		imgExternalLink	= "http://www.heiligenlexikon.de/index.html?BiographienK/Katharina_von_Siena.htm";
		textLayerCode	=  "<p class='gedicht3'>Katharina von Siena ist Patronin der waschenden Fraun,<br/>";
		textLayerCode	+= "die w&auml;ssrige Suppe braucht man nicht lange verdaun.</p>";
		textLayerCode	+= "<p class='kommentar'>Die Spargelsuppe heute im Maggi Kochstudio war d&uuml;nn und schmeckte nach T&uuml;te. <i>Schade</i>.</p>";
		month			= "April";
		date			= "29";
		name			= "Katharina von Siena";
		break;

		case 8:			// 28.04.	Sank Peter Chanel
		ShowBtn(id); 
		imgSrc			= "img/ikone/St-Peter-Chanel-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/c/chanel_p_l_m.shtml";
		textLayerCode	=  "<p class='gedicht3'>Sankt Peter Chanel bekehrt die Eingebornen von den Inseln,<br/>";
		textLayerCode	+= "das gute Kotlett heute liess mich fast vor Freude winseln.</p>";
		textLayerCode	+= "<p class='kommentar'>Dazu gabs Salzkartoffeln und Blumenkohl. Bringt Tinte auf den F&uuml;ller.</p>";
		month			= "April";
		date			= "28";
		name			= "Sank Peter Chanel";
		break;
		
		case 9:			// 23.04.	Georg der Maertyrer
		ShowBtn(id); 
		imgSrc			= "img/ikone/Georg-der-Maertyer-Kachel.gif";
		imgExternalLink	= "http://www.heiligenlexikon.de/index.htm?BiographienG/Georg_der_Maertyrer.htm";
		textLayerCode	=  "<p class='gedicht'>Eier am Georgi-Tag,<br/>";
		textLayerCode	+= "geben keinen Grund zur Klag.</p>";
		textLayerCode	+= "<p class='kommentar'>Dazu gabs Bratkartoffeln und Gew&uuml;rzgurke. Ein Freitagsgericht, das ich immer wieder gern ess.</p>";
		month			= "April";
		date			= "23";
		name			= "Georg der M&auml;rtyrer";
		
		case 10:			// 22.04.	Papst Agapet I
		ShowBtn(id); 
		imgSrc			= "img/ikone/Agapet-1-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/a/agapet_i_p.shtml";
		textLayerCode	=  "<p class='gedicht'>Papst Agapet besucht' Byzanz,<br/>";
		textLayerCode	+= "der Fisch war frisch von Kopf bis Schwanz.</p>";
		textLayerCode	+= "<p class='kommentar'>Dazu nahm ich einen Kartoffelsalat. Wirklich wohlschmeckend.</p>";
		month			= "April";
		date			= "22";
		name			= "Papst Agapet I";
		break;
		
		case 11:			// 16.04.	Bernadette de Lourdes 
		ShowBtn(id); 
		imgSrc			= "img/ikone/Bernadette-Kachel.gif";
		imgExternalLink	= "http://www.lourdes-france.org/index.php?goto_centre=ru&contexte=fr&id=163";
		textLayerCode	=  "<p class='gedicht'>Oh Du heilge Bernadette Soubirous,<br/>";
		textLayerCode	+= "die guten Eier br&auml;t man gar im Nu.</p>";
		textLayerCode	+= "<p class='kommentar'>Dazu gabs Bratkartoffeln. Ein immer wieder gerne insbesonders am Freitag gew&auml;hltes Gericht.</p>";
		month			= "April";
		date			= "16";
		name			= "Bernadette de Lourdes";
		break;
		
		case 12:			// 12.04.	Zeno von Verona
		ShowBtn(id); 
		imgSrc			= "img/ikone/Zeno-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/z/zeno.shtml";
		textLayerCode	=  "<p class='gedicht'>Der heilge Zeno wirkte in Verona,<br/>";
		textLayerCode	+= "Matjes find't man viele in Altona.</p>";
		textLayerCode	+= "<p class='kommentar'>Zu den Matjesfilets gabs Bohnen und Salzkartoffeln sowie eine Sauerrahmcreme. Ein sehr ordentliches Basisgericht.</p>";
		month			= "April";
		date			= "12";
		name			= "Zeno von Verona";
		break;
		
		case 13:			// 07.04.	Johannes de la Salle
		ShowBtn(id); 	
		imgSrc			= "img/ikone/Johannes-de-la-Salle-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/j/Johannes_v_las.shtml";
		textLayerCode	=  "<p class='gedicht'>Jean Baptist trug &ouml;fters eine M&uuml;tze,<br/>";
		textLayerCode	+= "deftig schmeckt die Wurst mit Gr&uuml;tze!</p>";
		textLayerCode	+= "<p class='kommentar'>Zur Gr&uuml;tzwurst gabs Kartoffelp&uuml;ree und Apfelmus. Ein leckeres Gericht, das ich schon l&auml;nger nicht mehr hatte.</p>";
		month			= "April";
		date			= "7";
		name			= "Johannes de la Salle";
		break;
		
		case 14:			// 06.04.	Petrus von Verona
		ShowBtn(id); 
		imgSrc			= "img/ikone/Petrus-von-Verona-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/p/petrus_martyr.shtml";
		textLayerCode	=  "<p class='gedicht'>Petrus von Verona hilft beim b&ouml;sen Blitz,<br/>";
		textLayerCode	+= "knusprig sind die Pommes Fritz.</p>";
		textLayerCode	+= "<p class='kommentar'>Dazu gabs eine Currywurst. Ab und zu hat man ja auch mal Imbissgel&uuml;ste.</p>";
		month			= "April";
		date			= "6";
		name			= "Petrus von Verona";
		break;
		
		case 15:			// 04.04.	Sankt Isidor von Sevilla
		ShowBtn(id); 
		imgSrc			= "img/ikone/Isidor-Sevilla-Kachel.gif";
		imgExternalLink	= "http://www.bautz.de/bbkl/i/Isidor_s.shtml";
		textLayerCode	=  "<p class='gedicht'>Sankt Isidor sagt einfach: basta!<br/>";
		textLayerCode	+= "Heute gibts mal wieder Pasta.</p>";
		textLayerCode	+= "<p class='kommentar'>Es gab Penne mit Gorgonzolasauce. Eine italienisch-leichte Vorahnung f&uuml;r meine ersten Wallfahrten mit &quot;Ecco la mia bella macchina&quot;.</p>";
		month			= "April";
		date			= "4";
		name			= "Sankt Isidor von Sevilla";
		break;

		case 16:			// 02.04.	Franz von Paola
		ShowBtn(id); 
		imgSrc			= "img/ikone/Franz-von-Paola-Kachel.gif";
		imgExternalLink	= "http://www.newadvent.org/cathen/06231a.htm";
		textLayerCode	=  "<p class='gedicht'>O guter heilger Franz von Paola<br/>";
		textLayerCode	+= "brietst Eier mir und reichtest Cola.</p>";
		textLayerCode	+= "<p class='kommentar'>Zu den 3 Spiegeleiern gabs Bratkartoffeln. Mittlerweile ein gern genommenes Freitagsstandardgericht.</p>";
		month			= "April";
		date			= "2";
		name			= "Franz von Paola";
		break;
		
		case 17:			// 23.03.	Toribio Alfonso
		ShowBtn(id); 
		imgSrc			= "img/ikone/Toribio-Alfonso-Kachel.gif";
		imgExternalLink	= "http://www.newadvent.org/cathen/14781a.htm";
		textLayerCode	=  "<p class='gedicht2'>Oft sprach Toribio Alfonso, der Hirte von Lima:<br/>";
		textLayerCode	+= "Ein sch&ouml;nes Kalbsragout w&auml;r&rsquo; doch heut prima!</p>";
		textLayerCode 	+= "<p></p>";
		textLayerCode	+= "<p class='kommentar'>Leider wars ein z&auml;her Mehlpapp mit faserigen Fleischst&uuml;cken und holzigen Gem&uuml;seeinlagen. <i>Pfui.</i></p>";
		month			= "M&auml;rz";
		date			= "23";
		name			= "Toribio Alfonso";
		break;
		
		case 18:			// 10.03.	Sankt Makarios
		ShowBtn(id); 
		imgSrc			= "img/ikone/St-Makarios-Kachel.gif";
		imgExternalLink	= "http://www.newadvent.org/cathen/09482a.htm";
		textLayerCode	=  "<p class='gedicht'>Makarios war Bischof von Jerusalem,<br/>";
		textLayerCode	+= "die Maultasch schmeckt ganz angenehm.</p>";
		textLayerCode	+= "<p class='kommentar'>Dazu gabs Br&uuml;he, geschm&auml;lzte Zwiebeln und Sauerrahm. Waren echt in Ordnung.</p>";
		month			= "M&auml;rz";
		date			= "10";
		name			= "Sankt Makarios";
		break;

		default:
		alert("wrong id ("+id+")");
		break;
	}

	// Kachel mit Bildchen
	cardLayer.innerHTML	= '<a href="'+imgExternalLink+'"><img src="'+imgSrc+'" alt="" width="'+String(imgWidth)+'" height="'+String(imgHeight)+'" border="0"/></a>';

	// Text auf Kachel
	textLayer.innerHTML		= textLayerCode;
	
	monthLayer.innerHTML	= month;		
	dateLayer.innerHTML		= date;
	nameLayer.innerHTML		= name;
}

function toggleBackButton (btnIDString, state)
{
	var imgCurr	= document.getElementById(btnIDString);

	if (state == 0)
		// Button inaktiv
		imgCurr.src	= "img/VersRueck.gif";
	else
		// Button aktiv
		imgCurr.src	= "img/VersRueckAktiv.gif";
};


function toggleForeButton (btnIDString, state)
{
	var imgCurr	= document.getElementById(btnIDString);

	if (state == 0)
		// Button inaktiv
		imgCurr.src	= "img/VersVor.gif";
	else
		// Button aktiv
		imgCurr.src	= "img/VersVorAktiv.gif";
};


function ShowBtn(id)
{
	var backBtnHeight	= 24;
	var backBtnWidth	= 12;
	var foreBtnHeight	= 24;
	var foreBtnWidth	= 12;
	var btnLayer		= document.getElementById("btnLayer");
	var id1				= "backButton";
	var id2				= "foreButton";
	var currID			= Number(id);	
	var backID			= (currID+1)<(gMaxCards-1) ? (currID+1) : (gMaxCards-1);
	var foreID			= currID>0 ? (currID-1) : 0;

	// alert("currID = "+currID+";  backID = "+backID+";  foreID = "+foreID);

	var canGoBack	= (currID < Number(backID)) ? 1 : 0;	// aelteren Vers ermoeglichen
	var canAdvance	= (currID > Number(foreID))	? 1 : 0;	// neueren Vers ermoeglichen

	btnLayer.align	= "center";
	
	if (canGoBack==1 && canAdvance==1)
		btnLayer.innerHTML	= '<img id="'+id1+'" src="img/VersRueck.gif" onmouseover=\'toggleBackButton("'+id1+'",1);\' onmouseout=\'toggleBackButton("'+id1+'",0);\' onclick=\'ShowVers('+backID+');\' alt="" height="'+backBtnHeight+'" width="'+backBtnWidth+'" border="0"/><img id="foreButton" src="img/VersVor.gif" onmouseover=\'toggleForeButton("'+id2+'",1);\' onmouseout=\'toggleForeButton("'+id2+'",0);\' onclick=\'ShowVers('+foreID+');\' alt="" height="'+foreBtnHeight+'" width="'+foreBtnWidth+'" border="0"/>';
	else if (canGoBack==0 && canAdvance==1)
		btnLayer.innerHTML	= '<img id="'+id1+'" src="img/VersRueckInaktiv.gif" alt="" height="'+backBtnHeight+'" width="'+backBtnWidth+'" border="0"/><img id="foreButton" src="img/VersVor.gif" onmouseover=\'toggleForeButton("'+id2+'",1);\' onmouseout=\'toggleForeButton("'+id2+'",0);\' onclick=\'ShowVers('+foreID+');\' alt="" height="'+foreBtnHeight+'" width="'+foreBtnWidth+'" border="0"/>';
	else if (canGoBack==1 && canAdvance==0)
		btnLayer.innerHTML	= '<img id="'+id1+'" src="img/VersRueck.gif" onmouseover=\'toggleBackButton("'+id1+'",1);\' onmouseout=\'toggleBackButton("'+id1+'",0);\' onclick=\'ShowVers('+backID+');\' alt="" height="'+backBtnHeight+'" width="'+backBtnWidth+'" border="0"/><img id="foreButton" src="img/VersVorInaktiv.gif"  alt="" height="'+foreBtnHeight+'" width="'+foreBtnWidth+'" border="0"/>';
	else
		btnLayer.innerHTML	= '<img id="'+id1+'" src="img/VersRueckInaktiv.gif" alt="" height="'+backBtnHeight+'" width="'+backBtnWidth+'" border="0"/><img id="foreButton" src="img/VersVorInaktiv.gif"  alt="" height="'+foreBtnHeight+'" width="'+foreBtnWidth+'" border="0"/>';			
}


function ToggleCookBook(id)
{
	var bookLayer		= document.getElementById("Kochbuch");		// Kochbuch Hintergrundbild
	var textLayer		= document.getElementById("KochbuchText");	// Kochbuch Anleitung
	
	switch (id)
	{
		case 0:			// Buchdeckel
		bookLayer.innerHTML		= '<img src="img/tisch/Kochbuch-Seite-0.gif" onclick="ToggleCookBook(1)" style="cursor:pointer">';
		textLayer.innerHTML		= '<img src="img/pixelLeer.gif" height="357" width="238" onclick="ToggleCookBook(1)" style="cursor:pointer">';
		break;
		
		case 1:			// Seite 1
		bookLayer.innerHTML		= '<img src="img/tisch/Kochbuch-Seite-1.gif" onclick="ToggleCookBook(0)" style="cursor:pointer">';
		textLayer.innerHTML		= "<p class='kochbuch1' style='cursor:pointer' onclick='ToggleCookBook(0)'>Katholische Vesperlyrik</p>";
		textLayer.innerHTML	   += "<p class='kochbuch2'>Die von <!--<a href=\'mailto:chefkoch@vesperlyrik.de\'>--><span class='kochBuchLink'>Werner M. Stahl</span><!--</a>--> empfohlene Form ist im Grunde recht einfach: man kombiniert den jeweiligen <a href=\'http://www.heiligenlexikon.de\'><span class='kochBuchLink'>Tagesheiligen</span></a> und das verspeiste Gericht in einem Zweizeiler. Des Reims zuliebe kann man Vesper oder Tagesheiligen auch mal passend machen.</p>";
		break;
		
		default:
		alert("wrong id ("+id+")");
		break;
	}
}