/**
 * @author donny
 */

jQuery(function($){
  //DOM loaded
  var api = $(".sliderin").scrollable({ 
    vertical: true,
    size: 4,
    clickable: false,
    next: ".previ",
    prev: ".nexti",
    prevPage: ".prev",
    nextPage: ".next",
    api: true
  });
  api.onSeek(function(){ 
    if ( ! loading_next && this.getPageIndex() == (this.getPageAmount()-1) && get_next ){
      //last page, load next content
      loading_next = true;
      api.getItemWrap().append('<li><img src="'+loading_gif+'" alt="Loading" /> We are loading even more of the latest jobs... they will appear in a couple of seconds</li>');
      //get new items
      $.get(next_page_url+slider_next_page, {
        nbRandom: Math.random()
      }, function(data){
        //remove last item
        api.getItems().filter(":last").remove();
        loading_next = false;
        //check loaded data
        if ( data && data.length > 0 ) {
          // append new item using jQuery's append() method 
          api.getItemWrap().append(data);
          // rebuild scrollable 
          api.reload();
          //remove disabled class
          $(".next").removeClass("disabled");
          //apply humane date
          $(".date").humane_dates().css('visibility', 'visible');
          //mouse over effect
          $(".items li")
          .mouseover(function(){ 
            $(this).addClass("hover");
          })
          .mouseout(function(){ 
            $(this).removeClass("hover");
          });
          //increment page value
          slider_next_page++;
        }
        else {
          get_next = false;
        }
      });
    }
  });
  //apply humane date
  $(".date").humane_dates().css('visibility', 'visible');
  //mouse over effect
  $(".items li")
  .mouseover(function(){ 
    $(this).addClass("hover");
  })
  .mouseout(function(){ 
    $(this).removeClass("hover");
  });
});