<!DOCTYPE html>
<html>
	<head>
		<title>Scoreboard</title>
	</head>
	<body style="margin: 0; padding: 0; height: 100%; overflow: hidden;">
		<div style="position:absolute; left: 0; right: 0; bottom: 0; top: 0px;">
			<iframe id="content" src="scoreboard.html" style="border:none;" height="100%" width="100%"></iframe>
		</div>
	</body>
	<script>
		var cycle = ["scoreboard.html", "scoreboard-all.html", "scoreboard-timeline.html"];
		var current = 0;
		var timeout = 25000;
		var curTimeout;
		curTimeout = setInterval(update, timeout);
		function update()
		{
			if(curTimeout)
			{
				clearInterval(curTimeout);
			}
			current++;
			if(current >= cycle.length)
			{
				current = 0;
			}
			//console.log(cycle[current]);
			document.getElementById("content").src = cycle[current];
			curTimeout = setInterval(update, timeout);
		}
	</script>
</html>