function setUpCarousel() {
  var $firstContent = $('#content_list li:first'),
      $firstLink = $('#features_nav li:first');

  $('.info').addClass('info_js');
  $('.active').removeClass('active');
  $firstContent.addClass('active');
  $firstLink.addClass('active');

  autoRotate = setInterval(rotateCarousel, 5000);
}

function rotateCarousel() {
  var $nextContent = $('#content_list .active').next(),
      $nextLink = $('#features_nav .active').next();
      contentLength = $('#content_list li').length;

  if ($('#content_list .active').attr('id') === 'info_content_'+contentLength+'') {
    $nextLink = $('#features_nav li:first');
    $nextContent = $('#info_content_1');
  }

  $('.active').removeClass('active');
  $nextContent.addClass('active');
  $nextLink.addClass('active');
}

function goToSpecificCarouselPane(page, $btn) {  
  $('.active').removeClass('active');
  $('#'+ page +'').addClass('active');
  $btn.parent().addClass('active');
}

$(document).ready(function() {
  setUpCarousel();

  $('#features_nav a').click(function(e) {
    var page = $(this).attr('href').replace('#', ''),
        $btn = $(this);

    goToSpecificCarouselPane(page, $btn);
    clearInterval(autoRotate);
    e.preventDefault();
  });
});

