var slides = [];
var toggleNextPrev = 'next';
var sliderHover = 0;
autoplay= 5000;
delayy = 1300;
$(document).ready(function() {
  $('.animated').each(function() {
    $(this).css('background', "#" + (Math.random() * 16777215 | 0).toString(16));
  });

  if(autoplay!==0){
    setInterval(function(){
      console.log(sliderHover);
      if(sliderHover===0){
        slides.push(slides.shift());
        generateSlides('right');
      }

    },autoplay);
  }



  $('.animated').each(function() {
    var self = this;
    $(this).css({
      'animation-delay': $(this).attr('data-delay-animation') / 1000 + 's',
      'animation-duration': $(this).attr('data-duration-animation') / 1000 + 's',
    });
  });
  if ($('#slider').length) {
    slides = $('.container').find('.lide').toArray();
    generateSlides();
    $('#slider *').mouseenter(function(event) {
      /* Act on the event */
      sliderHover = 1;

    });
    $('#slider').mouseout(function(event) {
      sliderHover = 0;

    });
  }
});

function generateSlides(direction) {
  res = slides.every(function(element, index, array) {
    zindex = slides.length - index;
    $(element)
      .css({
        'z-index': zindex,
      });
    $(element).removeClass('currentSlide');
    if (direction == 'left') {
      switch (index) {
        case 0:
          $(element).addClass('currentSlide');
          $(element).find('aside').removeClass('slideInUp').addClass('slideInDown').addClass('animatedd-visible ');
          $(element).find('main').removeClass('slideInLeft').addClass('slideInRight').addClass('animatedd-visible ');
          break;
      }
      setTimeout(function() {
        $(element).not('.currentSlide').find('.animated').removeClass('animatedd-visible');
      }, delayy);
      return true;
    } else {
      switch (index) {
        case 0:
          $(element).addClass('currentSlide');
          $(element).find('aside').removeClass('slideInDown').addClass('slideInUp').addClass('animatedd-visible ');
          $(element).find('main').removeClass('slideInLeft').addClass('slideInRight').addClass('animatedd-visible ');
          //animacion interna
          break;
      }
      setTimeout(function() {
        $(element).not('.currentSlide').find('.animated').removeClass('animatedd-visible');
      }, delayy);
      return true;
    }
  });
  $('.next').unbind('click');
  $('.prev').unbind('click');
  setTimeout(function() {
    $('.next').click(function() {
      slides.push(slides.shift());
      generateSlides('right');
    });
    $('.prev').click(function() {
      slides.unshift(slides.pop());
      generateSlides('left');
    });
  }, delayy);
}