cwsvJudo/photoalben/photoalben.2016/2016-02-28_FrühjahrskrümelrandoriXX_Breitenbrunn_Jg06-10/index.php

<?php
	header("Content-Type: text/html; charset=utf-8");
	header("Cache-Control: max-age=3600");

	$wkName = "20. Frühjahrskrümelrandori des Antonsthal-Schwarzenberg";

function getExifDate( $filename ){
	if(!file_exists( $filename )){
		throw new Exception(__FUNCTION__ . " :: {$filename} does not exist!");
	}
	$data = exif_read_data( $filename, 0, true);
	if( $data === false){
		return filemtime( $filename );
	}
	if(isset( $data['IFD0']['DateTime'])){
		return strtotime( $data['IFD0']['DateTime']);
	}
	else{
		return filemtime( $filename );
	}
}?>
<?php
	$data_directory = "./";
	$imgList = glob( $data_directory . "*.jpg");
	array_multisort(
		array_map( 'getExifDate', $imgList ),
		SORT_NUMERIC,
		SORT_ASC,
		$imgList
	);

	//~ $imgList = array(  );
	$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;

	$imgInfos = array();
	foreach( $imgList as $imgName ){
		array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".jpg", $imgName)));
	}
?>
<!DOCTYPE HTML>
<html lang="de">
	<head>
		<title><?php echo $wkName?></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="description" content="Bilder der Judoka des Chemnitzer WSV beim Wettkampf <?php echo $wkName;?>">
		<meta name="keywords" content="Judo, <?php echo $wkName;?>, Bilder, Wettkampf, Album, Galerie, Wettkampf, CWSV, Chemnitz">
		<!-- 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">
		<link rel="icon" href="/ressourcen/graphiken/icons/cwsv.ico">
		<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;}
		</style>
	</head>
	<body style="color: #000000; background-color: #FFAE00"  >
		<?php
			include( $_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>";
		?>


		<h1 class="centerText" >
			Photoalbum [<b><?php echo $wkName?></b>]
		</h1>
		<p class="centerText smallFont">
			[<?php echo $imgSize?> Bilder]
		</p>
		<p class="centerText smallFont">
			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
		</p>
		<hr/>
		<!-- The container for the list of example images -->
		<div id="links" class="links centerText">
			<?php
				$imgSize = count( $imgList );
				for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
					echo "\t\t\t\t<span>".
							"<a href=\"#".( $imgIndex )."\" >".
							"<img class=\"lazy\"".
								"id=\"Image".( $imgIndex + 1)."\" ".
								"data-original=\"./thumbs/".str_replace(".jpg", ".jpg", $imgList[$imgIndex])."\" ".
								$imgInfos[$imgIndex][3]." ".
								"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
								"title=\"".( $wkName )." Bild ".( $imgIndex )." von ".( $imgSize )."\" ".
								"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
							"/>".
							"</a>".
						"</span>\n";
				}
			?>
			<noscript>
				<?php
					$imgSize = count( $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", ".jpg", $imgList[$imgIndex])."\" ".
									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
									"title=\"".( $wkName )." Bild ".( $imgIndex )." von ".( $imgSize )."\" ".
								"/>".
								"</a>".
							"</span>\n";
					}
				?>
			</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,
				}
			);
			};
			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>