Index: binary-improvements/webserver/index.html
===================================================================
--- binary-improvements/webserver/index.html	(revision 274)
+++ binary-improvements/webserver/index.html	(revision 279)
@@ -11,4 +11,11 @@
 	<link rel="stylesheet" href="jquery-ui/jquery-ui.min.css" type="text/css" />
 	<script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script>
+	
+	<!-- Tablesorter -->
+	<!-- <link rel="stylesheet" href="js/tablesorter/css/theme.default.min.css" type="text/css" /> -->
+	<script type="text/javascript" src="js/tablesorter/js/jquery.tablesorter.combined.min.js"></script>
+	<!-- <link rel="stylesheet" href="js/tablesorter/css/jquery.tablesorter.pager.min.css" type="text/css" /> -->
+	<script type="text/javascript" src="js/tablesorter/js/extras/jquery.tablesorter.pager.min.js"></script>	
+	<script type="text/javascript" src="js/tablesorter/js/widgets/widget-formatter.min.js"></script>	
 
 	<!-- Leaflet -->
@@ -47,4 +54,5 @@
 	<script type="text/javascript" src="js/map.js"></script>
 	<script type="text/javascript" src="js/log.js"></script>
+	<script type="text/javascript" src="js/players.js"></script>
 
 	<!-- Own stylesheet -->
@@ -73,4 +81,5 @@
 				<ul>
 					<li><a href="#tab_map" data-permission="web.map">Map</a></li>
+					<li><a href="#tab_players" data-permission="webapi.getplayerlist">Players</a></li> <!-- data-permission="web.players" -->
 					<li><a href="#tab_log" data-permission="webapi.getlog">Log <span id="newlogcount"></span></a></li>
 				</ul>
@@ -93,7 +102,41 @@
 			</div>
 		</div>
+
 		<div id="admincontent">
 			<h1 id="nopermissionwarning" style="display:none">An error occured or you have not logged in.  Try logging in with the Steam login in the lower left!</h1>
+			
 			<div id="tab_map" class="adminmap"></div>
+			
+			<div id="tab_players" class="adminplayers">
+				<!-- Current AJAX url: <span id="players_url"></span> -->
+				<table class="players_tablesorter">
+					<thead>
+						<tr class="players_columns">
+						</tr>
+					</thead>
+					<tfoot>
+						<tr>
+							<td class="players_pager" colspan="5">
+								<img src="js/tablesorter/css/images/first.png" class="players_first"/>
+								<img src="js/tablesorter/css/images/prev.png" class="players_prev"/>
+								<span class="players_pagedisplay"></span> <!-- this can be any element, including an input -->
+								<img src="js/tablesorter/css/images/next.png" class="players_next"/>
+								<img src="js/tablesorter/css/images/last.png" class="players_last"/>
+								<select class="players_pagesize">
+									<option value="10">10</option>
+									<option value="25">25</option>
+									<option value="50">50</option>
+									<option value="100">100</option>
+									<option value="200">200</option>
+								</select>
+							</td>
+						</tr>
+					</tfoot>
+					<tbody>
+					</tbody>
+				</table>
+			</div>
+			
+			
 			<div id="tab_log" class="adminlog">
 				<table>
@@ -107,5 +150,7 @@
 				<a id="markasread">Mark as read</a>
 			</div>
+			
 		</div>
+
 	</div>