$(function() {
   var slides = $('.slides img').hide();
   var nav = $('.slides .slide_navigation');

   slides.each(function() {
      var box = $('<li></li>');
      box.data('slide', $(this));
      nav.append(box);

      box.mouseover(function() {
         $(this).addClass('over');
      }).mouseout(function() {
         $(this).removeClass('over');
      });

      box.click(function() {
         nav.children('.selected').removeClass('selected');
         $(this).addClass('selected');
         slides.filter(':visible').fadeOut(1500);
         $(this).data('slide').fadeIn(1500);
         if (!triggered) {
            clearInterval(interval);
         }
      });
   });

   nav.children('li:first').trigger('click');

   var triggered  = false;
   var i = 1;
   var interval = setInterval(function() {
      triggered = true;
      $('.slides li').eq(i).trigger('click');
      triggered = false;
      i++;
      i %= $('.slides li').size();
   }, 5000);
});