<script type="text/javascript">
        $.fn.switch_tabs = function() {
          var tbl = this,knopK = $("img[data^='tab']",tbl);
          knopK.each(function(){
            var arr = $(this).attr('data').split(",");
            $(this).css("background-image","url("+arr[1]+")")
          }); knopK.css("background-position","100% 10000px")
              knopK.css("background-repeat","no-repeat")
          knopK.click(function(){
            knopK.removeClass('active');
            $(this).addClass('active');
            var arr = $(this).attr('data').split(",");
            tbl.css("background-image","url("+arr[1]+")")
            $(".tab-content",tbl).hide();
            $("#"+arr[0]+"",tbl).show();
          });
        }
        </script>

<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/88003.js"></script>

<!-- Правка центровки картинок в топике  -->
<script  type="text/javascript">
    $("#pun-viewtopic .post").each(function () {
       var a=$(this).find('.post-img-Sp');
       if(a.length){var c= $('<li></li>').insertBefore(a.eq(0));a.appendTo(c);}
       $(this).find('ul.post-ul-Sp').appendTo(c)
       var b = $(this).find('img[class^="imgON_"]');
       if(b)b.wrap('<li></li>')
    });
</script>

<style type="text/css">
.punbb .post-body {
  margin-left:28.5em;
  }

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>
</style>