<img id="hashi" src="./images/hashi.png" style="width:auto; height:25px; position:absolute;" alt="" />
<div id="gohan-set" class="set-rotate">
<img id="gohan" class="gohan-rotate" src="./images/meshi.png" style="width:70px; height:auto; top:95px; left:-125px;" alt="" />
<img id="osuimono" class="gohan-rotate" src="./images/shiru.png" style="width:80px; height:auto; top:100px; left:45px;" alt="" />
<div class="img-wrap gohan-rotate" style="top:-50px; left:85px; width:65px; height:65px;"><img src='./images/user/1.png' alt='' /></div>
<div class="img-wrap gohan-rotate" style="top:-90px; left:-105px; width:65px; height:65px;"><img src='./images/user/2.png' alt='' /></div>
<div class="img-wrap gohan-rotate" style="top:-185px; left:180px; width:65px; height:65px;"><img src='./images/user/3.png' alt='' /></div>
<div class="img-wrap gohan-rotate" style="top:30px; left:-12px; width:65px; height:65px;"><img src='./images/user/4.png' alt='' /></div>
<div class="img-wrap gohan-rotate" style="top:-105px; left:-5px; width:65px; height:65px;"><img src='./images/user/5.png' alt='' /></div>
<div class="img-wrap gohan-rotate" style="top:-105px; left:85px; width:65px; height:65px;"><img src='./images/user/6.png' alt='' /></div>
</div>
<div id="dotted-line"></div>
<?php
foreach ($yumDB->selectUserWithTableID(0) as $user) {
echo "<input type='hidden' class='user-IDs' value='" . $user->getID() . "'>";
}
?>
<div id="user-wrap">
<ul id="users-slider" class="tuio-tapEvent">
<?php
foreach ($yumDB->selectUserWithTableID(0) as $user) {
echo "<li class='slide'><div class='user-image-wrap'><img src='" . $user->getIcon() . "' alt=''/></div><h5>" . $user->getName() . "</h5></li>";
}
$yumDB->close();
?>
</ul>
</div>
<!-- load scripts -->
<script src="../lib/tuio/jquery-1.7.2.js"></script>
