Простой красивый мини профиль для сайта

/-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/  
  <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 clipak.ucoz.ru
  */  

  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">  

  /---------http://clipak.ucoz.ru------------/