$(document).ready(function() {
     numSlides = $('.slide-tray').children('.feature-slide').length;
     current = 1;
     h = 194;
     
     $('.feature-slide').each(function(index) {
          $(this).attr('id', 'slide' + index);
          $('.feature-controls').append('<li rel="' + index + '"></li>');
     });
     
     $('.feature-controls li:first-child').addClass('active');
     
     $('.feature-controls li').click(function() {
          current = $(this).attr('rel');
          moveSlides();
          clearInterval(t);
          t = setInterval(moveSlides, 5500);
     });
     
     t = setInterval(moveSlides, 5500);
     
     function moveSlides() {
          $('.slide-tray').animate({'top' : -h*current});
          $('.feature-controls li').removeClass('active');
          $('.feature-controls li[rel='+current+']').addClass('active');
          if (current == numSlides-1) {
               current = 0;
          } else {
               current++;
          }
     }
});