<div>
<div id="ush">
<div id="usc">$ONLINE_COUNTER$</div>
<div id="usi">$ONLINE_USERS_LIST$</div>
</div>
<div id="us2">In Details</div>
<div id="us1" class="uho">Online</div>
<div id="usl"></div>
<div id="usr"></div>
<div style="clear:both"></div>
</div>

<style type="text/css">
#us1 {width:49%;border:1px solid #c0c0c0;text-align:center;padding:2px 0;cursor:pointer;}
#us2 {float:right;width:49%;border:1px solid #c0c0c0;text-align:center;padding:2px 0;cursor:pointer;}
#usl {max-height:250px;overflow:auto;display:none;padding:5px 20px;}
#usr {max-height:250px;overflow:auto;padding:10px;}
#ush {display:none}
.uho {background:#dedede;}
</style>

<script type="text/javascript">
var us_icons = ['/.s/img/wd/3/li.png','http://trane73.ru//js/chat/resource/u.png'], // иконка в подробном списке
uwords = ['Профиль','Online','Off Them'], // заменяемые слова
guests_name = ['Guest','Guest','Guests'], // склонения гостей (1,2,5)
users_name = ['Users','Users','Users'], // склонения пользователей (1,2,5)
verify_name = ['Tested','Tested','Tested'], // склонения проверенных (1,2,5)
moders_name = ['Moderator','Moderator','Moderator'], // склонения модераторов (1,2,5)
admins_name = ['Administrator','Administrator','Administrator'], // склонения администраторов (1,2,5)
friends_name = ['Friends','Friends','Friends'], // склонения друзей (1,2,5)
people_name = ['People','People','People']; // склонения людей всего (1,2,5)
</script>
<script type="text/javascript" src="http://trane73.ru/demo/js/ustatistics-x.js"></script>