var slideTimer;

function changeSlide(i) {
  jQuery('.slides-container').animate({left: -i * jQuery('.slide.active').width()}, 600);
  jQuery('.slide.active').removeClass('active');
  jQuery('.slide:eq(' + i + ')').addClass('active');
}

jQuery('.nav-arrows a').bind('choose', function() {
  var currentSlide = jQuery('.nav-panels li.active');
  if (jQuery(this).hasClass('next')) {
    if (currentSlide.next().length > 0) {
      currentSlide.next().trigger('choose');
    } else {
      jQuery('.nav-panels li:first-child').trigger('choose');
    }
  } else {
    if (currentSlide.prev().length > 0) {
      currentSlide.prev().trigger('choose');
    } else {
      jQuery('.nav-panels li:last-child').trigger('choose');
    }
  }
});

jQuery('.nav-panels li').bind('choose', function() {
  changeSlide(jQuery(this).index());
  jQuery(this).siblings().removeClass('active').end().addClass('active');
});

jQuery('.nav-panels li').click(function(e) {
  clearInterval(slideTimer);
  jQuery(this).trigger('choose');
  e.preventDefault();
});

jQuery('.nav-arrows a').click(function(e) {
  clearInterval(slideTimer);
  jQuery(this).trigger('choose');
  e.preventDefault();
});

function animateSlidesInterval() {
  slideTimer = setInterval(function() {
    jQuery('.nav-arrows a.next').trigger('choose');}, 12000);
}

function onBlur() {
  console.log('blurred');
  clearInterval(slideTimer);
}

function onFocus(){
  console.log('focused');
  animateSlidesInterval();
}

if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}

jQuery('.nav-panels ul li p a.learn-more').click(function () {
  window.location.href = jQuery('.nav-panels ul li.active p a.learn-more').attr('href');
});