diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/imgPicker.php b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/imgPicker.php
new file mode 100644
index 0000000..34236ed
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/imgPicker.php
@@ -0,0 +1,191 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+/// Hinzufügen eines Eintrages
+function addPickedImages($aMysqlConn, $aGalId, $anUserId, $somePickedImages){
+$retMessage = array();
+$galPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s' AND userId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId),
+		$aMysqlConn->real_escape_string($anUserId)
+	);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+	}
+	/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden, das sollte auch überprüft werden
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+	
+	/// @todo Anzahl der ausgewählten Bilder auf 6 beschränken
+	if( empty($galPickedImages) ){
+		if( count($galPickedImages) < 6 ){
+			$queryAddImages = sprintf(
+				"INSERT INTO cwsvjudo.galImgPicker (galId, userId, pickedImages) values ('%s', '%s', '%s');",
+				$aMysqlConn->real_escape_string($aGalId),
+				$aMysqlConn->real_escape_string($anUserId),
+				$aMysqlConn->real_escape_string(join(",", $somePickedImages))
+			);
+			
+			$resultAddImages = $aMysqlConn->query($queryAddImages);
+			if( $resultAddImages ){
+				$retMessage['info'] .= "(".join(",", $somePickedImages).") ausgewählt!<br />";
+			}
+			else{
+				$retMessage['error'] .= "Fehler: Konnte die Query '".$queryAddImages."' nicht ausführen ('".$aMysqlConn->error."')!<br />";
+			}
+		}
+		else{
+			$retMessage['error'] .= "Fehler: Es dürfen maximal 6 Bilder ausgewählt werden<br />";
+		}
+	}
+	else{
+		$retMessage['error'] .= "Fehler: Es wurden bereits Bilder ausgewählt (".join(",", $galPickedImages).")!<br />";
+		$retMessage['error'] .= "Neue Auswahl: (".join(",", $somePickedImages).")<br />";
+		$retMessage['error'] .= "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">";
+		$retMessage['error'] .= " <input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />";
+		foreach($somePickedImages as $img){
+			$retMessage['error'] .= " <input type=\"hidden\" name=\"pickedImages[]\" value=\"".$img."\" />";
+		}
+		$retMessage['error'] .= " <button type=\"submit\">Bisherige Auswahl überschreiben!</button>";
+		$retMessage['error'] .= "</form>";
+	}
+return $retMessage;
+}
+
+/// Ändern eines bereits erstellten Eintrages
+function changePickedImages($aMysqlConn, $aGalId, $anUserId, $somePickedImages){
+
+$retMessage = array();
+$galPickedImages = array();
+
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s' AND userId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId),
+		$aMysqlConn->real_escape_string($anUserId)
+	);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+	}
+	/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden, das sollte auch überprüft werden
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+	
+	if( empty($galPickedImages) )
+		$retMessage['error'] .= "Fehler: Kein Eintrag zum Ändern gefunden!";
+	else{
+		if( count($galPickedImages) < 6 ){
+			$queryAddImages = sprintf(
+				"UPDATE cwsvjudo.galImgPicker pickedImages = '%s' WHERE galId = '%s' AND userId = '%s';",
+				$aMysqlConn->real_escape_string(join(",", $somePickedImages)),
+				$aMysqlConn->real_escape_string($aGalId),
+				$aMysqlConn->real_escape_string($anUserId)
+			);
+			
+			$resultAddImages = $aMysqlConn->query($queryAddImages);
+			if( $resultAddImages ){
+				$retMessage['info'] .= "Gewählten Bilder auf (".join(",", $somePickedImages).") geändert!<br />";
+			}
+			else{
+				$retMessage['error'] .= "Fehler: Konnte die Query '".$queryAddImages."' nicht ausführen ('".$aMysqlConn->error."')!<br />";
+			}
+		}
+		else{
+			$retMessage['error'] .= "Fehler: Es dürfen maximal 6 Bilder ausgewählt werden<br />";
+		}
+	}
+return $retMessage;
+}
+
+	
+	$loginStatus = "false";
+	$galleryId = "0";
+	$galPickedImages = array();
+	
+// Falls der serverseitige Logincookie nicht gesetzt ist ...
+	session_start();
+	session_regenerate_id();
+	if( empty($_SESSION['login']) ){
+		$loginStatus = "false";
+		$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+	}
+	else{
+		$loginStatus = "true";
+		/// @todo Testen, ob eine intZahl vorliegt
+		/// @todo Testen, ob wir in der richtigen Galerie sind
+		if( !empty($_POST['galId'] ) ) $galleryId = $_POST['galId'];
+		
+		$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+
+// Datenbankverbindung herstellen
+/// @todo Ist die Db-Verbindung dann global?
+		$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+		
+		if($mysqlConn->connect_error){
+			$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+		}
+		else{/// bereits gewählte Bilder abfragen
+			$queryPickedImages = sprintf(
+				"SELECT * FROM galImgPicker WHERE galId = '%s' AND userId = '%s';",
+				$mysqlConn->real_escape_string($galleryId),
+				$mysqlConn->real_escape_string($_SESSION['user']['userId'])
+			
+			);
+			
+			$pickedImagesResults = $mysqlConn->query($queryPickedImages);
+			if( !$pickedImagesResults ){
+				$messages['error'] .= "Fehler bei Datenbankabfrage '".$queryPickedImages."'<br />";
+			}
+			/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden
+			else{
+				while( $pickedImagesResult = $pickedImagesResults->fetch_assoc() ){
+					//print_r($pickedImagesResult);
+					//print_r($pickedImagesResult['pickedImages']);
+					$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+				}
+			}
+			
+			$addRetMessages = addPickedImages($mysqlConn, $galleryId, $_SESSION['user']['userId'], $_POST['pickedImages']);
+			
+			$mysqlConn->close();
+		}
+	}
+	
+	
+	
+?>
+
+<html>
+	<body>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['error'] ) ) echo( $messages['error'] );
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+			if( !empty( $addRetMessages['error'] ) ) echo( $addRetMessages['error'] );
+			if( !empty( $addRetMessages['info'] ) ) echo( $addRetMessages['info'] );
+			if( !empty( $addRetMessages['warning'] ) ) echo( $addRetMessages['warning'] );
+?>
+		</div>
+		<?php //print_r($_POST);?>
+		<?php //print_r($messages);?>
+		<?php //print_r($addRetMessages);?>
+		<?php //print_r($galPickedImages);?>
+<?php
+		
+
+?>
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/index.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/index.php.tmpl
new file mode 100644
index 0000000..f09b982
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/index.php.tmpl
@@ -0,0 +1,365 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+function startsWith($haystack, $needle){
+	$length = strlen($needle);
+	return (substr($haystack, 0, $length) === $needle);
+}
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//echo("retPickedImages: ");print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum Anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+//	echo("imgList: "); print_r($imgList);
+//	foreach($imgList as $img){
+//		echo(" ".$img." startsWith images/ :".startsWith($img, "images/")."\n");
+//	}
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$showAllMode = "true"; // Im Bildauswahlmodus sollten auch alle Bilder angezeigt werden
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	//echo("imgList:");print_r($imgList);
+//	echo("pickedImages: "); print_r($pickedImages);
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+		//echo("restImages: "); print_r($restImages);
+		//echo("count(restImages): ".count($restImages));
+		//echo("count(24-count($pickedImages)): ".(24-count($pickedImages)));
+		foreach( array_rand( $restImages, min(24, count($restImages))-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		if(startsWith($imgName, "images/")){
+			array_push( $imgInfos, @getimagesize(str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgName))));
+		}
+		else{
+			array_push( $imgInfos, @getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+		}
+	}
+
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum<?php echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");?></title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="
+<?php
+			echo descrName($wkName);
+			echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");
+?>
+		">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<a title="Galerien der Judoka des Chemnitzer WSV" href="/galerien">Zur Galerieübersicht</a>
+		<?php
+//			require_once( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+//			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+//			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true".($chooseMode=="true"?"&chooseMode=true":"")."\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+
+<style type="text/css">
+	.galImgList{
+		/*flex: auto;*/
+		display: flex;
+		flex-flow: row wrap;
+		justify-content: space-around;
+		align-items: center;
+	}
+</style>
+
+		<!-- The container for the list of example images -->
+
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+			echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />" );
+		}
+?>
+		<div id="links" class="galImgList">
+<?php
+		$imgSize = count( $imgList );
+		for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+			echo( "<div ".( ($chooseMode=="true")?"style=\"border: 1px solid black;\"":"" ).">" );
+				if( $chooseMode == "true" ){
+					echo("<label>");
+					echo( "<input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\" />" );
+				}
+				echo "<img class=\"lazy\" ". 
+						"id=\"Image".( $imgIndex )."\" ".
+//						"data-original=\"./thumbs/".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images/", "", str_replace(".jpg", ".png", $imgName)):str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".
+//						"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+						"data-original=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+						$imgInfos[$imgIndex][3]." ".
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+						"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+				" />";
+				if( $chooseMode == "true" ) echo( "</label>" );
+			echo("</div>");
+		}
+?>
+		</div><!-- Ende galImgList -->
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<button type=\"submit\">Eingaben absenden</button>" );
+				echo( "</form>" );
+		}
+?>
+			<noscript>
+				<div id="links" class="galImgList">
+				<?php
+					$imgSize = count( $imgList );
+					//echo("imgList: ");print_r($imgList);
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo
+							"\t\t\t\t<span>".
+								"<a href=\"view.php?index=".( $imgIndex )."\" >".
+								"<img id=\"Image".( $imgIndex + 1)."\" ".
+//									"src=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+//									"src=\"./thumbs/r_".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgName)):str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+									"src=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+								"/>".
+								"</a>".
+							"</span>\n";
+					}
+				?>
+				</div>
+			</noscript>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/indexDev.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/indexDev.php.tmpl
new file mode 100644
index 0000000..12d70a0
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/indexDev.php.tmpl
@@ -0,0 +1,349 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+function startsWith($haystack, $needle){
+	$length = strlen($needle);
+	return (substr($haystack, 0, $length) === $needle);
+}
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//echo("retPickedImages: ");print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum Anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+//	echo("imgList: "); print_r($imgList);
+//	foreach($imgList as $img){
+//		echo(" ".$img." startsWith images/ :".startsWith($img, "images/")."\n");
+//	}
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$showAllMode = "true"; // Im Bildauswahlmodus sollten auch alle Bilder angezeigt werden
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	//echo("imgList:");print_r($imgList);
+//	echo("pickedImages: "); print_r($pickedImages);
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+		//echo("restImages: "); print_r($restImages);
+		//echo("count(restImages): ".count($restImages));
+		//echo("count(24-count($pickedImages)): ".(24-count($pickedImages)));
+		foreach( array_rand( $restImages, min(24, count($restImages))-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		if(startsWith($imgName, "images/")){
+			array_push( $imgInfos, getimagesize(str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgName))));
+		}
+		else{
+			array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+		}
+	}
+
+?>
+
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum<?php echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");?></title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="
+<?php
+			echo descrName($wkName);
+			echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");
+?>
+		">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<?php
+			require_once( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true".($chooseMode=="true"?"&chooseMode=true":"")."\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+
+<style type="text/css">
+	.galImgList{
+		/*flex: auto;*/
+		display: flex;
+		flex-flow: row wrap;
+		justify-content: space-around;
+		align-items: center;
+	}
+</style>
+
+		<!-- The container for the list of example images -->
+
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+			echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />" );
+		}
+?>
+		<div id="links" class="galImgList">
+<?php
+		$imgSize = count( $imgList );
+		for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+			echo( "<div ".( ($chooseMode=="true")?"style=\"border: 1px solid black;\"":"" ).">" );
+				if( $chooseMode == "true" ){
+					echo("<label>");
+					echo( "<input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\" />" );
+				}
+				echo "<img class=\"lazy\" ". 
+						"id=\"Image".( $imgIndex )."\" ".
+//						"data-original=\"./thumbs/".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images/", "", str_replace(".jpg", ".png", $imgName)):str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".
+//						"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+						"data-original=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+						$imgInfos[$imgIndex][3]." ".
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+						"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+				" />";
+				echo "<noscript><a href=\"view.php?index=".( $imgIndex )."\" >".
+					"<img id=\"Image".( $imgIndex + 1)."\" ".
+						"src=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+					"/></a></noscript>";
+				if( $chooseMode == "true" ) echo( "</label>" );
+			echo("</div>");
+		}
+?>
+		</div><!-- Ende galImgList -->
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<button type=\"submit\">Eingaben absenden</button>" );
+				echo( "</form>" );
+		}
+?>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/view.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/view.php.tmpl
new file mode 100644
index 0000000..103c076
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery/view.php.tmpl
@@ -0,0 +1,95 @@
+<?php
+	$imgSize = count( $imgList );
+	assert( $imgSize > 0, "Bilder leider nicht verfügbar!");
+	$currIndex = intval( $_GET["index"] );
+	if( $currIndex < 0 ) $currIndex = 0;
+	if( $currIndex >= $imgSize) $currIndex = $imgSize-1;
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName;?> Einzelansicht [<?php echo $currIndex;?>/<?php echo $imgSize;?>]</title>
+		<script type="text/javascript">
+		<!-- Leute mit aktiviertem JavaScript sollen die BlueImpGallery gezeigt bekommen -->
+			<?php 
+				echo "window.location = \"index.php?index=".$currIndex."\"";
+			?>
+		</script>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="Die Judoka des Chemnitzer WSV beim Wettkampf <?php echo $wkName;?> (Bild [<?php echo($currIndex);?>/<?php echo $imgSize;?>])">
+		<meta name="keywords" content="Judo, <?php echo $wkName;?>, Bilder, Photos, Album, Galerie, Wettkampf, CWSV, Chemnitz, ">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI'].$_SERVER['REQUEST_QUERY']?>" />
+	</head>
+	<body bgcolor="#FFAE00">
+		<h1><?php echo $wkName;?></h1>
+<!-- Variante für die Leute ohne JavaScript (Anfang)-->
+		<noscript>
+			<table style="margin-left:auto;margin-right:auto;">
+				<tr>
+					<td>
+						<a href="index.php">
+							<img src="/ressourcen/graphiken/imgGal/nav_topb.png" id="ntop" alt="Album" title="Album">
+						</a>
+					</td>
+					<td>
+						<a href="view.php?index=0">
+							<img src="/ressourcen/graphiken/imgGal/nav_firstb.png" id="nfirst" alt="Zum Anfang" title="Zum Anfang">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex-10 >= 0 ? $currIndex - 10 : 0)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_prev10b.png" id="nprev10" alt="10 Bilder zurück" title="10 Bilder zurück">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex-1 >= 0 ? $currIndex - 1 : 0)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_prevb.png" id="nprev" alt="Bild zurück" title="Bild zurück">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex+1 < $imgSize ? $currIndex + 1 : $imgSize-1)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_nextb.png" id="nnext" alt="Bild vor" title="Bild vor">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex+10 < $imgSize ? $currIndex + 10 : $imgSize-1)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_next10b.png" id="nnext10" alt="10 Bilder vor" title="10 Bilder vor">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $imgSize-1 )."\""?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_lastb.png" id="nlast" alt="Zum Ende" title="Zum Ende">
+						</a>
+					</td>
+					<td>
+						<span id="image_name1"><?php echo $imgList[$currIndex]?></span>(<span id="image_num1"><?php echo $currIndex+1?></span>/<?php echo $imgSize;?>)
+						
+						
+						
+						
+					</td>
+				</tr>
+			</table>
+			<a href=<?php echo "\"view.php?index=".( $currIndex+1 < $imgSize ? $currIndex + 1 : $imgSize-1)."\"";?>>
+				<img src=<?php echo "\"".$imgList[$currIndex]."\" alt=\"".$imgList[$currIndex]."\" id=\"main_image\" width=\"100%\""?>>
+			</a>
+			<br />
+			
+		</noscript>
+<!-- Ende der Variante für die Leute ohne JavaScript -->
+
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_page_title = $wkName." Einzelansicht [".$currIndex."/".$imgSize."]";
+$chCounter_visible=0;
+include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>