Обзорный блок информеров для ucoz

<style>
  #prev, #next {cursor:pointer}
  .inf_title {padding-top:1px;padding-bottom:1px;border:1px solid #CCC;padding-left:25px;padding-right:25px;background:url('http://img.adl-studio.ru/_ph/1/2/16405210.png') repeat-x #EEE;color:#444;text-shadow: 0px 0px 7px #777;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
  </style>
  <script type="text/javascript">
/*
Удобные информеры by www.ujs.su
*/

title = ["Последние ответы","Популярные скрипты","Топ семёрка активов", "Топ 7 по репутации", 'Новые пользователи'];  
  $(function () {
  max = 4; min = 0;
  var range = max - min + 1;
  var rnd = Math.floor(Math.random()*range) + min;
  $('#inf').val(rnd);
  $('.inf_title').html(title[rnd])
  opn = $('#inf').val();
  $('#inf_'+opn+'').show();  
  })
   
  function informer(direction) {
  if(direction == 'next') {
  opnow = $('#inf').val();
  next = parseInt(opnow)+1;
  if(next > $('#infmax').val()) {_uWnd.alert('Дальше информеров нет...', 'Информация', {h:70,w:170,tm: 3000})} else {
$('#inf_'+opnow+'').hide(500);
  $('#inf').val(next);
  $('.inf_title').html(title[next])
  $('#inf_'+next+'').show(1000);
  }
  }
  if(direction == 'back') {
  opnow = $('#inf').val();  
  back = parseInt(opnow)-1;
  if(back < 0) {_uWnd.alert('Вы дошли до 1 информера', 'Информация', {h:70,w:170,tm: 3000})} else {
  $('#inf_'+opnow+'').hide(500);
  $('#inf').val(back);
  $('.inf_title').html(title[back])
  $('#inf_'+back+'').show(1000);
  }
  }
  }
  </script>

  <hr style="margin: 3px; height: 1px; border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221);">
  <center>
  <span id="prev" title="Предыдущий информер" onclick="informer('back')" style="padding-top: 5px;"><img src="http://img.adl-studio.ru/_ph/1/2/198030131.gif" alt="" border="0"></span><span class="inf_title">Последние ответы</span><span id="next" title="Следующий информер" onclick="informer('next')" style="padding-top: 5px;"><img src="http://img.adl-studio.ru/_ph/1/2/533944034.gif" alt="" border="0"></span></center>

  <hr style="margin: 3px; height: 1px; border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221);">
  <span id="inf_0" style="display: none;"><script type="text/javascript" src="$MYINF_4$"></script></span>
<span id="inf_1" style="display: none;"><script type="text/javascript" src="$MYINF_5$"></script></span>
<span id="inf_2" style="display: none;"><script type="text/javascript" src="$MYINF_6$"></script></span>
<span id="inf_3" style="display: none;"><script type="text/javascript" src="$MYINF_8$"></script></span>
<span id="inf_4" style="display: none;"><script type="text/javascript" src="$MYINF_9$"></script></span>
<hr style="margin: 3px; height: 1px; border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221);">
  <input name="count" id="inf" value="0" type="hidden">
  <input name="max" id="infmax" value="4" type="hidden">