<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN'>
<html>
<head>
<meta http-equiv='content-type' content='text/html;charset=utf-8'>
<meta name='robots' content='noindex,nofollow'>
<title>[<% ident(); %>] Bandwidth: Per Client Usage</title>
<link rel='stylesheet' type='text/css' href='/tomato.css'>
<link rel='stylesheet' type='text/css' href='/color.css'>
<script type='text/javascript' src='/tomato.js'></script>

<!-- / / / -->

<style type='text/css'>
.controls {
	width: 90px;
	margin-top: 5px;
	margin-bottom: 10px;
}
</style>

<script type='text/javascript' src='/debug.js'></script>

<script type='text/javascript'>
//<% nvram('lan_ifname,wl_ifname,wl_mode,wl_radio'); %>

function reboot()
{
	if (confirm("Reboot?")) form.submitHidden('/tomato.cgi', { _reboot: 1, _commit: 0, _nvset: 0 });
}

function shutdown()
{
	if (confirm("Shutdown?")) form.submitHidden('/shutdown.cgi', { });
}

function logout()
{
	form.submitHidden('/logout.asp', { });
}

</script>

</head>
<body>
<form>
<table id='container' cellspacing=0>
<tr><td colspan=2 id='header'>
	<div class='title'>Tomato</div>
	<div class='version'>Version <% version(); %></div>
</td></tr>
<tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
<td id='content'>
<div id='ident'><% ident(); %></div>

<!-- / / / -->

<div class='section-title'>Per Client Bandwidth Usage <a class="info" href="javascript:Reload();">refresh</a></div>

<iframe id="section" frameborder="0" align='left' scrolling="no" width='100%' height='100%' src="/ext/dailybandwidthlive_1.asp">
 <p>Your browser does not support iframes.</p>
</iframe>

<script type="text/javascript">

var MZ = (document.getElementById ? true : false);
var IE = (document.all ? true : false);
var winWidth  = IE ? document.body.clientWidth:window.innerWidth;
var winheight = IE ? document.body.clientHeight:window.innerHeight;
var tomatoUI  = IE ? document.all['section'] : document.getElementById('section');

if(IE)
{
  tomatoUI.height = winheight + "px";
}
else if(MZ)
{
  tomatoUI.height = winheight + "px";
}

function Reload()
{
  var f = document.getElementById('section');
  f.src = f.src;
}

</script>

<!-- / / / -->

</td></tr>
<tr><td id='footer' colspan=2>

</td></tr>
</table>
</form>
</body>
</html>
