U.Helper

<div align="center">

<style>
#listawards img {background:#ffffff; height:100px; width:100px; margin:4px 2px 4px 2px;}
#listawards img:hover {background:#cccccc; height:100px; width:100px; margin:4px 2px 4px 2px;}
</style>
<div id="listawards" align="left">...</div>
<script type="text/javascript">
$(function () {
  awards = function (_a, _t, _la, _s) {
  $.get("/index/54-$_USER_ID$", function (f) {
  $(_a).before('<img id="awards" alt="" />');
  var d = $('cmd[p="content"]', f).text(),
  b = $("img", d),
  a = [],
  c = $("#awards"),
  e = 1,
  aw = '';
  $.each(b, function (g, h) {
  a.push(h.src);
  if (e <= _s) {
  aw += '<img src="' + h.src + '" alt="" />';
  e++;
  }
  });
  e = 1;
  c.attr("src", a[0]);
  if (b.length > 1) {
  setInterval(function () {
  if (e == b.length) {
  e = 0
  }
  c.hide().attr("src", a[e]).fadeIn("normal");
  e++
  },
  _t * 1000)
  }
  $(_la).html(aw);
  })
  };
  awards('#avatar', 9, '#listawards', 1000); // #avatar - аватар пользователя, 3 - интервал смены наград, #listawards - место для наград, 10 - макс. количество наград
});
</script>
</div>