function slideImages(){
      var $active = $('#screenshot_slider .active');
      var $next = ($('#screenshot_slider .active').next().length > 0) ? $('#screenshot_slider .active').next() : $('#screenshot_slider #slider_box div:first');
      $next.css('z-index',2);//set the z-index so the image will slide across the top of  current one
      $active.css('z-index',1);//and set the current active image so it's below> 
      $next.animate({left:0},"slow",function(){//slide in the next image
              $active.removeClass('active').css('left',"265px");//when the slide's finished, reset the previous active image
              $next.addClass('active');//and set the new image to active
        });
    }

    $(document).ready(function(){
      // run every 5s
      setInterval('slideImages()', 5000);
    }
)