/*
** jQuery Paginate plugin
** Version: 0.1
** Author: Enrico Krause
** Lizenz: MIT 2011
*/

$.fn.paginate = function(args) {

  args = $.extend({
    combinedElements: 1,                      // number of elements which builds the actual element
    per_page: 3,                              // number of elements per page
    start_page: 1,                            // page to show first
    listClass: 'pages',                       // css class of the ul 
    wrapperClass: 'pagination',               // css class of the wrapper element
    wrapperTag: 'div',                        // wrapper tag
    selectedClass: 'current',                 // class of anchor tag of the current page
    prependText: 'Seite:',                     // e.g. Seite: 1 2 3 4 etc.
    pageName: 'index.html'
  },args);

  var c = $(this);
  var elements = $(this).children();
  var elementCount = elements.size()/args.combinedElements;
  var totalPages = Math.ceil(elementCount/args.per_page);
  var cId;

  function showElements(page) {
    var start = (page - 1) * args.per_page * args.combinedElements;
    var end   = start + args.per_page * args.combinedElements - 1;
    cId = $(elements[start]).attr('id');
    
    if(elements.size() >= args.combinedElements) {
      $(elements).hide();

      for(i=start;i<end;i++) {
        $(elements[i]).fadeIn(300);
      }
    }
  }


  function pagination() { 
    var pagination = "<"+args.wrapperTag+" class='"+args.wrapperClass+"'><ul class='"+args.listClass+"'><li>"+args.prependText+"</li>";

    for(i=1;i<=totalPages;i++) {
      pagination = pagination.concat("<li><a href='"+args.pageName+"#pagination_top' class='page-"+i+"' data-page=" + i + ">" + i + "</a></li>");
    }

    pagination = pagination.concat("</ul></"+args.wrapperTag+">");
    $(c).append(pagination);
    $(c).prepend(pagination);
  }
  
  $('.claim').attr("id",'pagination_top');
  showElements(args.start_page);
  pagination();
  
  var links = $("."+args.wrapperClass+" ."+args.listClass+" a");
  
  $(links).click(function(){
    var page = $(this).data('page');
    $(links).removeClass(args.selectedClass);
    $(".page-"+page).addClass(args.selectedClass);
    showElements(page);
    $(this).animate({scrollTop: $("#pagination_top").offset().top}, 2000);
   });
 
}
$(function(){
  $('#c72 .left-content').paginate({combinedElements: 3, per_page: 3, pageName: 'referenzen.html'});
});