var controller;
$(function() {

  var viewport = $('.slider .slides');
  var slides = viewport.find('.slide');
  var slidecount = slides.size();

  $('.promo-arrow-l').hide();
  if (slidecount < 2) {
    $('.promo-arrow-r').hide();
  }

  controller = new Deuce.Slider();

  controller.init(viewport,{
    next: $('.promo-arrow-r'),
    previous: $('.promo-arrow-l')
  });

  controller.subscribe('transition_end', function(c) {
    /*var page_num = c.page(c.current_x);    
    $('.HeroDots a').removeClass('Current').eq(page_num).addClass('Current');
    $(this).addClass('Current');*/
    toggleArrows(c, {hide: true});
  });

  /*$('.HeroDots > a').click(function() {
    var page = $(this).index();
    controller.current_x = controller.pageX(page);
    controller.update(controller.current_x);
    resetAutoPlay();
    return false;
  });*/
  
  var autoplay;
  var ap_count = 0;
  function startAutoplay() {
    autoplay = setInterval(function() {
      var page_num = controller.page(controller.current_x);
      next = page_num + 1;
      if (next == slidecount)
        next = 0;
      controller.current_x = controller.pageX(next);
      controller.update(controller.current_x);
    }, 10000);
  }
  function stopAutoPlay() {
    clearInterval(autoplay);	
  }
  function resetAutoPlay() {
    stopAutoPlay();
    startAutoplay();
  }
  
  if (slidecount > 1)
    startAutoplay();
    
  controller.subscribe('first_move', function(c) { resetAutoPlay(); });
  
  $('.promo-arrow-r, .promo-arrow-l').click(resetAutoPlay);
  
});