<sup>vip</sup>

<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>
<style>
#right-panel {
  top:0px;
  padding:0;
  margin-right:-280px;
  position:fixed;z-index:1000;
  right:-3px;
}
.content-R {
  padding:12px;
  width:236px;
  height:536px;
  margin-left: 47px;
  margin-top:68px;
  position:absolute;
}
</style>
<div data="0" id="right-panel">
<div class="content-R">
<style>#todayRotator3 p{display:none;color:#fff}</style>
<div id="todayRotator3" style="width:400px;"><!-- Ротатор произвольного контента -->
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
...
<p>30-й(31-й) Контент</p>
</div>
<script type="text/javascript">
var today = new Date().getTime();
a=Math.floor(today/(1000*60*60*24*1)); //1 - число реальных суток в игровом дне
var Nrout=$("#todayRotator3 p").length;
a=a-Math.floor(a/Nrout)*Nrout;
a=Math.floor(Nrout*(a)/Nrout)
RotatorMycontent3(a);
function RotatorMycontent3(i) {
$("#todayRotator3 p").hide();
$("#todayRotator3 p").eq(i).show();
}
</script>
</div>
<img id="img-left" src="http://s5.uploads.ru/bMkFd.png" alt="Выдвижная панель" title="Выдвижная панель" onclick="PanelToggleR($('#right-panel'))"/>
</div><!-- Конец Правой Панели -->