$(document).ready(function() {

  // initiatie variables
  var track_click = 0; 
  var total_pages = 8;

  // load initial results
  $('#results').load("../include/articles.php", {
    'page':track_click,
	'limit':30,
	'total':217},
	function() {track_click++;}
  ); 

  // button clicked
  $(".load-more").click(function (e) {

    // hide load more button on click
	$(this).hide();
    // show loading image
	$('.loader').show();

	// click is less than pages
    if(track_click <= total_pages) {

      // post page number and load results
      $.post('../include/articles.php',{'page': track_click, 'limit':30, 'total':217}, function(data) {

        // display load more button
		$(".load-more").show();

        // append data
		$("#results").append(data);

        // hide loading image
        $('.loader').hide();

		// update click
        track_click++;

	  // error
      }).fail(function(xhr, ajaxOptions, thrownError) {
        // alert with HTTP error
		alert(thrownError);
        // bring back load more button
		$(".load-more").show();
        // hide loading image once data is received
		$('.loader').hide();
      });

      // compare user click with page number
      if(track_click >= total_pages-1) {

		// disable load button
        $(".load-more").attr("class", "disabled");

      }
    }

  });
});