<?php

#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|
#|                                                                        #|
#|         HABBOPHP - http://habbophp.com                                 #|
#|         Copyright © 2012 Valentin & Robin. All rights reserved.        #|
#|																		  #|
#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|#|

session_start();
define('CORE','CORE');
require'includes/core.php';
if(!$Auth->isConnected()) redirection($config->url_site.'/logout.php');

$tpl->assign('groups','community');
$tpl->assign('selected','selected');
$tpl->display('header.tpl');

$staff['s7']="";
$staff['s6']="";
$staff['s5']="";
$query=$db->query("SELECT rank,username,motto,id,look FROM users WHERE rank>=5",true);
foreach($query as $row){
if($row['rank']==5) $rank="Mod&eacute;rateur";
if($row['rank']==6) $rank="Administrateur";
if($row['rank']==7) $rank="Fondateur";
if($row['rank']==7) $bg="darkred";
if($row['rank']==6) $bg="darkblue";
if($row['rank']==5) $bg="darkgreen";
$var='s'.$row['rank'];
$staff[$var].='<script type="text/javascript">
function slideSwitch'.$row['id'].'() {
    var $active = jQuery("#slideshow'.$row['id'].' IMG.active");

    if ( $active.length == 0 ) $active = jQuery("#slideshow'.$row['id'].' IMG:last");

    var $next =  $active.next().length ? $active.next()
        : jQuery("#slideshow'.$row['id'].' IMG:first");

    $active.addClass("last-active");

    $next.addClass("active")
   	$active.removeClass("active last-active");
}

jQuery(function(){
setInterval( "slideSwitch'.$row['id'].'()", 200 );
});
</script>
<style>
#slideshow'.$row['id'].' {
    position:relative;
    height:97px;
    width:100px;
}

#slideshow'.$row['id'].' IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0;
     width:100px;
}

#slideshow'.$row['id'].' IMG.active {
    z-index:10;
    opacity:1;
	float: center;
	margin-left: 18px;
    height:110px;
    width:64px;
}

#slideshow'.$row['id'].' IMG.last-active {
    z-index:9;
    opacity:0;
} 
</style>
<script type="text/javascript">
jQuery(document).ready(function() 
{
      jQuery("#tt'.$row['id'].'").qtip({
         content: "<div style=\'text-align:center;background:'.$bg.';color:white;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:7px;\'><b>'.$rank.'</b></div>'.utf8_decode($row['motto']).'",
         position: {
      		corner: {
       		  tooltip: "leftMiddle",
       		  target: "rightMiddle"
     		}
  		 }
      });
});
</script>
<a href="home.php?username='.$row['username'].'" style="color:black;"><div style="width:100px" class="ssh" id="tt'.$row['id'].'" onmouseover="jQuery(\'#one'.$row['id'].'\').hide();jQuery(\'#slideshow'.$row['id'].'\').show();" onmouseout="jQuery(\'#slideshow'.$row['id'].'\').hide();jQuery(\'#one'.$row['id'].'\').show();">
<div id="slideshow'.$row['id'].'" style="display:none;">
<img id="f1" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=0&head_direction=0&gesture=std&size=l&img_format=gif" class="active" />
<img id="f2" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=1&head_direction=1&gesture=std&size=l&img_format=gif" />
<img id="f3" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=2&head_direction=2&gesture=std&size=l&img_format=gif" />
<img id="f4" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=3&head_direction=3&gesture=std&size=l&img_format=gif" />
<img if="f5" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=4&head_direction=4&gesture=std&size=l&img_format=gif" />
<img id="f6" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=5&head_direction=5&gesture=std&size=l&img_format=gif" />
<img id="f7" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=6&head_direction=6&gesture=std&size=l&img_format=gif" />
<img id="f8" src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=7&head_direction=7&gesture=std&size=l&img_format=gif" />
</div>
<img src="http://www.habbo.com/habbo-imaging/avatarimage?figure='.$row['look'].'&direction=3&head_direction=3&gesture=std&size=l&img_format=gif" id="one'.$row['id'].'" /><br/>
<b style="width:60px;word-wrap: break-word;">'.$row['username'].'</b><br /><br/></div></a>';
}
$tpl->assign('s7',$staff['s7']);
$tpl->assign('s6',$staff['s6']);
$tpl->assign('s5',$staff['s5']);

$tpl->display('staff.tpl');
$tpl->display('footer.tpl');

?>