<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 660;
  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 type="text/css">
#slideshow {
margin:0 auto;
width:750px;
height:200px;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:660px;
  height:200px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:640px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:200px;
  text-align: center;
  font-family: arial;}

.control {
  display:block;
  width:26px;
  height:42px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  top:79px;
  left:0;
  background:transparent url(ссылка на левую стрелку) no-repeat 0 0;}

#rightControl {
  top:79px;
  right:0;
  background:transparent url(ссылка на правую стрелку) no-repeat 0 0;}
</style>

/* D3.1 */
#pun-navlinks {
  border-style: none solid none solid;
  border-width: 0px 0px 0px 0px;
  margin: -100;
  margin-top: -300;
}

#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
    padding-top: 12px;
    height: 20px;
    font-weight: normal;
    text-align: center;
}

/* D.3 */
#pun-navlinks li {
    display: inline;
    margin: 1.25%;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
margin-top: 10px;
margin-left: -100px;
  padding: 0.7em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"• Admins", "http://10pix.ru/img1/332826/8195127.png",
"• Guestbook", "http://10pix.ru/img1/347367/8195131.png",
"• Information", "http://10pix.ru/img1/3084/8195139.png",
"• New York", "http://10pix.ru/img1/1350/8195137.png",
"• Personal belongings", "http://10pix.ru/img1/1367/8195141.png",
"• Flash-back", "http://10pix.ru/img1/414996/8195144.png",
"• Offside", "http://10pix.ru/img1/3036/8195133.png",
"• PR", "http://10pix.ru/img1/401915/8195142.png",
"• Archive", "http://10pix.ru/img1/1302/8195129.png",

"Статистика форума", "http://10pix.ru/img1/1383/8195143.png" )
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"70px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"сenter" ,
  "background-repeat":"no-repeat", 
  "color":"transparent"   
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>