<h3>Userlist</h3>
<span id="curroom" style="font-weight:bold;">{$room}</span> <a id="allrooms" style="font-size:8px;">(All rooms)</a>
<div id="users" class="mousescroll" style="padding:5px; height: 310px;">
{if $users==""}
<p>
No users.
</p>
{else}
{foreach from=$users item=user}
<a id="{$user.nick}" class="notice"><img src="/themes/ponytopia/images/{$user.notice}" title="Toggle notice for {$user.nick}" style="border:none;" /></a>{$user.location}<a href="/profile/{$user.nick}" target="_blank" style="color:#{$user.color}; margin-left: 8px;">{$user.nick}</a></span>&nbsp;<img src="/themes/ponytopia/images/{$user.gender}.png" style="border:none;" /><br />
{/foreach}
{/if}
&nbsp;
&nbsp;
</div>
<script type="text/javascript">
              $('#users').slimscroll({
                  color: '#00f',
                  size: '10px',
                  width: '220px',
                  height: '300px'                  
              });
{if $js!=""}
	{$js}
	$(".notice").rightClickMenu(menu);	
{/if}
</script>
