// =======================================================================
// PageLess - endless page
//
// Author: Jean-Sébastien Ney (jeansebastien.ney@gmail.com)
// Contributors:
//	Alexander Lang (langalex)
// 	Lukas Rieder (Overbryd)
//
// Parameters:
//    currentPage: current page (params[:page])
//    distance: distance to the end of page in px when ajax query is fired
//    loader: selector of the loader div (ajax activity indicator)
//    loaderHtml: html code of the div if loader not used
//    loaderImage: image inside the loader
//    loaderMsg: displayed ajax message
//    pagination: selector of the paginator divs. (if javascript is disabled paginator is required)
//    params: paramaters for the ajax query, you can pass auth_token here
//    totalPages: total number of pages
//    url: URL used to request more data
// Callback Parameters:
//		scrape: A function to modify the incoming data. (Doesn't do anything by default)
//		complete: A function to call when a new page has been loaded (optional)
//		afterStopListener: A function to call when the last page has been loaded (optional)
//
// Requires: jquery + jquery dimensions
//
// Thanks to:
//  * codemonky.com/post/34940898
//  * www.unspace.ca/discover/pageless/
//  * famspam.com/facebox
// =======================================================================
 
(function($) {
  $.pageless = function(settings) {
    $.isFunction(settings) ? settings.call() : $.pageless.init(settings);
  };
  
  // available params
  // loader: loading div
  // pagination: div selector for the pagination links
  // loaderMsg:
  // loaderImage:
  // loaderHtml:
  $.pageless.settings = {
    currentPage:  1,
    pagination:   '.pagination',
    url:          location.href,
    params:       {}, // params of the query you can pass auth_token here
    distance:     100, // page distance in px to the end when the ajax function is launch
    loaderImage:  "/images/arizonaguide.com/internal/load.gif",
		scrape: function(data) { return data; }  // Don't do anything by default
  };
  
  $.pageless.loaderHtml = function(){
    return $.pageless.settings.loaderHtml || ""
  };
 
  // settings params: totalPages
  $.pageless.init = function(settings) {
    if ($.pageless.settings.inited) return;
    $.pageless.settings.inited = true;
    
    if (settings) $.extend($.pageless.settings, settings);
    
    // for accessibility we can keep pagination links
    // but since we have javascript enabled we remove pagination links 
    if($.pageless.settings.pagination)
      $($.pageless.settings.pagination).remove();
    
    // start the listener
    $.pageless.startListener();
    $.pageless.render();
  };
  
  // init loader val
  $.pageless.isLoading = false;
  
  $.fn.pageless = function(settings) {
    $.pageless.init(settings);
    $.pageless.el = $(this);
    
    // loader element
    if(settings.loader && $(this).find(settings.loader).length){
      $.pageless.loader = $(this).find(settings.loader);
    } else {
      $.pageless.loader = $($.pageless.loaderHtml());
      $(this).append($.pageless.loader);
      // if we use the default loader, set the message
      if(!settings.loaderHtml) { $('#pageless-loader .msg').html(settings.loaderMsg) }
    }
  };
  
  //
  $.pageless.loading = function(bool){
    if(bool === true){
      $.pageless.isLoading = true;
      if($.pageless.loader)
        $.pageless.loader.fadeIn('normal');
    } else {
      $.pageless.isLoading = false;
      if($.pageless.loader)
        $.pageless.loader.fadeOut('normal');
    }
  };
  
  $.pageless.stopListener = function() {
    $(window).unbind('.pageless');
  };
  
  $.pageless.startListener = function() {
    $(window).bind('scroll.pageless', $.pageless.scroll);
  };

  $.pageless.loaderHtml = function(){
    return $.pageless.settings.loaderHtml || '\
<div id="pageless-loader" style="display:none;text-align:center;width:100%;">\
  <div class="msg" style="color:#e9e9e9;font-size:2em"></div>\
  <img src="' + $.pageless.settings.loaderImage + '" title="load" alt="loading more results" style="margin: 10px auto" />\
</div>';
  };

  $.pageless.renderHtml = function() {
    return '\
<li>\
  <p class="title"><a href="replace_location_path">replace_title</a><span>replace_city</span></p>\
  <div class="description">replace_teaser</div>\
  <div class="add-to-itinerary" id="add-to-itinerary-replace_activity_id" style="replace_add"><a href="javascript:addToItinerary(replace_activity_id, replace_activity_resource_class)">Add to My Itinerary</a></div>\
  <div class="remove-from-itinerary" id="remove-from-itinerary-replace_activity_id" style="replace_remove"><a href="javascript:removeFromItinerary(replace_activity_id, replace_activity_resource_class)">Remove from My Itinerary</a></div>\
  <p class="more-details"><a href="replace_location_path">Click for details</a></p>\
</li>\
'
  }

  $.pageless.render = function() {
    var sliceArray = thingsArray.slice((($.pageless.settings.currentPage * 10) - 10),(($.pageless.settings.currentPage * 10) - 1));
    $.each(sliceArray,function() {
      htmlString = $.pageless.renderHtml();
      htmlString = htmlString.replace(/replace_title/g, this.title);
      htmlString = htmlString.replace(/replace_city/g, (this.city == null) ? "" : this.city);
      htmlString = htmlString.replace(/replace_teaser/g, (this.teaser == null) ? "" : this.teaser);
      htmlString = htmlString.replace(/replace_location_path/g, this.location.path);
      htmlString = htmlString.replace(/replace_activity_id/g, this.activity.id);
      htmlString = htmlString.replace(/replace_activity_resource_class/g, "'" + this.activity.resource_type + "'");
      if ($.inArray(this.activity.id, activityQueue) == -1) {
        htmlString = htmlString.replace(/replace_remove/g, "display: none");
      } else {
        htmlString = htmlString.replace(/replace_add/g, "display: none");
      }
      $(".businesses .listings ul.list").append(htmlString);
    });
    $.pageless.loading(false);
  }
  
  $.pageless.scroll = function() {
    // listener was stopped or we've run out of pages
    if($.pageless.settings.totalPages <= $.pageless.settings.currentPage){
      $.pageless.stopListener();
			// if there is a afterStopListener callback we call it
      if ($.pageless.settings.afterStopListener) { $.pageless.settings.afterStopListener.call(); }
      return;
    }
    
    // distance to end of page
    var distance = $(document).height()-$(window).scrollTop()-$(window).height();
    // if slider past our scroll offset, then fire a request for more data
    if(!$.pageless.isLoading && (distance < $.pageless.settings.distance)) {
      $.pageless.loading(true);
      // move to next page
      $.pageless.settings.currentPage++;
      // set up ajax query params
      // $.extend($.pageless.settings.params, {page: $.pageless.settings.currentPage});
      // finally ajax query
      // $.get($.pageless.settings.url, $.pageless.settings.params, function(data){
			// 	var data = $.pageless.settings.scrape(data);
			// 	if ($.pageless.loader) { $.pageless.loader.before(data) } else { $.pageless.el.append(data) }
      //   $.pageless.loading(false);
      //   // if there is a complete callback we call it
      //   if ($.pageless.settings.complete) { $.pageless.settings.complete.call(); }
      // });
      $.pageless.render();
    }
  };
})(jQuery);