function checkPostsDiv(){
 
//see if we've got an anth-posts div before running all this stuff
  try {
  var element = document.getElementById('anth-posts');
  console.log(element);
    return element;
  }
  catch(err) {
      console.log(err.message);
  }
}

  if (checkPostsDiv()){ 

    var url = 'https://anth101.com/wp-json/wp/v2/posts?_embed&per_page=18&page=1';
    if (getRestrictions()){
      url = url + getRestrictions();
    }

    $(document).ready(function() {
      var def = new jQuery.Deferred();
      $.ajax({
        url: url,
        jsonp: "cb",
        dataType: 'json',
        success: function(data) {
            console.log(data); //dumps the data to the console to check if the callback is made successfully.
            $.each(data, function(index, item) {
              $('#anth-posts').append('<div class="item"><div class="info"><div class="author-img"><img src="' + item._embedded.author[0].avatar_urls[48] + '"></div><div class="author">'+item._embedded.author[0].name +'</div><div class="date">'+ dateDisplay(item) +'</div><a href="'+item.guid.rendered+'"><div class="anth-post-title">'+item.title.rendered+'</div></a><a href="'+item.guid.rendered+'"><div class="img-holder"' + backgroundImg(item)+'"></div></a><div class="content">'+item.excerpt.rendered+'</div><div class="anth-social">'+iLike(item)+'</div></div></div></div>');
            }); //each          
          } //success
      }); //ajax  
    }); //ready


//sets the background image based on the featured image or returns a default image
    function backgroundImg (item) {
      try {
       var imgUrl = item._embedded['wp:featuredmedia'][0].media_details.sizes.medium.source_url;
        return 'style="background-image:url('+imgUrl+');"';
      }
    catch(err) {
        return 'style="background-image:url(https://anth101.com/wp-content/plugins/js_composer/assets/vc/vc_gitem_image.png);';
      }
    }

//chops up the date item a bit
    function dateDisplay(item){
      return item.date.substring(5,10);
    }

    $(function(){

    //map two elements to scroll http://stackoverflow.com/a/16615769/3390935
     var $d = $($.map([$(window), $('#anth-posts')], function(el){return $.makeArray(el)})); //lets you read mouse position off two elements more easily

     var counter = 0;

      $d.on('scroll',function() {
        var scroll = getCurrentScroll();
        var pageHeight = $(document).height()-300;
        console.log(pageHeight);
        console.log(scroll);

          if ( $(window).scrollTop() + $(window).height() > pageHeight) {
               ++counter
               console.log('counter-'+counter);
               loadMore(counter, (24+ (counter*3)));
               console.log('foo!')
            }         
      });



     //scroll postion for triggering auto-load 
    function getCurrentScroll() {
        return window.pageYOffset || document.documentElement.scrollTop;
        }
    });

    function getDocHeight() {
        var D = document;
        return Math.max(
            D.body.scrollHeight, D.documentElement.scrollHeight,
            D.body.offsetHeight, D.documentElement.offsetHeight,
            D.body.clientHeight, D.documentElement.clientHeight
        );
    }

//load more on scroll position
    function loadMore (counter, offset){
      var url = 'https://anth101.com/wp-json/wp/v2/posts?_embed&per_page=3&offset='+offset;
     if (getRestrictions()){
       url = url + getRestrictions();
      }


      $(document).ready(function() {
        var def = new jQuery.Deferred();
        $.ajax({
          url: url,
          jsonp: "cb",
          dataType: 'json',
          success: function(data) {
              console.log(data); //dumps the data to the console to check if the callback is made successfully.
              $.each(data, function(index, item) {
              $('#anth-posts').append('<div class="item"><div class="info"><div class="author-img"><img src="' + item._embedded.author[0].avatar_urls[48] + '"></div><div class="author">'+item._embedded.author[0].name +'</div><div class="date">'+ dateDisplay(item) +'</div><a href="'+item.guid.rendered+'"><div class="anth-post-title">'+item.title.rendered+'</div></a><a href="'+item.guid.rendered+'"><div class="img-holder"' + backgroundImg(item)+'"></div></a><div class="content">'+item.excerpt.rendered+'</div><div class="anth-social">'+iLike(item)+'</div></div></div>');
              }); //each          
            } //success
        }); //ajax  
      }); //ready

    }

    var $loading = $('#loading').hide();
      $(document)
        .ajaxStart(function () {
          $loading.show();
        })
        .ajaxStop(function () {
          $loading.hide();
        });

}


//build out the like button for the iLike plugin
function iLike(item){
      return '<a href="#" class="dot-irecommendthis" id="dot-irecommendthis-'+item.id+'" title="Recommend this"><span class="dot-irecommendthis-count">&nbsp;</span> <span class="dot-irecommendthis-suffix"></span></a>'
    }


//get the category restriction in data-cats if exists
function getRestrictions(){
    var element = document.getElementById('anth-posts'); 
    if(element.dataset.cats){
      var cats = element.dataset.cats;
      console.log('&categories='+cats);
      return '&categories='+cats;
    }
}