// How to get an access token:
// http://jelled.com/instagram/access-token

// TODO:
// - improve UI
// - make it easy to copy and paste image url

// {{model.user.username}}, {{likes}} likes

var galleryFeed = new Instafeed({
  get: "user",
  userId: 14665058544,
  accessToken: "14665058544.1677ed0.def4bcda0c7b4458b663d243638dc9e0",
  resolution: "standard_resolution",
  useHttp: "true",
  limit: 12,
  template: '<div class="col-xs-12 col-sm-6 col-md-2"  style="background:url({{image}});background-size:cover;background-position:center"><a target="_blank" href="{{link}}"><div class="img-featured-container"><div class="img-backdrop" ></div><div class="description-container"><div class="intext">{{caption}}</div><span class="likes"><i class="fa fa-heart" aria-hidden="true"></i> {{likes}}</span><span class="comments" style="transform: scaleX(-1);"> <i class="fa fa-comment-o" aria-hidden="true"></i>  </span><span> {{comments}}</span></div></div></a></div>',
  target: "instafeed-gallery-feed",
  after: function() {
    // disable button if no more results to load
    if (!this.hasNext()) {
      btnInstafeedLoad.setAttribute('disabled', 'disabled');
    }
  },
});
galleryFeed.run();

var btnInstafeedLoad = document.getElementById("btn-instafeed-load");
btnInstafeedLoad.addEventListener("click", function() {
  galleryFeed.next()
});


    $(window).load(function() {

      var InstafeedRow = new Instafeed({
          target: 'instafeed-row',
          get: 'user',
          userId: '14665058544',
          accessToken: '14665058544.1677ed0.def4bcda0c7b4458b663d243638dc9e0',
          resolution: 'standard_resolution',
          limit: '24',
          template: '<li class="instagram-item"><a target="_blank" href="{{link}}"><img class="instagram-img" alt="Instagram Image" src="{{image}}"/></a></li>'
      });

      var InstafeedGrid = new Instafeed({
          target: 'instafeed-grid',
          get: 'user',
          userId: '14665058544',
          accessToken: '14665058544.1677ed0.def4bcda0c7b4458b663d243638dc9e0',
          resolution: 'standard_resolution',
          limit: '9',
          template: '<li class="instagram-item"><a target="_blank" href="{{link}}"><img class="instagram-img" alt="Instagram Image" src="{{image}}"/></a></li>'
      });

      InstafeedRow.run();
      InstafeedGrid.run();

    });