Counter mit JS ausstatten

<?php
require_once('../../data_classes/server-data.php_data_classes-core.php.php');

if(session_is_registered('username')){
session_start();
if ($_SESSION['crookie'] != 1) {
$_SESSION['crookie'] = 1;

$funktion = mysql_query("SELECT * FROM server_status");
$row = mysql_fetch_array($funktion);

if($online_count < $row['users_last']){
$ausgabe = './habblet/client/C-Loader/images//down.png';
} elseif($online_count > $row['users_last']){
$ausgabe = './habblet/client/C-Loader/images//up.png';
} elseif($online_count == $row['users_last']){
$ausgabe = './habblet/client/C-Loader/images//stay.png';
}

$crookie = mysql_query("UPDATE server_status SET users_last = '$online_count'");
?>

<div id="welcome">
<span id="user_txt">
<div style="float:left;padding-left:5px;width:64px;height:70px;margin-bottom:-8px;margin-top:-26px;margin-left:-8px;background: url(https://retrotown.ws<?php echo $myrow['look']; ?>&direction=2&head_direction=3&gesture=sml&size=b&img_format=gif);"></div>
Willkommen, <?php echo $name; ?></span>
<span class="rounded" onclick="window.close();"> <a href="<?php echo $path; ?>/account/logout?token=<?php echo md5($myrow['last_online']); ?>">ausloggen</a> </span>
<span class="rounded" id="yellow"> <a href="<?php echo $path; ?>/clientpferdeshop.php" target="habbohelp" onclick="openOrFocusHelp(this); return false">Pferdeshop</a> </span>
<span class="rounded" id="red"> <a href="<?php echo $path; ?>/clientlotto.php" target="habbohelp" onclick="openOrFocusHelp(this); return false">Lotto</a>s </span>
<span class="rounded" id="green"> <a href="<?php echo $path; ?>/radiocms" target="habbohelp" onclick="openOrFocusHelp(this); return false">Radio CMS</a>s </span>

</div>

<div style="float:right;margin-right:5px;margin-top:10px;width:70px;height:20px;background: url(./habblet/client/C-Loader/images/minilogo.png);"></div>
<div id="onlinewrapper">
<span id="onlinecount">
<?php echo $online_count; ?> User Online! <img src='<?php echo $ausgabe; ?>'> </span>
</div>

<?php } else { $_SESSION['crookie'] = 0;

?>

<style type="text/css">
#message{color:#FFF;font-weight:bold;font-size:1.8em;font-family:Calibri,sans-serif,Geneva,Verdana;text-shadow:2px 2px #999,1px 1px #999;position:absolute;padding: 0 90px 0 15px;}
</style>

<div style="float:right;margin-right:5px;margin-top:10px;width:70px;height:20px;background: url(http://www.habbcrazy.net/resources/font…20%20%20%20.gif);"></div>
<div id="message"><marquee onmouseover="this.stop();" onmouseout="this.start();">Willkommen im Hotel, wir wünschen dir einen schönen Aufenthalt.</marquee></div>

<?php } }else{ header("Location: $path"); exit; }?>

<script type="text/javascript">
var counter = 0;

function showtimer(){
counter++;
if(counter == 10){
$('#bar').fadeOut('slow').load('habblet/client/counter[BETA].php').fadeIn("slow");
counter = 0;
}
setTimeout('showtimer()', 1800);
}
</script>