{AJAXCONTENT}	
	<link href="{SKINS}css/dbx.css" type="text/css" rel="stylesheet"/>	
	<script src="{JSDIR}drag/dbx.js" type="text/javascript"></script>
	<script src="{JSDIR}drag/dbx-key.js" type="text/javascript"></script>
	
	<link rel="stylesheet" type="text/css" href="{SKINS}css/sticky.css" /> 
	<link rel="stylesheet" type="text/css" href="{SKINS}css/jquery.fancybox-1.2.6.css" media="screen" />

	<script type="text/javascript" src="{JSDIR}jquery/sticky/jquery.fancybox-1.2.6.pack.js"></script>

	<script type="text/javascript" src="{JSDIR}jquery/sticky/script.js"></script>
	
	
	
	<!-- Left Side -->
		<div class="span-17" style="float:left">
			
			<table border="0" width="100%" cellpadding="4" cellspacing="1">
				 <tr>
					<td class="subhead" background="{SKINS}images/common/menu-button.png" colspan="4">&nbsp;&nbsp;Online Users</td>
				</tr> 
				<tr bgcolor="{MENUSTRIP}">
					<td width="5%" class="subhead"></td>
					<td width="50%" class="subhead">User Name</td>
					<td width="45%" class="subhead">Login Time</td>
				</tr>
				<!-- BEGIN dbvalues -->
				<tr bgcolor="{STRIPCOLOR}">
					<td class="sleftn">{recno:parent.STARTNO,ROWCOUNT}</td>
					<td class="sleftn">{USERNAME}</td>
					<td class="sleftn" align="center">{LOGINTIME}</td>
				</tr>
				<!-- END dbvalues -->
				<tr bgcolor="{STRIPCOLOR}">
					<td class="sleft" colspan="3">
						<table border="0" width="100%" cellpadding="0" cellspacing="0" class="sleft">
						<tr>
							<td align="left">Total Users: {TOTALUSERS}</td>
							<td align="right">Online Users: {TOTALONLINE}</td>
						</tr>
						</table>
					</td>
				</tr>
			</table>
			
			
		   <div id="main">
			<a id="addButton" class="green-button" href="./includes/template/admin/add_note.html">Add a note</a>
			
			{STICKYNOTES}   
			</div>
			
		</div>
		
		<!-- Left Side -->
		
	<!-- Right Side -->	
	
		<div class="span-7" style="float:right">
			
			<!--sidebox start -->
			<div class="dbx-group"  id="sidebar">
			<!-- IF dbvalues <> "" -->
		      <div id="meta" class="dbx-box">
		        <h4 class="dbx-handle">Online Users</h4>
		        <div class="dbx-content">
		         
		         	<!-- BEGIN dbvalues -->
					{recno:parent.STARTNO,ROWCOUNT}.	<a href="javascript:void(0)" onclick="javascript:chatWith('{USERNAME}')">{USERNAME}</a> {LOGINTIME}	<br/>			
					<!-- END dbvalues -->
		        </div>
		      </div>
		     <!-- ENDIF -->
		     
		     <div id="adwords" class="dbx-box">
				<h4 class="dbx-handle">Easy Chat Features</h4>
				<div class="dbx-content">					
				1. Gmail style bottom right display of chat boxes<br/>
				2. Keeps chat boxes open and stores state (data) even when pages are browsed/refreshed similar to Facebook<br/>
				3. Displays “Sent at…” after 3 minutes of inactivity<br/>
				4. Displays “X says…” &amp; blinks chat boxes when window is not in focus<br/>
				5. Minimize and close chat boxes<br/>
				6. Auto-resize of text input box<br/>
				7. Auto-scrolling of chat text<br/>
				8. Auto-back-off polling policy (hits the server less-often when chat activity is low)<br/>
				</div>			
			</div>
			
			
			<div id="adwords" class="dbx-box">
				<h4 class="dbx-handle">Sticky Notes</h4>
				<div class="dbx-content">					
				<p align="justify">
				 AJAX-enabled Sticky Note management system.
				 It will give visitors the ability to create notes with a live preview,
				  and move them around on the screen. Every movement is going to be sent to the back-end
				   via AJAX and saved in the database.</p>
				</div>			
			</div>
			
		   </div>
		      <!--sidebox end -->
		</div><!-- Right Side -->
		
	
	<div style="clear:both"></div>	

   <script type="text/javascript" src="{JSDIR}chat/chat.js"></script>