<script>
		function ShowTab(T)
		{
			i = 0;
			while (document.getElementById("tab" + i) != null) {
				document.getElementById("div" + i).style.display = "none";
				document.getElementById("tab" + i).className = "";
				i++;
			}

			document.getElementById("div" + T).style.display = "";
			document.getElementById("tab" + T).className = "active";
		}
</script>

<form method="get" action="">
		<table class="OuterPanel" id="outerpanel" cellspacing="0" cellpadding="0" border="0">
			<tr>
				<td class="Heading1" colspan="5">%%GLOBAL_StatsTitle%%</td></tr>
			<tr>
				<td class="Intro" colSpan="5">
					<div>%%GLOBAL_StatsIntro%%</div></td>
			</tr>

			<tr>
				<td>
					<ul id="tabnav">
						<li><a href="#" class="active" id="tab0" onClick="ShowTab(0)">%%LNG_StatsQuestionsSummary%%</a></li>
						<li><a href="#" id="tab1" onClick="ShowTab(1)">%%LNG_StatsQuestionsPopular%%</a></li>
						<li><a href="#" id="tab2" onClick="ShowTab(2)">%%LNG_StatsQuestionsDiscussed%%</a></li>
						<li><a href="#" id="tab3" onClick="ShowTab(3)">%%LNG_StatsQuestionsRated%%</a></li>
					</ul>
				</td>
			</tr>

			<tr>
				<td>
					<div id="div0" style="display: none">
						THE ZERO
					</div>

					<div id="div1" style="display: none">
						THE FIRST
					</div>

					<div id="div2" style="display: none">
						THE SECOND
					</div>

					<div id="div3" style="display: none">
						THE THIRD
					</div>
				</td>

			</tr>

		</table>
</form>
