$(window).ready(function(e)
{
  window.setInterval(function () {
  
      var loopCheck = $('div.StopLoop').first();
      if (loopCheck.length == 0) {
          var featureItemsList = $("div.feature-item");
  
          var dotContainer = $("div.feature-rotator-dots ").first();
  
          var currentFeature = $("div.feature-item.active").first();
          var currentDot = dotContainer.find('a.active');
  
          var nextFeature = currentFeature.next();
          var nextDot = currentDot.next();
          if (nextDot.length == 0) {
              nextFeature = $('.is-first').first();
              nextDot = $('.is-first-dot').first();
          }
  
          nextFeature.fadeIn('slow', function () {
              currentDot.removeClass('active');
              currentFeature.removeClass('active');
              nextDot.addClass('active');
              nextFeature.addClass('active');
          });
  
  
          currentFeature.fadeOut();
      }
  }, 5000);
});
function showFeature(id , direction) {
      var buttonId = 'btn' + id.replace('ID','');
      var featureItem = $('div.feature-item.active').first();
      var itemToSelect = $('#' + id);
      var currentlyActiveButton = $('div.feature-rotator-dots a.active').first();
      var newButtonToMakeActive = undefined;
      switch (direction) {
          case "prev":
              newButtonToMakeActive = currentlyActiveButton.prev();
              if (newButtonToMakeActive.length == 0) {
                  newButtonToMakeActive = $('div.feature-rotator-dots a:last').first();
              }
              break;
          case "next":
              newButtonToMakeActive = currentlyActiveButton.next();
              if (newButtonToMakeActive.length == 0) {
                  newButtonToMakeActive = $('div.feature-rotator-dots a:first').first();
              }
              break;
          default:
              newButtonToMakeActive = $('#' + buttonId).first();
              break;
      }
    
      currentlyActiveButton.removeClass('active');
      featureItem.removeClass('active');
      newButtonToMakeActive.addClass('active');
      itemToSelect.addClass('active');
      featureItem.fadeOut();
  
      itemToSelect.addClass('StopLoop')
      itemToSelect.fadeIn();
      setTimeout(function (e) {
          itemToSelect.removeClass('StopLoop');
      }, 15000);
  }
  function prevPromo() {
      var currentFeature = $("div.feature-item.active").first();
      var prev = currentFeature.prev();
      if (prev.length == 0) prev = $("div.feature-item").last()
      showFeature(prev.attr('id') , "prev");
  }
  function nextPromo() {
      var currentFeature = $("div.feature-item.active").first();
      var prev = currentFeature.next();
      if (prev.length == 0) prev = $("div.feature-item").first()
      showFeature(prev.attr('id'), "next");
  }