cwsvJudo/photoalben/photoalben.2014/2014-09-12+13_Schnitzeljagd/view.php

<?php header("Content-Type: text/html; charset=utf-8")?>
<?php header("Cache-Control: max-age=3600")?>
<!--Noch vom originalem Template
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
-->
<!DOCTYPE HTML>
<html lang="de">
	<head>
		<script type="text/javascript">
			var imgs = new Array("P1010001.jpg","P1010002.jpg","P1010004.jpg","P1010005.jpg","P1010006.jpg","P1010007.jpg","P1010008.jpg","P1010011.jpg","P1010012.jpg","P1010013.jpg","P1010015.jpg","P1010017.jpg","P1010018.jpg","P1010019.jpg","P1010021.jpg","P1010023.jpg","P1010026.jpg","P1010027.jpg","P1010028.jpg","P1010029.jpg","P1010030.jpg","P1010031.jpg","P1010032.jpg","P1010033.jpg","P1010034.jpg","P1010035.jpg","P1010036.jpg","P1010037.jpg","P1010038.jpg","P1010039.jpg","P1010040.jpg","P1010041.jpg","P1010042.jpg","P1010043.jpg","P1010044.jpg","P1010045.jpg","P1010046.jpg","P1010047.jpg","P1010049.jpg","P1010050.jpg","P1010051.jpg","P1010052.jpg","P1010053.jpg","P1010054.jpg","P1010055.jpg","P1010056.jpg","P1010057.jpg","P1010058.jpg","P1010059.jpg","P1010060.jpg");

			var image_index = 0;

			function adjustimg(amount) {
				image_index += amount;
				if (image_index < 0) image_index = 0;
				if (image_index > imgs.length - 1) image_index = imgs.length - 1;
				var newloc = "#" + image_index;
				window.location = "view.php" + newloc;
				display_image();
			}

			function go_index() {
				window.location.assign("index.php");
			}

			function setroll(iname, iaction) {
				for (i=0;i<document.images.length; i++) {
					if (document.images[i].name == 'n'+iname) {
						if (iaction) {
							document.images[i].src = 'nav_' + iname + 'b.png';
						} else {
							document.images[i].src = 'nav_' + iname + '.png';
						}
						return;
					}
				}
			}

			function handlekey(e) {
				var keynum;
				e = e || window.event;
				if (e.keyCode) { keynum = e.keyCode; } else { keynum = e.which; }
				var multiplier = 1;
				if (e.shiftKey) multiplier = 10;
				switch (keynum) {
					case 74:
					case 106: adjustimg(-1 * multiplier); break; // 'j' (left)
					case 75:
					case 107: adjustimg(+1 * multiplier); break; // 'k' (right)
					case 65:
					case 97: adjustimg(-10); break; // 'a' (bwd 10)
					case 68:
					case 100: adjustimg(10); break; // 'd' (fwd 10)
					case 85:
					case 117: go_index(); break; // 'u' (up)
				}
			}

			var img;

			window.onload = function() {
				img = document.getElementById("main_image");
				display_image();
			}
			function display_image() {
				var s = window.location + "";
				var ind = s.indexOf("#");
				if (ind > -1) {
					s = s.substring(ind + 1, s.length);
				} else {
					s = window.location.search;
					if (s.slice(0, 4) == "?id=") {
						s = s.substring(4, s.length);
						if (s.indexOf("&") != -1)
							s = s.slice(0, s.indexOf("&"));
						ind = 0;
					}
				}
				if (ind > -1) {
					image_index = parseInt(s);
					if (image_index == NaN || image_index < 0 || image_index > imgs.length - 1) {
						alert("Bad index: " + s);
						window.location.assign("view.php");
						image_index = 0;
					}
				}
				img.src = imgs[image_index];
				document.title = "Ansicht von " + imgs[image_index];
				document.getElementById("image_name1").innerHTML = imgs[image_index];
				document.getElementById("image_num1").innerHTML = "" + (1 + image_index);
			}

		document.write("<title>Ansicht von" + imgs[image_index] + "</title>");
		document.onkeyup = handlekey;
		</script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="keywords" content="Judo, Bilder, CWSV, Wettkampf, ">
		<meta name="description" content="Der Chemnitzer WSV beim Wettkampf: ">
		<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "table.css"; /*]]>*/</style>
	</head>
	<body bgcolor="#FFAE00"  text="#000000" >
		<table><tr>
		<td><img name="ntop" onMouseOut="setroll('top', 0)" onMouseOver="setroll('top', 1)" src="nav_top.png" alt="Album" title="Album" onclick="go_index()"></td>
		<td><img name="nfirst" onMouseOut="setroll('first', 0)" onMouseOver="setroll('first', 1)" src="nav_first.png" alt="Zum Anfang" title="Zum Anfang" onclick="adjustimg(-999999)"></td>
		<td><img name="nprev10" onMouseOut="setroll('prev10', 0)" onMouseOver="setroll('prev10', 1)" src="nav_prev10.png" alt="10 Bilder vor" title="10 Bilder vor" onclick="adjustimg(-10)"></td>
		<td><img name="nprev" onMouseOut="setroll('prev', 0)" onMouseOver="setroll('prev', 1)" src="nav_prev.png" alt="Vorgänger" title="Vorgänger" onclick="adjustimg(-1)"></td>
		<td><img name="nnext" onMouseOut="setroll('next', 0)" onMouseOver="setroll('next', 1)" src="nav_next.png" alt="Nachfolger" title="Nachfolger" onclick="adjustimg(+1)"></td>
		<td><img name="nnext10" onMouseOut="setroll('next10', 0)" onMouseOver="setroll('next10', 1)" src="nav_next10.png" alt="10 Bilder vor" title="10 Bilder vor" onclick="adjustimg(+10)"></td>
		<td><img name="nlast" onMouseOut="setroll('last', 0)" onMouseOver="setroll('last', 1)" src="nav_last.png" alt="Zum Ende" title="Zum Ende" onclick="adjustimg(+999999)"></td>
		<td><font face="Trebuchet MS, Century Gothic, Verdana, Tahoma, Times New Roman">
			<font size="-1">&nbsp;&nbsp;<span id="image_name1"></span>&nbsp;(<span id="image_num1"></span>/50)
		</font></font></td>
		</tr></table>

		<img id="main_image" border="1" onclick="adjustimg(+1)">
		<br />
		<p><font face="Trebuchet MS, Century Gothic, Verdana, Tahoma, Times New Roman"><font size="-1">Tastenkürzel: <strong>k</strong> - weiter; <strong>j</strong> - zurück; <strong>d</strong> - 10 weiter; <strong>a</strong> - 10 zurück.
		Mit <strong>u</strong> zurück zum Album</font></font></p>
	</body>
</html>