<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
	#video, #nav {  width:  420px;  }
	#video {	height: 260px;
			border: 0;
		}
	#options-video { position: absolute; top: 320px; }
	#options-video ul { padding: 0; margin: 0; list-style: none; }
	#options-video ul li { float: left; margin-right: 10px; }

	#nav { margin-top: 5px; }
	.next-segment, .prev-segment { display: block; width: 61px; height: 61px; text-align: center; line-height: 61px; font-size: 20pt; font-weight: bold; color: #fff; background: transparent url(<<theme_dir>>/btn_orange.png) left top no-repeat; font-weight:bold; font-family: Arial, Tahoma, Verdana, sans-serif; text-decoration: none; }
	.next-segment:hover, .prev-segment:hover { background-position: 0 -61px; color: #000; }
	.left { float: left; }
	.right { float: right; }
	body { padding: 0; margin: 0; }
</style>

<script type="text/javascript" src="ufo.js"></script>
<script type="text/javascript">

	var count = <<count>>;
	var url = "index.pl?action=vidiframe";

	function nextSegment(pCount) {

		if (pCount < 0) pCount = 0;
		count = pCount + 1;

		document.getElementById('video').src = url+pCount;
	}
</script>

<title>Vid Player</title>

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">

</head>
<body style="background: #000;">
<div id="wrapper">
	<script type="text/javascript">
		document.write('<iframe id="video" src="'+url+(count-1)+'"></iframe>');
	</script>

	<div id="nav">
		<a class="prev-segment left" href="javascript:nextSegment(count-2);">&lt;&lt;</a>
		<a class="next-segment right" href="javascript:nextSegment(count);">&gt;&gt;</a>
	</div>

	<div id="options-video">
		<<link_buttons>>
	</div>
</div>
</body>
</html>