<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>${TITLE}</title>

	<link rel="stylesheet" type="text/css" href="${TEMPLATE_DIR}/kwotes.css" />

	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="${TEMPLATE_DIR}/kwotes-ie.css" />
	<![endif]-->
	
	<script type="text/javascript">
	function vote( kid, type )
	{
		var img = new Image();
		img.src = "?action="+escape(type)
			+unescape("%26")+"kid="+escape(kid)
			+unescape("%26")+"rnd="+Math.random();
		hideElementById("hate"+kid);
		hideElementById("love"+kid);
		
		var ratingElem = document.getElementById("rating"+kid);
		if (ratingElem)
		{
			var html = ratingElem.innerHTML;
			var rating = parseInt(html)+( (type=="love")?1:-1 );
			ratingElem.innerHTML = rating;
		}
	}
	
	function hideElementById( id )
	{
		var elem = document.getElementById(id);
		if (elem) {
			elem.style.display = "none";
		}
	}

	function showTemplate( template )
	{
		var href = new String(document.location);
		href += (href.indexOf("?")!=-1) ? unescape("%26")+"template="+template : "?template="+template;
		document.location = href;
	}
	</script>
</head>

<body>
	<div id="container">
		<form id="searchbox" action="${SCRIPT_NAME}" method="get">
			<div>
				<input type="hidden" name="action" value="show" />
				Kwote #&nbsp;<input type="text" size="5" name="kwoteid" id="kwoteid" />
			</div>
		</form>

		<h1 id="title">${SITE_NAME} - ${TAG_LINE}</h1>

		<ul class="tabmenu">
			<li class="tab"><a href="?">Home</a></li>
			<li class="tab"><a href="?action=add">Add</a></li>
			<li class="tab"><a href="?action=list&amp;o=date">Latest</a></li>
			<li class="tab"><a href="?action=list&amp;o=random&amp;m=100&amp;mr=100">Random 100</a></li>
			<li class="tab"><a href="?action=list&amp;o=rating&amp;s=0&amp;m=20&amp;mr=50">Top 100</a></li>
			<li class="tab"><a href="?action=list&amp;o=rating&amp;s=0&amp;m=20&amp;mr=50&amp;so=reverse">Bottom 100</a></li>
			<li class="tab"><a href="?action=search">Search</a></li>
		</ul>