cwsvJudo/photoalben/photoalben.2012/2012-11-25_HolzmichelVIII_Aue_U13U17/view.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<script type="text/javascript">
			var imgs = new Array("100_6674.jpg","100B6680.jpg","100B6681.jpg","100B6682.jpg","100B6690.jpg","100B6691.jpg","100B6700.jpg","100B6701.jpg","100B6710.jpg","100B6720.jpg","100B6730.jpg","100B6731.jpg","100B6732.jpg","100B6740.jpg","100B6750.jpg","100B6751.jpg","100B6760.jpg","100B6761.jpg","100B6762.jpg","100B6770.jpg","100B6771.jpg","100B6780.jpg","100B6781.jpg","100B6790.jpg","100B6791.jpg","100B6800.jpg","100B6801.jpg","100B6810.jpg","100B6811.jpg","100B6812.jpg","100B6820.jpg","100B6821.jpg","100B6830.jpg","100B6840.jpg","100B6841.jpg","100B6850.jpg","100B6860.jpg","100B6861.jpg","100B6870.jpg","100B6871.jpg","100B6872.jpg","100B6880.jpg","100B6881.jpg","100B6882.jpg","100_6883.jpg","100_6884.jpg","100B6890.jpg","100B6891.jpg","100B6892.jpg","100B6900.jpg","100B6901.jpg","100B6902.jpg","100B6903.jpg","100B6910.jpg","100B6911.jpg","100B6912.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<EFBFBD>nger" title="Vorg<EFBFBD>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>/56)
		</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<EFBFBD>rzel: <strong>k</strong> - weiter; <strong>j</strong> - zur<EFBFBD>ck; <strong>d</strong> - 10 weiter; <strong>a</strong> - 10 zur<EFBFBD>ck.
		Mit <strong>u</strong> zur<EFBFBD>ck zum Album</font></font></p>
	</body>
</html>