/*********************************************************************
STADTKREATION
sitte_memory.js - Version 1.0 - JavaScript-Text für das Sitte-Memory
Geschrieben im Juli 2005 von Johannes Bouchain
Copyright (c) 2005 by stadtkreation.de
*********************************************************************/

var lang = "de";
var sumImages = 12;		    // legt die Summe der verschiedenen Bilder fest
var turnedPairs = 0;                // zählt die aufgedeckten Paare
var Round = 0;                      // zählt die Runden
var Turned = 0;                     // zählt die im aktuellen Zug aufgedeckten Karten
var blockGameLinks = 1;             // blockiert die Links auf dem Spielbrett bei Anzeigen eines Info-Fensters (1: blockiert, 0: nicht blockiert)
var SelectedImage = new Array();    // Array zum Speichern der zwölf von 57 ausgewählten Motive
var Image = new Array();            // Array zum Speichern der Nummer des .jpg-Bildes, das einem der zwölf Paare zugewiesen ist
var Card = new Array();             // Array zum Speichern der den Kartenplätzen (1-24) zugewiesenen Motive
var TurnedCard = new Array();       // Array zum Speichern der Position der beiden umgedrehten Karten
var Selected = new Array();         // Array zum Speichern der ausgewählten Motive (0-2)
var Part = new Array();				// Array zum Speichern, ob Teil a oder Teil b des Motivs angezeigt wird
var TurnedImage = new Array();      // Array zum Speichern der Nummern der umgedrehten .jpg-Bilder
var AlreadyUsed = new Array();      // Array zum Speichern, dass das Bild bereits in einem Spiel verwendet wurde
var positionSelected = new Array(); // Array zum Speichern, ob eine Kartenposition bereits mit einem Motiv belegt ist
var showLargeImage=false;

function preloadImages() {
	document.getElementsByTagName("body")[0].appendChild(document.createElement("div"));
	document.getElementsByTagName("body")[0].lastChild.id="imagePreloader";
	document.getElementById("imagePreloader").style.height="0";
	document.getElementById("imagePreloader").style.width="0";
	document.getElementById("imagePreloader").style.overflow="hidden";
	var newText = "";
	for(var i =1;i<=12;i++) {
		for(var j=0;j<=1;j++) {
			var part="a";
			if(j) part="b";
			newText = newText+"<img src='images/bild_"+i+part+".jpg' alt='images/bild_"+i+part+".jpg' /><img src='images/bild_"+i+part+"_full.jpg' alt='images/bild_"+i+part+"_full.jpg' />";
		}
	}
	document.getElementById("imagePreloader").innerHTML=newText;

}

function prepareGame() { // Funktion zum Vorbereiten des Spiels und zum Auswählen der Motive
	var lang = "de";
	if(!document.getElementById("info-window-content")) {
		document.getElementById("info-window").appendChild(document.createElement("div"));
		document.getElementById("info-window").lastChild.id="info-window-content";
	}
	// Löscht die Karten und den Zähler, wenn das Spiel neu gestartet wird
	if(Round > 0) {
		if(document.getElementById("info-window").hasChildNodes()) hideInfoWindow();
		document.getElementById("counter-window").removeChild(document.getElementById("counter-window").firstChild);
		document.getElementById("counter-window").removeChild(document.getElementById("counter-window").firstChild);
		document.getElementById("spiele").href="../index.html";
		for(var i=1;i<=24;i++) {
			document.getElementById("card"+i).removeChild(document.getElementById("card"+i).firstChild);
		}
	}
	if(lang=="de") var newText = "Runde ";
	if(lang=="en") var newText = "Round ";
	document.getElementById("counter-window").appendChild(document.createTextNode(newText));
	document.getElementById("counter-window").appendChild(document.createElement("span"));
	document.getElementById("counter-window").lastChild.id="counter";
	document.getElementById("counter").appendChild(document.createTextNode(""));

	// Setzt die Werte aller Variablen auf die Ausgangswerte
	turnedPairs = 0;
	Round = 0;
	Turned = 0;
	blockGameLinks = 1;
	for(var i=1; i<=sumImages; i++) SelectedImage[i] = 0;

	TurnedImage[0] = 1; TurnedImage[2] = 0;

	for(var i=0; i<=24; i++) {
		Selected[i] = 0;
		TurnedCard[i] = 0;
		positionSelected[i] = 0;
	}


	// Wählt zwölf Motive aus den 57 zur Verfügung stehenden Motiven aus
	for(var i=1; i<=12;i++) {
		var randomNumber = Math.ceil(Math.random()*sumImages);
			var firstRandom = randomNumber;
			while(SelectedImage[randomNumber]>0 || AlreadyUsed[randomNumber] == 1) {
				randomNumber = randomNumber + 1;
				if(randomNumber == sumImages + 1) randomNumber = 1;
				if(randomNumber == firstRandom) {
					for(j=1;j<=sumImages;j++) AlreadyUsed[j] = 0; }
			}
			Image[i] = randomNumber;
			AlreadyUsed[randomNumber] = 1;
		SelectedImage[randomNumber] = SelectedImage[randomNumber] + 1;
	}

	// Die Funktion zum Auslegen der Karten wird aufgerufen
	distributeCards()
}


function distributeCards() { // Funktion zum Auslegen der Karten

	// Setzt den Counter auf 1
	Round = 1;
	printText();

	// Weist den 24 Plätzen in zufälliger Reihenfolge zweimal die zwölf ausgewählten Motive zu
	for(var i=1; i<=24;i++) {
		var randomNumber = Math.ceil(Math.random()*12);
		var randomPosition = Math.ceil(Math.random()*24);
		while(Selected[randomNumber]>1) {
			randomNumber = randomNumber + 1;
			if(randomNumber == 13) randomNumber = 1; }
		while(positionSelected[randomPosition]>0) {
			randomPosition = randomPosition + 1;
			if(randomPosition == 25) randomPosition = 1; }
		if(Selected[randomNumber]==0) Part[randomPosition]="a";
		if(Selected[randomNumber]==1) Part[randomPosition]="b";
		Card[randomPosition] = randomNumber;
		if(lang == "de") var newText="klicken zum Umdrehen";
		if(lang == "en") var newText="click to turn";
		document.getElementById("card"+randomPosition).innerHTML="<img src='images/back.jpg' alt='images/back.jpg' title='"+newText+"'>";
		document.getElementById("card"+randomPosition).firstChild.src="images/back.jpg";
		document.getElementById("card"+randomPosition).firstChild.alt="images/back.jpg";
		document.getElementById("card"+randomPosition).href="javascript:turnCard("+randomPosition+")";
		Selected[randomNumber] = Selected[randomNumber] + 1;
		positionSelected[randomPosition] = 1;
	}

	// Die Funktion zum Anzeigen des Startbildes wird aufgerufen
	StartImage();

}


function StartImage() { // Funktion zum Anzeigen des Startbildes
	document.getElementById("cover_screen").style.display="block";
	document.getElementById("info-window").style.display="block";
	document.getElementById("info-window-content").innerHTML="<a style='background:none;' href='javascript:hideInfoWindow();showWelcomeText()' title='klicken Sie hier um zu beginnen - click here to begin'><img src='images/title.jpg' alt='images/title.jpg' /></a>";
}

function showWelcomeText() { // Funktion zum Anzeigen des Startbildes
	document.getElementById("cover_screen").style.display="block";
	document.getElementById("info-window").style.display="block";
	if(lang=="de") {
		var button_de = "javascript:hideInfoWindow()";
		var button_en = "javascript:switchLang();hideInfoWindow()";
		var button_en = "javascript:switchLang();hideInfoWindow();";}
	else {
		var button_en = "javascript:hideInfoWindow()";
		var button_de = "javascript:switchLang();hideInfoWindow()"; }
	document.getElementById("info-window-content").innerHTML="<div id='welcome-text'><h1>Klima-Memo</h1><p>Ein Online-Kartenspiel zum Thema Klimawandel</p><p>Eine Aktion globales Lernen</p><p><a href='"+button_de+";Description()'>Spielregeln</a><br /><a href='links_de.html'>Links</a></p><h1>Climate memo</h1><p>A card game about climate change</p><p>A global education activity</p><p><a href='"+button_en+";Description()'>Game Rules</a><br /><a href='links_en.html'>Links</a></p></div><div id='info-window-links'><a href='"+button_de+"'>Spiel beginnen</a> &nbsp; <a href='"+button_en+"'>Start game</a></div>";
}

function turnCard(cardNumber) { // Funktion zum Ausführen der unterschiedlichen Aktionen beim Umdrehen der Karten
	if(blockGameLinks == 0) {

		// Wenn die angeklickte Karte noch zugedeckt war und kein Info-Fenster geöffnet ist
		if(TurnedCard[cardNumber] == 0 && !document.getElementById("info-window-content").hasChildNodes()) {

			// Wenn im aktuellen Zug noch keine zwei Karten umgedreht wurden
			if(Turned<2) {
				document.getElementById("card"+cardNumber).innerHTML="<img src='images/bild_"+ Image[Card[cardNumber]]+Part[cardNumber]+".jpg' alt='images/bild_"+ Image[Card[cardNumber]]+Part[cardNumber]+".jpg' />";
				if(lang=="en") document.getElementById("card"+cardNumber).firstChild.title="click to enlarge resp. for more info";
				else document.getElementById("card"+cardNumber).firstChild.title="klicken zum Vergrößern bzw. für mehr Infos";
				TurnedCard[cardNumber] = 1;
				Turned = Turned + 1;
				TurnedImage[Turned] = cardNumber;
				if(Turned==2 && turnedPairs<=10) {
					if(Card[TurnedImage[1]]==Card[TurnedImage[2]]) pairAlert("right");
					else pairAlert("wrong");
				}

				// Wenn die gerade aufgedeckte Karte gleich der ersten aufgedeckten ist und nun alle 12 Paare offen liegen, wird das Spielende in einem Fenster angezeigt
				if(Turned == 2 && Card[TurnedImage[1]] == Card[TurnedImage[2]]) {
					turnedPairs = turnedPairs + 1;
					printText();
					if(turnedPairs == 12) {
						allPairsTurned();
					}
				}
			}

			// Wenn im aktuellen Zug bereits zwei Karten aufgedeckt wurden
			else {

				// Wenn die beiden Karten unterschiedlich sind, werden beide bei Anklicken einer neuen Karte wieder zugedeckt
				if(Card[TurnedImage[1]] != Card[TurnedImage[2]]) {
					for(var i=1;i<=2;i++) {
						if(lang == "de") var newText="klicken zum Umdrehen";
						if(lang == "en") var newText="click to turn";
						document.getElementById("card"+TurnedImage[i]).innerHTML="<img src='images/back.jpg' alt='images/back.jpg' title='"+newText+"'>";
						TurnedCard[TurnedImage[i]] = 0;
						Turned = 0;
						TurnedImage[i] = 0;
					}
					addRound();
				}

				// Wenn die beiden Karten gleich sind, bleiben sie bei Anklicken einer neuen Karte offen liegen
				else {
					for(var i=1;i<=2;i++) {
						document.getElementById("card"+TurnedImage[i]).href="javascript:showInfoWindow("+TurnedImage[i]+")";
						TurnedCard[TurnedImage[i]] = 0;
						Turned = 0;
						TurnedImage[i] = 0;
					}
					addRound();
				}

				// Dreht die erste Karte des neuen Zuges um
				turnCard(cardNumber);
			}
		}

		// Wenn die angeklickte Karte bereits aufgedeckt war oder das Info-Fenster geöffnet ist
		else showInfoWindow(cardNumber);
	}
}

function showInfoWindow(cardNumber) { // Funktion zum Anzeigen des entsprechenden Motivs in Originalgröße bzw. zum Schließen der Anzeige
	thisCardNumber = cardNumber;
	if(!document.getElementById("info-window-content").hasChildNodes() && !blockGameLinks) {
		blockGameLinks = 1;
		document.getElementById("info-window").style.display="block";
		document.getElementById("cover_screen").style.display="block";
		if(showLargeImage) {
			if(lang =="de") {
				newText="Schlie&szlig;en"; newText2="Beschreibung anzeigen"; }
			else {
				newText="Close"; newText2="Show description"; }
			document.getElementById("info-window-content").style.height="auto";
			document.getElementById("info-window-content").style.paddingBottom="6px";
			document.getElementById("info-window-content").innerHTML="<a style='background:none;' href='javascript:hideInfoWindow()' title='"+newText+"'><img style='border-bottom:1px solid black;' src='images/bild_"+Image[Card[cardNumber]]+Part[cardNumber]+"_full.jpg' alt='images/bild_"+Image[Card[cardNumber]]+Part[cardNumber]+"_full.jpg'></a><div id='img-credits'><p>"+ImgCredits[lang][Part[cardNumber]][Image[Card[cardNumber]]]+"</p></div><div id='info-window-links' style='position:static'><a href='javascript:showLargeImage=false;hideInfoWindow();showInfoWindow(thisCardNumber)'>"+newText2+"</a> &nbsp; <a href='javascript:hideInfoWindow()'>"+newText+"</a></div>"
			document.getElementById("info-window-content").style.background="#aaaacc";
		}
		else {
			if(lang =="de") {
				newText="Schlie&szlig;en"; newText2="Gro&szlig;es Bild anzeigen"; }
			else {
				newText="Close"; newText2="Show large image"; }
			document.getElementById("info-window-content").innerHTML=Text[lang][Image[Card[cardNumber]]]+"<div id='info-window-links'><a href='javascript:showLargeImage=true;hideInfoWindow();showInfoWindow(thisCardNumber)'>"+newText2+"</a> &nbsp; <a href='javascript:hideInfoWindow()'>"+newText+"</a></div>"
		}
	}
	else {
		if(blockGameLinks == 0) hideInfoWindow();
		}
}

function hideInfoWindow() { // Funktion zum Schließen des Info-Fensters
	blockGameLinks = 0;
	document.getElementById("info-window-content").innerHTML="";
	document.getElementById("info-window").style.display="none";
	document.getElementById("cover_screen").style.display="none";
	document.getElementById("info-window-content").style.height="400px";
	document.getElementById("info-window-content").style.marginTop="0";
	document.getElementById("info-window-content").style.paddingBottom="0";
	document.getElementById("info-window-content").style.background="#aaaacc";
	if(Round == 1) { 
		document.getElementById("spiele").href="javascript:quitGame(2)";
	}
	if(turnedPairs ==12) {
		document.getElementById("spiele").href="../index.html";
	}
}

function pairAlert(status) { // Anzeige ob richtig oder falsch
	if(!document.getElementById("info-window-content").hasChildNodes() && !blockGameLinks) {
		blockGameLinks = 1;
		document.getElementById("info-window").style.display="block";
		newElement = document.createElement("p");
		newElement.style.fontWeight="bold";
		newElement.style.color="white";
		if(status=="right") {
			if(lang=="en") var newText = "Right turn!";
			else var newText = "Richtig aufgedeckt!";
			var bgColor="green";
		}
		else {
			if(lang=="en") var newText = "Wrong turn!";
			else var newText = "Falsch aufgedeckt!";
			var bgColor="red";
		}
		document.getElementById("info-window-content").innerHTML="<p style='text-align:center;'>"+newText+"</p>";
		document.getElementById("info-window-content").style.background=bgColor;
		document.getElementById("info-window-content").style.height="auto";
		document.getElementById("info-window-content").style.marginTop="186px";
		window.setTimeout("hideInfoWindow()", 1000);
	}
}

function quitGame(linkNumber) { // Funktion zur Abfrage für einen Neustart des Spiels


	// Wenn kein Info-Fenster geöffnet ist und die Links auf dem Spielfeld nicht blockiert sind

	if(!document.getElementById("info-window-content").hasChildNodes() && !blockGameLinks) {
		document.getElementById("cover_screen").style.display="block";
		document.getElementById("info-window").style.display="block";
		// Wenn noch nicht alle Paare aufgedeckt wurden
		if(turnedPairs < 12) {
			blockGameLinks = 1;
			var newElement = document.createElement("p");
			if(linkNumber == 1) {
				if(lang=="en") var newText = document.createTextNode("");
				else var newText = document.createTextNode("Spiel abbrechen und neu beginnen?");
			}
			else {
				if(lang=="en") var newText = document.createTextNode("Quit game?");
				else var newText = document.createTextNode("Spiel verlassen?");
			}
			if(linkNumber==1) {
				linkAddress="javascript:prepareGame()";
				if(lang=="en") var newText="Cancel game and begin a new one?";
				else var newText="Spiel abbrechen und neu beginnen?"; }
			if(linkNumber==2) {
				linkAddress="../index.html";
				if(lang=="en") var newText="Quit game?";
				else var newText="Spiel verlassen?"; }
			if(lang=="en") document.getElementById("info-window-content").innerHTML="<p style='text-align:center'>"+newText+"</p><div id='info-window-links' style='position:static; padding-bottom:6px;'><a href='"+linkAddress+"'>Yes</a> &nbsp; <a href='javascript:hideInfoWindow()'>No</a></div>";
			else document.getElementById("info-window-content").innerHTML="<p style='text-align:center'>"+newText+"</p><div id='info-window-links' style='position:static; padding-bottom:6px;'><a href='"+linkAddress+"'>Ja</a> &nbsp; <a href='javascript:hideInfoWindow()'>Nein</a></div>";
			document.getElementById("info-window-content").style.marginTop="170px";
			document.getElementById("info-window-content").style.height="auto";
			document.getElementById("info-window-content").lastChild.focus();
		}

		// Wenn bereits alle Paare aufgedeckt wurden
		else prepareGame();
	}
}

function newRound() { // Funktion zur Abfrage für den Beginn eines neuen Spielzugs

	// Wenn kein Info-Fenster geöffnet ist und die Links auf dem Spielfeld nicht blockiert sind
	if(!document.getElementById("info-window-content").hasChildNodes() && !blockGameLinks) {
		// Wenn im aktuellen Zug noch keine zwei oder zwei gleiche Karten umgedreht wurden
		if(Turned < 2 || Turned == 2 && Card[TurnedImage[1]] == Card[TurnedImage[2]]) {
			document.getElementById("cover_screen").style.display="block";
			document.getElementById("info-window").style.display="block";
			blockGameLinks = 1;
			if(turnedPairs < 12) {
				if(lang=="en") var newText="Two different cards of one round must be turned!";
				else var newText="Zwei ungleiche Karten einer Runde müssen aufgedeckt sein!";
			}
			else {
				if(lang=="en") var newText="You have already turned all cards!";
				else var newText="Es sind bereits alle Karten aufgedeckt!";
			}
			// Einfügen des Links für ein neues Spiel, wenn alle Paare aufgedeckt sind
			var newLink="";
			if(turnedPairs==12) {
				if(lang=="en") newLink=" &nbsp; <a href='javascript:prepareGame()'>New Game</a>";
				else newLink=" &nbsp; <a href='javascript:prepareGame()'>Neues Spiel</a>";
			}
			document.getElementById("info-window-content").innerHTML="<p style='text-align:center'>"+newText+"</p><div id='info-window-links' style='position:static; padding-bottom:6px;'><a href='javascript:hideInfoWindow()'>OK</a>"+newLink+"</div>";
			document.getElementById("info-window-content").style.top="170px";
			document.getElementById("info-window-content").style.height="auto";
		}

		// Wenn im aktuellen Zug bereits zwei unterschiedliche Karten aufgedeckt wurden
		else {
			for(var i=1;i<=2;i++) {
					document.getElementById("card"+TurnedImage[i]).firstChild.src="images/back.jpg";
					document.getElementById("card"+TurnedImage[i]).firstChild.alt="images/back.jpg";
					TurnedCard[TurnedImage[i]] = 0;
					Turned = 0;
					TurnedImage[i] = 0;
				}
			addRound();
		}
	}
}

function Information() { // Funktion zum Anzeigen des Info-Fensters

	// Wenn kein Info-Fenster geöffnet ist und die Links auf dem Spielfeld nicht blockiert sind
	if(!document.getElementById("info-window-content").hasChildNodes() && !blockGameLinks) {
		document.getElementById("cover_screen").style.display="block";
		document.getElementById("info-window").style.display="block";
		blockGameLinks = 1;
		var newText="<div id='info-window-links'><a href='javascript:hideInfoWindow()'>OK</a></div>";
		if(lang=="de") document.getElementById("info-window-content").innerHTML="<h1>Klima-Memo</h1><p><em>Version 1.0 - Mai 2009</em><br />&nbsp;</p><p>Aufbereitung des Bildmaterials: Laura Janssen</p><p>Text und Idee: Anne Bohlmann</p><p>Programmierung: Johannes Bouchain - <a href='http://www.stadtkreation.de'>Stadtkreation</a></p>"+newText;
		else document.getElementById("info-window-content").innerHTML="<h1>Climate Memo</h1><p><em>Version 1.0 - May 2009</em><br />&nbsp;</p><p>Image editing: Laura Janssen</p><p>Text and idea: Anne Bohlmann</p><p>Programming: Johannes Bouchain - <a href='http://www.stadtkreation.de'>Stadtkreation</a></p>"+newText;
	}
}

function Description() { // Funktion zum Anzeigen des Spielregeln-Fensters

	// Wenn kein Info-Fenster geöffnet ist und die Links auf dem Spielfeld nicht blockiert sind
	if(!document.getElementById("info-window-content").hasChildNodes() && !blockGameLinks) {
		document.getElementById("cover_screen").style.display="block";
		document.getElementById("info-window").style.display="block";
		document.getElementById("info-window-content").style.height="475px";
		blockGameLinks = 1;
		var newText="<div id='info-window-links'><a href='javascript:hideInfoWindow()'>OK</a></div>";
		if(lang=="en") document.getElementById("info-window-content").innerHTML="<h2>About the climate memo</h2><p>The fact that the climate is changing is hardly challenged nowadays - as well as the fact, that we humans are the main reason for this change. The climate memo introduces the topic as a game and informs about the causes and consequences of climate change by means of words and images.</p><p>The game's aim is to find the twelve pairs of images matching each other. On each turn, the player turns over two cards. If the two cards match, they stay uncovered; if they don't match, they are turned over again with the beginning of the next turn. One pair consists of two different, partly contradictory motifs about the same issue. To find our more about which pairs match, just click on a card that is already uncovered.</p><p>Click on the cards to turn them over. With the beginning of a new turn, just click on a new, covered card. The uncovered cards are automatically turned over again - unless they match each other. You can also click on \"new turn\" to turn the old cards over at once. To enlarge a picture and to get more information on a motif, please click an uncovered motif.</p><p>Have fun!</p>"+newText;
		else document.getElementById("info-window-content").innerHTML="<h2>Über das Klima-Memo</h2><p>Kaum einer bezweifelt heute noch, dass sich das Klima wandelt und dass vor allem der Mensch dafür verantwortlich ist. Dieses Memo führt als Spiel an das Thema heran und informiert mit Hilfe von Bildern und Texten über Ursachen und Folgen des Klimawandels.</p><p>Ziel des Memo-Spiels ist es, in möglichst wenigen Zügen alle zwölf Bildpaare zu finden. Pro Runde werden zwei Karten aufgedeckt. Passen die Motive zusammen, bleiben sie offen liegen; passen sie nicht zusammen, so werden sie zu Beginn einer neuen Runde wieder zugedeckt. Ein Paar besteht aus zwei unterschiedlichen, teils gegensätzlichen Motiven zum gleichen Thema. Hinweise, welche Paare zusammengehören, erhalten Sie, wenn Sie auf eine bereits aufgedeckte Karte klicken.</p><p>Klicken Sie auf die Karten, um sie aufzudecken. Zu Beginn eines neuen Zuges klicken Sie auf eine neue zugedeckte Karte; die offen liegenden Karten werden - sofern sie nicht zusammen passen - automatisch wieder zugedeckt. Sie können jedoch auch auf \"Neue Runde\" klicken, um die alten Karten sofort wieder zuzudecken. Um ein Motiv zu vergrößern und mehr Informationen zu einem Bild zu erhalten, klicken Sie einfach auf das aufgedeckte Motiv.</p><p>Viel Spaß!</p>"+newText;
	}
}

function allPairsTurned() { // Funktion zum Anzeigen des Fensters für das Spielende
	blockGameLinks = 1;
	document.getElementById("cover_screen").style.display="block";
	document.getElementById("info-window").style.display="block";
	if(lang=="en") document.getElementById("info-window-content").innerHTML="<p style='text-align:center'>You have turned all pairs!<br />You needed " + Round + " rounds!</p><div id='info-window-links' style='position:static; padding-bottom:6px;'><a href='javascript:hideInfoWindow()'>OK</a> &nbsp; <a href='javascript:prepareGame()'>New game</a></div>";
	else document.getElementById("info-window-content").innerHTML="<p style='text-align:center'>Sie haben alle Paare aufgedeckt!<br />Sie haben " + Round + " Runden gebraucht!</p><div id='info-window-links' style='position:static; padding-bottom:6px;'><a href='javascript:hideInfoWindow()'>OK</a> &nbsp; <a href='javascript:prepareGame()'>Neues Spiel</a></div>"
	document.getElementById("info-window-content").style.marginTop="158px";
	document.getElementById("info-window-content").style.height="auto";
}

function addRound() { // Funktion für das Aktualisieren der Runden-Anzeige
	Round = Round + 1;
	printText();
}

function printText() { // Text der Runden-Anzeige
	if(lang=="de") var newText = " von 12 Paaren aufgedeckt";
	if(lang=="en") var newText = " of 12 pairs turned";
	document.getElementById("counter").replaceChild(document.createTextNode(Round+" - "+turnedPairs+newText), document.getElementById("counter").firstChild);
	
}

function switchLang() {
	document.getElementById("counter-window").removeChild(document.getElementById("counter-window").firstChild);
	document.getElementById("counter-window").removeChild(document.getElementById("counter-window").firstChild);
	if(lang=="en") {
		lang="de";
		document.getElementById("new_game").replaceChild(document.createTextNode("Neues Spiel"), document.getElementById("new_game").firstChild);
		document.getElementById("new_round").replaceChild(document.createTextNode("Neue Runde"), document.getElementById("new_round").firstChild);
		document.getElementById("rules").replaceChild(document.createTextNode("Spielregeln"), document.getElementById("rules").firstChild);
		document.getElementById("lang").replaceChild(document.createTextNode("English"), document.getElementById("lang").firstChild);
		document.getElementById("counter-window").appendChild(document.createTextNode("Runde "));
		document.getElementById("spiele").replaceChild(document.createTextNode("Startseite"), document.getElementById("spiele").firstChild);
		document.getElementById("linklist-link").href="links_de.html";
		document.getElementById("stadtkreation-link").href="http://www.stadtkreation.de";
		for(var i=1;i<=24;i++) {
			if(TurnedCard[i]==1) document.getElementById("card"+i).firstChild.title="klicken zum Vergrößern bzw. für mehr Infos";
			else document.getElementById("card"+i).firstChild.title="klicken zum Umdrehen";
		}
	}
	else if(lang=="de") {
		lang="en";
		document.getElementById("new_game").replaceChild(document.createTextNode("New Game"), document.getElementById("new_game").firstChild);
		document.getElementById("new_round").replaceChild(document.createTextNode("New Turn"), document.getElementById("new_round").firstChild);
		document.getElementById("rules").replaceChild(document.createTextNode("Game Rules"), document.getElementById("rules").firstChild);
		document.getElementById("lang").replaceChild(document.createTextNode("Deutsch"), document.getElementById("lang").firstChild);
		document.getElementById("counter-window").appendChild(document.createTextNode("Round "));
		document.getElementById("spiele").replaceChild(document.createTextNode("Home"), document.getElementById("spiele").firstChild);
		document.getElementById("linklist-link").href="links_en.html";
		document.getElementById("stadtkreation-link").href="http://www.stadtkreation.de?lang=en";
		for(var i=1;i<=24;i++) {
			if(TurnedCard[i]==1) document.getElementById("card"+i).firstChild.title="click to enlarge resp. for more info";
			else document.getElementById("card"+i).firstChild.title="click to turn";
		}
	}
	document.getElementById("counter-window").appendChild(document.createElement("span"));
	document.getElementById("counter-window").lastChild.id="counter";
	document.getElementById("counter").appendChild(document.createTextNode(""));
	printText();
}