<style type="text/css">
.cross1 {padding-top:1px; display:inline-block; padding-bottom:1px; color:#fff; text-align:center; margin:0px -1px; text-shadow:0px 1px 0px rgba(0,0,0,0.30); border:1px solid #757B7F; background:#7d7d7d url('') repeat-x top; text-align:left;}
.cross2 {padding-top:1px; display:inline-block; padding-bottom:1px; color:#fff; text-align:center; margin:0px -1px; text-shadow:0px 1px 0px rgba(0,0,0,0.30); border:1px solid #586a7c; border-left:1px solid #646A6D; background:#61768A url('') repeat-x top; text-align:right;}</style>
<div align="left">
<p align="left">
<div style="display:none;">$ONLINE_COUNTER$</div>
<div style="float:right;">
<span style="color:#61768a;">Пользователи</span>
<span style="margin:0px; margin-left:2px; display:inline-block; border:1px solid #000;"><img style="height:7px; width:7px; background:#61768a;" src="/.s/img/1px.gif" border="0" alt="" /></span>
</div>
<div>
<span style="margin:0px; margin-right:3px; display:inline-block; border:1px solid #000;"><img style="height:7px; width:7px; background:#7d7d7d" src="/.s/img/1px.gif" border="0" alt="" /></span>
<span style="color:#7d7d7d;">Гости</span>
</div>
<div style="border:1px solid #000;margin-top:2px;padding-left:1px;" id="stat-line" align="left"></div>
<script type="text/javascript">
var allusers = $('.tOnline b').html();
var gostusers = $('.gOnline b').html();
var siteusers = $('.uOnline b').html();
var uGosti = (gostusers/allusers).toFixed(2)*100;
var uUsers = (siteusers/allusers).toFixed(2)*100;
if (Number(Number(uGosti).toPrecision(3)) + Number(Number(uUsers).toPrecision(3)) > '100'){if(Number(uGosti).toPrecision(3) > Number(uUsers).toPrecision(3)) {var uUsers = (siteusers/allusers).toFixed(2)*100-1;}; if(Number(uGosti).toPrecision(3) < Number(uUsers).toPrecision(3)) {var uGosti = (gostusers/allusers).toFixed(2)*100-1;};};
if (Number(Number(uGosti).toPrecision(3)) + Number(Number(uUsers).toPrecision(3)) < '100'){if(Number(uGosti).toPrecision(3) > Number(uUsers).toPrecision(3)) {var uUsers = (siteusers/allusers).toFixed(2)*100+1;}; if(Number(uGosti).toPrecision(3) < Number(uUsers).toPrecision(3)) {var uGosti = (gostusers/allusers).toFixed(2)*100+1;};};
$('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего на сайте <b>'+allusers+'</b></div>');
if (siteusers < '1') {$('#userss').hide();};
if (gostusers < '1') {$('#ghostss').hide();};
</script>
</p>
</div>
