Carousel = (function() {
  function Carousel() {}

  Carousel.prototype.init = function() {
    var i, numPerSlide, numTiles, tiles, width;
    this.arrowRight = $('.fa-chevron-right');
    this.arrowLeft = $('.fa-chevron-left');
    numPerSlide = 5;
    tiles = $('.img-wrapper');
    numTiles = $('.img-wrapper').length;
    this.numSets = Math.ceil(numTiles / numPerSlide);
    this.activeIndex = 0;
    this.frame = $('.inner');
    i = 0;
    while (i < tiles.length) {
      $(tiles).slice(i, i + numPerSlide).wrapAll("<div class='set'></div>");
      i += numPerSlide;
    }
    width = $(".inner .set").eq(0).width();
    $(this.arrowLeft).on("click", (function(_this) {
      return function(event) {
        return _this.handleMoveLeft(width);
      };
    })(this));
    return $(this.arrowRight).on("click", (function(_this) {
      return function(event) {
        console.log("move right click");
        return _this.handleMoveRight(width);
      };
    })(this));
  };

  Carousel.prototype.highlightDot = function(index) {};
  /*  $(@dots).removeClass("active")
    $(@dots).eq(index).addClass("active")
   */

  Carousel.prototype.updateControls = function() {
    $(this.arrowRight).prop("disabled", false);
    $(this.arrowRight).removeClass("inactive");
    $(this.arrowLeft).prop("disabled", false);
    $(this.arrowLeft).removeClass("inactive");
    if (this.activeIndex === (this.numSets - 1)) {
      $(this.arrowRight).addClass("inactive");
      $(this.arrowRight).prop("disabled", true);
    }
    if (this.activeIndex === 0) {
      $(this.arrowLeft).addClass("inactive");
      return $(this.arrowLeft).prop("disabled", true);
    }
  };

  Carousel.prototype.moveContent = function(index, width) {
    var moveWidth;
    console.log("move content", width);
    moveWidth = -Math.abs(index * width);
    return TweenMax.to($(this.frame), 0.5, {
      right: 0,
      left: moveWidth,
      ease: Quad.easeOut
    });
  };

  Carousel.prototype.showPage = function(index, width) {
    this.moveContent(index, width);
    this.highlightDot(index);
    this.activeIndex = index;
    return this.updateControls();
  };

  Carousel.prototype.handleMoveLeft = function(width) {
    var index;
    index = this.activeIndex - 1;
    this.showPage(index, width);
    this.highlightDot(index);
    this.activeIndex = index;
    return this.updateControls();
  };

  Carousel.prototype.handleMoveRight = function(width) {
    var index;
    console.log("handle move right");
    index = this.activeIndex + 1;
    this.showPage(index, width);
    this.highlightDot(index);
    this.activeIndex = index;
    return this.updateControls();
  };

  return Carousel;

})();
// Populate caorusel
var tumblr = tumblr_api_read.posts;
var carousel, img, wrappedImg;
var i = 0
while (i < tumblr.length) {
  img = $('<img>');
  if (tumblr[i]['photo-url-250'] != null) {
    $(img).attr('src', tumblr[i]['photo-url-250']);
    $(img).wrap('<a class="img-wrapper"></a>');
    wrappedImg = $(img).parent();
    $(wrappedImg).attr({
      'href': tumblr[i]['photo-url-500'],
      'data-featherlight': "image"
    });
    $('.inner').append(wrappedImg);
    $('.inner').imagesLoaded(function(instance) {
      
      _.each(instance.images, function(image) {
        img = image.img;
				$('.preloader').hide()
        if (img.width > img.height) {
          img.className = 'landscape';
        } 
      });
    });
  }
  i++;
}

carousel = new Carousel;
carousel.init();

// ---
// generated by coffee-script 1.9.0

$('#refresh-name').click((function(_this) {
  return function() {
   	$('.preloader').show()
	  console.log('inner click');
    var endpointFirstPart, endpointSecondPart, tumblrName, url;
    console.log('form submit');
    $('.inner').empty();
    tumblrName = $('#blog-name').val().toLowerCase();
    endpointFirstPart = 'https://';
    endpointSecondPart = '.tumblr.com/api/read/json';
    url = endpointFirstPart + tumblrName + endpointSecondPart;
    $.ajax({
      type: 'GET',
      url: url,
      async: false,
      jsonpCallback: 'jsonCallback',
      contentType: 'application/json',
      dataType: 'jsonp',
      success: function(json) {
        var carousel, i, img, wrappedImg;
        console.dir(json);
        tumblr = json.posts;
        i = 0;
        while (i < tumblr.length) {
          img = $('<img>');
          if (tumblr[i]['photo-url-250'] != null) {
            $(img).attr('src', tumblr[i]['photo-url-250']);
            $(img).wrap('<a class="img-wrapper"></a>');
            wrappedImg = $(img).parent();
            $(wrappedImg).attr({
              'href': tumblr[i]['photo-url-500'],
              'data-featherlight': "image"
            });
            $('.inner').append(wrappedImg);
            $('.inner').imagesLoaded(function(instance) {
              $('.preloader').hide()
              _.each(instance.images, function(image) {
                img = image.img;
                console.log("img", img);
                if (img.width > img.height) {
                  img.className = 'landscape';
                } 
              });
            });
          }
          i++;
        }
        carousel = new Carousel;
        return carousel.init();
      },
      error: function(e) {
        console.log(e.message);
      }
    });
  };
})(this));

$('.img-wrapper').featherlight();