Adding subjects pagination per category

Zambom
1 parent 348ceb3d
Showing 9 changed files with 760 additions and 5 deletions Show diff stats
amadeus/static/css/base/amadeus.css
amadeus/static/css/jPages.css
amadeus/static/css/themes/black.css
amadeus/static/css/themes/green.css
amadeus/static/css/themes/red.css
amadeus/static/js/course.js
amadeus/static/js/jPages.js
amadeus/templates/base.html
subjects/templates/subjects/list.html
@@ -611,4 +611,41 @@ ul, li {
 .no-subjects h4 {
     font-family: Roboto;
     font-weight: normal;
-}
 \ No newline at end of file
+}
+
+/* jPages */
+.holder a.jp-disabled, a.jp-disabled:hover {
+    cursor: not-allowed;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    cursor: default;
+}
+
+.holder a.jp-previous {
+    margin-right: 0px;
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+
+.holder a.jp-next {
+    margin-left: 0px;
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.holder a, .holder span {
+    font-size: 18px;
+    margin: 0px;
+    padding: 3px 9px;
+    line-height: 1.42857143;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    font-weight: 300;
+}
+
+.holder a:hover, .holder a:focus {
+    text-decoration: none;
+}
+/* end jPages */
 \ No newline at end of file
@@ -0,0 +1,35 @@
+.holder {
+	margin: 15px 0;
+}
+
+.holder a {
+	font-size: 12px;
+	cursor: pointer;
+	margin: 0 5px;
+	color: #333;
+}
+
+.holder a:hover {
+	background-color: #222;
+	color: #fff;
+}
+
+.holder a.jp-previous { margin-right: 15px; }
+.holder a.jp-next { margin-left: 15px; }
+
+.holder a.jp-current, a.jp-current:hover { 
+	color: #FF4242;
+	font-weight: bold;
+}
+
+.holder a.jp-disabled, a.jp-disabled:hover {
+	color: #bbb;
+}
+
+.holder a.jp-current, a.jp-current:hover,
+.holder a.jp-disabled, a.jp-disabled:hover {
+	cursor: default; 
+	background: none;
+}
+
+.holder span { margin: 0 5px; }
 \ No newline at end of file
@@ -276,4 +276,30 @@ a, a:focus, a:hover {
 .no-subjects {
     color: #999999;
+}
+
+.holder a.jp-disabled, a.jp-disabled:hover {
+    background: none !important;
+    color: #bbb !important;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    background: none;
+}
+
+.holder a, .holder span {
+    border: 1px solid #ddd;
+    color: #337ab7;
+}
+
+.holder a:hover {
+    color: #23527c;
+    background-color: #eee;
+    border-color: #ddd;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    background: #337ab7;
+    color: #FFFFFF;
+    border-color: #337ab7;
 }
 \ No newline at end of file
@@ -276,4 +276,30 @@ a, a:focus, a:hover {
 .no-subjects {
     color: #999999;
+}
+
+.holder a.jp-disabled, a.jp-disabled:hover {
+    background: none !important;
+    color: #bbb !important;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    background: none;
+}
+
+.holder a, .holder span {
+    border: 1px solid #ddd;
+    color: #337ab7;
+}
+
+.holder a:hover {
+    color: #23527c;
+    background-color: #eee;
+    border-color: #ddd;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    background: #337ab7;
+    color: #FFFFFF;
+    border-color: #337ab7;
 }
 \ No newline at end of file
@@ -276,4 +276,30 @@ a, a:focus, a:hover {
 .no-subjects {
     color: #999999;
+}
+
+.holder a.jp-disabled, a.jp-disabled:hover {
+    background: none !important;
+    color: #bbb !important;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    background: none;
+}
+
+.holder a, .holder span {
+    border: 1px solid #ddd;
+    color: #337ab7;
+}
+
+.holder a:hover {
+    color: #23527c;
+    background-color: #eee;
+    border-color: #ddd;
+}
+
+.holder a.jp-current, a.jp-current:hover {
+    background: #337ab7;
+    color: #FFFFFF;
+    border-color: #337ab7;
 }
 \ No newline at end of file
@@ -130,6 +130,41 @@ $(&#39;.collapse&#39;).on(&#39;show.bs.collapse&#39;, function (e) {
                 }
             });
         }
+
+    }
+});
+
+$('.category-panel-content').on('shown.bs.collapse', function(e) {
+    if($(this).is(e.target)){
+        var panel_id = $(this).attr('id');
+        var holder = $(this).find('.holder');
+        
+        var items = $('#' + panel_id + '-accordion').children(":visible").length;
+
+        if (items > 10) {
+            holder.jPages({
+                containerID : panel_id + "-accordion",
+                perPage: 10,
+                previous: "«",
+                next: "»",
+                midRange: 5
+            });
+        }
+    }
+});
+
+$('.category-panel-content').on('hidden.bs.collapse', function(e) {
+    if($(this).is(e.target)){
+        var panel_id = $(this).attr('id');
+        var holder = $(this).find('.holder');
+        
+        var items = $('#' + panel_id + '-accordion').children(":visible").length;
+
+        if (items > 10) {
+            holder.jPages("destroy");
+        }
+
+        $(this).find('.panel-collapse.in').collapse('hide');
     }
 });
@@ -0,0 +1,566 @@
+ /**
+ * jQuery jPages v0.7
+ * Client side pagination with jQuery
+ * http://luis-almeida.github.com/jPages
+ *
+ * Licensed under the MIT license.
+ * Copyright 2012 Luís Almeida
+ * https://github.com/luis-almeida
+ */
+
+;(function($, window, document, undefined) {
+
+  var name = "jPages",
+      instance = null,
+      defaults = {
+        containerID: "",
+        first: false,
+        previous: "← previous",
+        next: "next →",
+        last: false,
+        links: "numeric", // blank || title
+        startPage: 1,
+        perPage: 10,
+        midRange: 5,
+        startRange: 1,
+        endRange: 1,
+        keyBrowse: false,
+        scrollBrowse: false,
+        pause: 0,
+        clickStop: false,
+        delay: 50,
+        direction: "forward", // backwards || auto || random ||
+        animation: "", // http://daneden.me/animate/ - any entrance animations
+        fallback: 400,
+        minHeight: true,
+        callback: undefined // function( pages, items ) { }
+      };
+
+
+  function Plugin(element, options) {
+    this.options = $.extend({}, defaults, options);
+
+    this._container = $("#" + this.options.containerID);
+    if (!this._container.length) return;
+
+    this.jQwindow = $(window);
+    this.jQdocument = $(document);
+
+    this._holder = $(element);
+    this._nav = {};
+
+    this._first = $(this.options.first);
+    this._previous = $(this.options.previous);
+    this._next = $(this.options.next);
+    this._last = $(this.options.last);
+
+    /* only visible items! */
+    this._items = this._container.children(":visible");
+    this._itemsShowing = $([]);
+    this._itemsHiding = $([]);
+
+    this._numPages = Math.ceil(this._items.length / this.options.perPage);
+    this._currentPageNum = this.options.startPage;
+
+    this._clicked = false;
+    this._cssAnimSupport = this.getCSSAnimationSupport();
+
+    this.init();
+  }
+
+  Plugin.prototype = {
+
+    constructor : Plugin,
+
+    getCSSAnimationSupport : function() {
+      var animation = false,
+          animationstring = 'animation',
+          keyframeprefix = '',
+          domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
+          pfx = '',
+          elm = this._container.get(0);
+
+      if (elm.style.animationName) animation = true;
+
+      if (animation === false) {
+        for (var i = 0; i < domPrefixes.length; i++) {
+          if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
+            pfx = domPrefixes[i];
+            animationstring = pfx + 'Animation';
+            keyframeprefix = '-' + pfx.toLowerCase() + '-';
+            animation = true;
+            break;
+          }
+        }
+      }
+
+      return animation;
+    },
+
+    init : function() {
+      this.setStyles();
+      this.setNav();
+      this.paginate(this._currentPageNum);
+      this.setMinHeight();
+    },
+
+    setStyles : function() {
+      var requiredStyles = "<style>" +
+      ".jp-invisible { visibility: hidden !important; } " +
+      ".jp-hidden { display: none !important; }" +
+      "</style>";
+
+      $(requiredStyles).appendTo("head");
+
+      if (this._cssAnimSupport && this.options.animation.length)
+        this._items.addClass("animated jp-hidden");
+      else this._items.hide();
+
+    },
+
+    setNav : function() {
+      var navhtml = this.writeNav();
+
+      this._holder.each(this.bind(function(index, element) {
+        var holder = $(element);
+        holder.html(navhtml);
+        this.cacheNavElements(holder, index);
+        this.bindNavHandlers(index);
+        this.disableNavSelection(element);
+      }, this));
+
+      if (this.options.keyBrowse) this.bindNavKeyBrowse();
+      if (this.options.scrollBrowse) this.bindNavScrollBrowse();
+    },
+
+    writeNav : function() {
+      var i = 1, navhtml;
+      navhtml = this.writeBtn("first") + this.writeBtn("previous");
+
+      for (; i <= this._numPages; i++) {
+        if (i === 1 && this.options.startRange === 0) navhtml += "<span>...</span>";
+        if (i > this.options.startRange && i <= this._numPages - this.options.endRange)
+          navhtml += "<a href='#' class='jp-hidden'>";
+        else
+          navhtml += "<a>";
+
+        switch (this.options.links) {
+          case "numeric":
+            navhtml += i;
+            break;
+          case "blank":
+            break;
+          case "title":
+            var title = this._items.eq(i - 1).attr("data-title");
+            navhtml += title !== undefined ? title : "";
+            break;
+        }
+
+        navhtml += "</a>";
+        if (i === this.options.startRange || i === this._numPages - this.options.endRange)
+          navhtml += "<span>...</span>";
+      }
+      navhtml += this.writeBtn("next") + this.writeBtn("last") + "</div>";
+      return navhtml;
+    },
+
+    writeBtn : function(which) {
+
+      return this.options[which] !== false && !$(this["_" + which]).length ?
+      "<a class='jp-" + which + "'>" + this.options[which] + "</a>" : "";
+
+    },
+
+    cacheNavElements : function(holder, index) {
+      this._nav[index] = {};
+      this._nav[index].holder = holder;
+      this._nav[index].first = this._first.length ? this._first : this._nav[index].holder.find("a.jp-first");
+      this._nav[index].previous = this._previous.length ? this._previous : this._nav[index].holder.find("a.jp-previous");
+      this._nav[index].next = this._next.length ? this._next : this._nav[index].holder.find("a.jp-next");
+      this._nav[index].last = this._last.length ? this._last : this._nav[index].holder.find("a.jp-last");
+      this._nav[index].fstBreak = this._nav[index].holder.find("span:first");
+      this._nav[index].lstBreak = this._nav[index].holder.find("span:last");
+      this._nav[index].pages = this._nav[index].holder.find("a").not(".jp-first, .jp-previous, .jp-next, .jp-last");
+      this._nav[index].permPages =
+        this._nav[index].pages.slice(0, this.options.startRange)
+          .add(this._nav[index].pages.slice(this._numPages - this.options.endRange, this._numPages));
+      this._nav[index].pagesShowing = $([]);
+      this._nav[index].currentPage = $([]);
+    },
+
+    bindNavHandlers : function(index) {
+      var nav = this._nav[index];
+
+      // default nav
+      nav.holder.bind("click.jPages", this.bind(function(evt) {
+        var newPage = this.getNewPage(nav, $(evt.target));
+        if (this.validNewPage(newPage)) {
+          this._clicked = true;
+          this.paginate(newPage);
+        }
+        evt.preventDefault();
+      }, this));
+
+      // custom first
+      if (this._first.length) {
+        this._first.bind("click.jPages", this.bind(function() {
+          if (this.validNewPage(1)) {
+            this._clicked = true;
+            this.paginate(1);
+          }
+        }, this));
+      }
+
+      // custom previous
+      if (this._previous.length) {
+        this._previous.bind("click.jPages", this.bind(function() {
+          var newPage = this._currentPageNum - 1;
+          if (this.validNewPage(newPage)) {
+            this._clicked = true;
+            this.paginate(newPage);
+          }
+        }, this));
+      }
+
+      // custom next
+      if (this._next.length) {
+        this._next.bind("click.jPages", this.bind(function() {
+          var newPage = this._currentPageNum + 1;
+          if (this.validNewPage(newPage)) {
+            this._clicked = true;
+            this.paginate(newPage);
+          }
+        }, this));
+      }
+
+      // custom last
+      if (this._last.length) {
+        this._last.bind("click.jPages", this.bind(function() {
+          if (this.validNewPage(this._numPages)) {
+            this._clicked = true;
+            this.paginate(this._numPages);
+          }
+        }, this));
+      }
+
+    },
+
+    disableNavSelection : function(element) {
+      if (typeof element.onselectstart != "undefined")
+        element.onselectstart = function() {
+          return false;
+        };
+      else if (typeof element.style.MozUserSelect != "undefined")
+        element.style.MozUserSelect = "none";
+      else
+        element.onmousedown = function() {
+          return false;
+        };
+    },
+
+    bindNavKeyBrowse : function() {
+      this.jQdocument.bind("keydown.jPages", this.bind(function(evt) {
+        var target = evt.target.nodeName.toLowerCase();
+        if (this.elemScrolledIntoView() && target !== "input" && target != "textarea") {
+          var newPage = this._currentPageNum;
+
+          if (evt.which == 37) newPage = this._currentPageNum - 1;
+          if (evt.which == 39) newPage = this._currentPageNum + 1;
+
+          if (this.validNewPage(newPage)) {
+            this._clicked = true;
+            this.paginate(newPage);
+          }
+        }
+      }, this));
+    },
+
+    elemScrolledIntoView : function() {
+      var docViewTop, docViewBottom, elemTop, elemBottom;
+      docViewTop = this.jQwindow.scrollTop();
+      docViewBottom = docViewTop + this.jQwindow.height();
+      elemTop = this._container.offset().top;
+      elemBottom = elemTop + this._container.height();
+      return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
+
+      // comment above and uncomment below if you want keyBrowse to happen
+      // only when container is completely visible in the page
+      /*return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) &&
+                (elemBottom <= docViewBottom) &&  (elemTop >= docViewTop) );*/
+    },
+
+    bindNavScrollBrowse : function() {
+      this._container.bind("mousewheel.jPages DOMMouseScroll.jPages", this.bind(function(evt) {
+        var newPage = (evt.originalEvent.wheelDelta || -evt.originalEvent.detail) > 0 ?
+        (this._currentPageNum - 1) : (this._currentPageNum + 1);
+        if (this.validNewPage(newPage)) {
+          this._clicked = true;
+          this.paginate(newPage);
+        }
+        evt.preventDefault();
+        return false;
+      }, this));
+    },
+
+    getNewPage : function(nav, target) {
+      if (target.is(nav.currentPage)) return this._currentPageNum;
+      if (target.is(nav.pages)) return nav.pages.index(target) + 1;
+      if (target.is(nav.first)) return 1;
+      if (target.is(nav.last)) return this._numPages;
+      if (target.is(nav.previous)) return nav.pages.index(nav.currentPage);
+      if (target.is(nav.next)) return nav.pages.index(nav.currentPage) + 2;
+    },
+
+    validNewPage : function(newPage) {
+      return newPage !== this._currentPageNum && newPage > 0 && newPage <= this._numPages;
+    },
+
+    paginate : function(page) {
+      var itemRange, pageInterval;
+      itemRange = this.updateItems(page);
+      pageInterval = this.updatePages(page);
+      this._currentPageNum = page;
+      if ($.isFunction(this.options.callback))
+        this.callback(page, itemRange, pageInterval);
+
+      this.updatePause();
+    },
+
+    updateItems : function(page) {
+      var range = this.getItemRange(page);
+      this._itemsHiding = this._itemsShowing;
+      this._itemsShowing = this._items.slice(range.start, range.end);
+      if (this._cssAnimSupport && this.options.animation.length) this.cssAnimations(page);
+      else this.jQAnimations(page);
+      return range;
+    },
+
+    getItemRange : function(page) {
+      var range = {};
+      range.start = (page - 1) * this.options.perPage;
+      range.end = range.start + this.options.perPage;
+      if (range.end > this._items.length) range.end = this._items.length;
+      return range;
+    },
+
+    cssAnimations : function(page) {
+      clearInterval(this._delay);
+
+      this._itemsHiding
+        .removeClass(this.options.animation + " jp-invisible")
+        .addClass("jp-hidden");
+
+      this._itemsShowing
+        .removeClass("jp-hidden")
+        .addClass("jp-invisible");
+
+      this._itemsOriented = this.getDirectedItems(page);
+      this._index = 0;
+
+      this._delay = setInterval(this.bind(function() {
+        if (this._index === this._itemsOriented.length) clearInterval(this._delay);
+        else {
+          this._itemsOriented
+          .eq(this._index)
+          .removeClass("jp-invisible")
+          .addClass(this.options.animation);
+        }
+        this._index = this._index + 1;
+      }, this), this.options.delay);
+    },
+
+    jQAnimations : function(page) {
+      clearInterval(this._delay);
+      this._itemsHiding.addClass("jp-hidden");
+      this._itemsShowing.fadeTo(0, 0).removeClass("jp-hidden");
+      this._itemsOriented = this.getDirectedItems(page);
+      this._index = 0;
+      this._delay = setInterval(this.bind(function() {
+        if (this._index === this._itemsOriented.length) clearInterval(this._delay);
+        else {
+          this._itemsOriented
+          .eq(this._index)
+          .fadeTo(this.options.fallback, 1);
+        }
+        this._index = this._index + 1;
+      }, this), this.options.delay);
+    },
+
+    getDirectedItems : function(page) {
+      var itemsToShow;
+
+      switch (this.options.direction) {
+        case "backwards":
+          itemsToShow = $(this._itemsShowing.get().reverse());
+          break;
+        case "random":
+          itemsToShow = $(this._itemsShowing.get().sort(function() {
+            return (Math.round(Math.random()) - 0.5);
+          }));
+          break;
+        case "auto":
+          itemsToShow = page >= this._currentPageNum ?
+          this._itemsShowing : $(this._itemsShowing.get().reverse());
+          break;
+        default:
+          itemsToShow = this._itemsShowing;
+      }
+
+      return itemsToShow;
+    },
+
+    updatePages : function(page) {
+      var interval, index, nav;
+      interval = this.getInterval(page);
+      for (index in this._nav) {
+        if (this._nav.hasOwnProperty(index)) {
+          nav = this._nav[index];
+          this.updateBtns(nav, page);
+          this.updateCurrentPage(nav, page);
+          this.updatePagesShowing(nav, interval);
+          this.updateBreaks(nav, interval);
+        }
+      }
+      return interval;
+    },
+
+    getInterval : function(page) {
+      var neHalf, upperLimit, start, end;
+      neHalf = Math.ceil(this.options.midRange / 2);
+      upperLimit = this._numPages - this.options.midRange;
+      start = page > neHalf ? Math.max(Math.min(page - neHalf, upperLimit), 0) : 0;
+      end = page > neHalf ?
+        Math.min(page + neHalf - (this.options.midRange % 2 > 0 ? 1 : 0), this._numPages) :
+        Math.min(this.options.midRange, this._numPages);
+      return {start: start,end: end};
+    },
+
+    updateBtns : function(nav, page) {
+      if (page === 1) {
+        nav.first.addClass("jp-disabled");
+        nav.previous.addClass("jp-disabled");
+      }
+      if (page === this._numPages) {
+        nav.next.addClass("jp-disabled");
+        nav.last.addClass("jp-disabled");
+      }
+      if (this._currentPageNum === 1 && page > 1) {
+        nav.first.removeClass("jp-disabled");
+        nav.previous.removeClass("jp-disabled");
+      }
+      if (this._currentPageNum === this._numPages && page < this._numPages) {
+        nav.next.removeClass("jp-disabled");
+        nav.last.removeClass("jp-disabled");
+      }
+    },
+
+    updateCurrentPage : function(nav, page) {
+      nav.currentPage.removeClass("jp-current");
+      nav.currentPage = nav.pages.eq(page - 1).addClass("jp-current");
+    },
+
+    updatePagesShowing : function(nav, interval) {
+      var newRange = nav.pages.slice(interval.start, interval.end).not(nav.permPages);
+      nav.pagesShowing.not(newRange).addClass("jp-hidden");
+      newRange.not(nav.pagesShowing).removeClass("jp-hidden");
+      nav.pagesShowing = newRange;
+    },
+
+    updateBreaks : function(nav, interval) {
+      if (
+        interval.start > this.options.startRange ||
+        (this.options.startRange === 0 && interval.start > 0)
+      ) nav.fstBreak.removeClass("jp-hidden");
+      else nav.fstBreak.addClass("jp-hidden");
+
+      if (interval.end < this._numPages - this.options.endRange) nav.lstBreak.removeClass("jp-hidden");
+      else nav.lstBreak.addClass("jp-hidden");
+    },
+
+    callback : function(page, itemRange, pageInterval) {
+      var pages = {
+            current: page,
+            interval: pageInterval,
+            count: this._numPages
+          },
+          items = {
+            showing: this._itemsShowing,
+            oncoming: this._items.slice(itemRange.start + this.options.perPage, itemRange.end + this.options.perPage),
+            range: itemRange,
+            count: this._items.length
+          };
+
+      pages.interval.start = pages.interval.start + 1;
+      items.range.start = items.range.start + 1;
+      this.options.callback(pages, items);
+    },
+
+    updatePause : function() {
+      if (this.options.pause && this._numPages > 1) {
+        clearTimeout(this._pause);
+        if (this.options.clickStop && this._clicked) return;
+        else {
+          this._pause = setTimeout(this.bind(function() {
+            this.paginate(this._currentPageNum !== this._numPages ? this._currentPageNum + 1 : 1);
+          }, this), this.options.pause);
+        }
+      }
+    },
+
+    setMinHeight : function() {
+      if (this.options.minHeight && !this._container.is("table, tbody")) {
+        setTimeout(this.bind(function() {
+          this._container.css({ "min-height": this._container.css("height") });
+        }, this), 1000);
+      }
+    },
+
+    bind : function(fn, me) {
+      return function() {
+        return fn.apply(me, arguments);
+      };
+    },
+
+    destroy : function() {
+      this.jQdocument.unbind("keydown.jPages");
+      this._container.unbind("mousewheel.jPages DOMMouseScroll.jPages");
+
+      if (this.options.minHeight) this._container.css("min-height", "");
+      if (this._cssAnimSupport && this.options.animation.length)
+        this._items.removeClass("animated jp-hidden jp-invisible " + this.options.animation);
+      else this._items.removeClass("jp-hidden").fadeTo(0, 1);
+      this._holder.unbind("click.jPages").empty();
+    }
+
+  };
+
+  $.fn[name] = function(arg) {
+    var type = $.type(arg);
+
+    if (type === "object") {
+      if (this.length && !$.data(this, name)) {
+        instance = new Plugin(this, arg);
+        this.each(function() {
+          $.data(this, name, instance);
+        });
+      }
+      return this;
+    }
+
+    if (type === "string" && arg === "destroy") {
+      instance.destroy();
+      this.each(function() {
+        $.removeData(this, name);
+      });
+      return this;
+    }
+
+    if (type === 'number' && arg % 1 === 0) {
+      if (instance.validNewPage(arg)) instance.paginate(arg);
+      return this;
+    }
+
+    return this;
+  };
+
+})(jQuery, window, document);
@@ -27,6 +27,8 @@
 	<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap-datepicker.standalone.css' %}">
 	<link rel="stylesheet" type="text/css" href="{% static 'css/alertifyjs/alertify.min.css' %}">
 	<link rel="stylesheet" type="text/css" href="{% static 'css/alertifyjs/themes/bootstrap.css' %}">
+
+    <link rel="stylesheet" type="text/css" href="{% static 'css/jPages.css' %}">
 	<script type="text/javascript" src="{% static 'bootstrap-3.3.7/js/bootstrap.js' %}"></script>
@@ -35,10 +37,11 @@
 	<script type="text/javascript" src="{% static 'material/js/ripples.min.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/bootstrap-datepicker.js' %}"></script>
 	{% with "js/locales/bootstrap-datepicker."|add:LANGUAGE_CODE|add:".js" as locale_datepicker %}
-	<script type="text/javascript" src="{% static locale_datepicker %}"></script>
+	   <script type="text/javascript" src="{% static locale_datepicker %}"></script>
 	{% endwith %}
 	<script type="text/javascript" src="{% static 'js/alertify.min.js' %}"></script>
 	<script type="text/javascript" src="{% static 'js/jscookie.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/jPages.js' %}"></script>
   	<!-- Font awesome -->
 	<link rel="stylesheet" type="text/css" href="{% static 'font-awesome-4.6.3/css/font-awesome.min.css' %}">
@@ -229,7 +232,7 @@
         /* Initialize tooltips*/
         $(function () {
-            $('[data-toggle="tooltip"]').tooltip()
+            $('[data-toggle="tooltip"]').tooltip();
         });
     </script>
 </body>
@@ -110,7 +110,8 @@
                                             {% include "subjects/subject_card.html" %}
                                         {% endif %}
                                     {% endfor %}
-                                </div>
+                                </div>                                
+                                <div class="holder text-center"></div>
                             </div>
                         </div>
                     {% elif request.user in category.coordinators.all or request.user.is_staff %}
@@ -171,7 +172,7 @@
                                 <div class="panel-group subject-group" id="{{ category.slug }}-accordion" role="tablist" aria-multiselectable="true">
                                     {% for subject in category.subject_category.all  %}
                                         {% include "subjects/subject_card.html" %}
-                                    {% endfor %}
+                                    {% endfor %}                                    
                                 </div>
                             </div>
                         </div>
	@@ -611,4 +611,41 @@ ul, li {		@@ -611,4 +611,41 @@ ul, li {
611	.no-subjects h4 {	611	.no-subjects h4 {
612	font-family: Roboto;	612	font-family: Roboto;
613	font-weight: normal;	613	font-weight: normal;
614	-}
615	\ No newline at end of file	614	\ No newline at end of file
		615	+}
		616	+
		617	+/* jPages */
		618	+.holder a.jp-disabled, a.jp-disabled:hover {
		619	+ cursor: not-allowed;
		620	+}
		621	+
		622	+.holder a.jp-current, a.jp-current:hover {
		623	+ cursor: default;
		624	+}
		625	+
		626	+.holder a.jp-previous {
		627	+ margin-right: 0px;
		628	+ border-top-left-radius: 4px;
		629	+ border-bottom-left-radius: 4px;
		630	+}
		631	+
		632	+.holder a.jp-next {
		633	+ margin-left: 0px;
		634	+ border-top-right-radius: 4px;
		635	+ border-bottom-right-radius: 4px;
		636	+}
		637	+
		638	+.holder a, .holder span {
		639	+ font-size: 18px;
		640	+ margin: 0px;
		641	+ padding: 3px 9px;
		642	+ line-height: 1.42857143;
		643	+}
		644	+
		645	+.holder a.jp-current, a.jp-current:hover {
		646	+ font-weight: 300;
		647	+}
		648	+
		649	+.holder a:hover, .holder a:focus {
		650	+ text-decoration: none;
		651	+}
		652	+/* end jPages */
616	\ No newline at end of file	653	\ No newline at end of file
	@@ -0,0 +1,35 @@		@@ -0,0 +1,35 @@
		1	+.holder {
		2	+ margin: 15px 0;
		3	+}
		4	+
		5	+.holder a {
		6	+ font-size: 12px;
		7	+ cursor: pointer;
		8	+ margin: 0 5px;
		9	+ color: #333;
		10	+}
		11	+
		12	+.holder a:hover {
		13	+ background-color: #222;
		14	+ color: #fff;
		15	+}
		16	+
		17	+.holder a.jp-previous { margin-right: 15px; }
		18	+.holder a.jp-next { margin-left: 15px; }
		19	+
		20	+.holder a.jp-current, a.jp-current:hover {
		21	+ color: #FF4242;
		22	+ font-weight: bold;
		23	+}
		24	+
		25	+.holder a.jp-disabled, a.jp-disabled:hover {
		26	+ color: #bbb;
		27	+}
		28	+
		29	+.holder a.jp-current, a.jp-current:hover,
		30	+.holder a.jp-disabled, a.jp-disabled:hover {
		31	+ cursor: default;
		32	+ background: none;
		33	+}
		34	+
		35	+.holder span { margin: 0 5px; }
0	\ No newline at end of file	36	\ No newline at end of file
	@@ -276,4 +276,30 @@ a, a:focus, a:hover {		@@ -276,4 +276,30 @@ a, a:focus, a:hover {
276		276
277	.no-subjects {	277	.no-subjects {
278	color: #999999;	278	color: #999999;
		279	+}
		280	+
		281	+.holder a.jp-disabled, a.jp-disabled:hover {
		282	+ background: none !important;
		283	+ color: #bbb !important;
		284	+}
		285	+
		286	+.holder a.jp-current, a.jp-current:hover {
		287	+ background: none;
		288	+}
		289	+
		290	+.holder a, .holder span {
		291	+ border: 1px solid #ddd;
		292	+ color: #337ab7;
		293	+}
		294	+
		295	+.holder a:hover {
		296	+ color: #23527c;
		297	+ background-color: #eee;
		298	+ border-color: #ddd;
		299	+}
		300	+
		301	+.holder a.jp-current, a.jp-current:hover {
		302	+ background: #337ab7;
		303	+ color: #FFFFFF;
		304	+ border-color: #337ab7;
279	}	305	}
280	\ No newline at end of file	306	\ No newline at end of file
	@@ -130,6 +130,41 @@ $('.collapse').on('show.bs.collapse', function (e) {		@@ -130,6 +130,41 @@ $('.collapse').on('show.bs.collapse', function (e) {
130	}	130	}
131	});	131	});
132	}	132	}
		133	+
		134	+ }
		135	+});
		136	+
		137	+$('.category-panel-content').on('shown.bs.collapse', function(e) {
		138	+ if($(this).is(e.target)){
		139	+ var panel_id = $(this).attr('id');
		140	+ var holder = $(this).find('.holder');
		141	+
		142	+ var items = $('#' + panel_id + '-accordion').children(":visible").length;
		143	+
		144	+ if (items > 10) {
		145	+ holder.jPages({
		146	+ containerID : panel_id + "-accordion",
		147	+ perPage: 10,
		148	+ previous: "«",
		149	+ next: "»",
		150	+ midRange: 5
		151	+ });
		152	+ }
		153	+ }
		154	+});
		155	+
		156	+$('.category-panel-content').on('hidden.bs.collapse', function(e) {
		157	+ if($(this).is(e.target)){
		158	+ var panel_id = $(this).attr('id');
		159	+ var holder = $(this).find('.holder');
		160	+
		161	+ var items = $('#' + panel_id + '-accordion').children(":visible").length;
		162	+
		163	+ if (items > 10) {
		164	+ holder.jPages("destroy");
		165	+ }
		166	+
		167	+ $(this).find('.panel-collapse.in').collapse('hide');
133	}	168	}
134	});	169	});
135		170
@@ -0,0 +1,566 @@		@@ -0,0 +1,566 @@
	1	+ /**
	2	+ * jQuery jPages v0.7
	3	+ * Client side pagination with jQuery
	4	+ * http://luis-almeida.github.com/jPages
	5	+ *
	6	+ * Licensed under the MIT license.
	7	+ * Copyright 2012 Luís Almeida
	8	+ * https://github.com/luis-almeida
	9	+ */
	10	+
	11	+;(function($, window, document, undefined) {
	12	+
	13	+ var name = "jPages",
	14	+ instance = null,
	15	+ defaults = {
	16	+ containerID: "",
	17	+ first: false,
	18	+ previous: "← previous",
	19	+ next: "next →",
	20	+ last: false,
	21	+ links: "numeric", // blank \|\| title
	22	+ startPage: 1,
	23	+ perPage: 10,
	24	+ midRange: 5,
	25	+ startRange: 1,
	26	+ endRange: 1,
	27	+ keyBrowse: false,
	28	+ scrollBrowse: false,
	29	+ pause: 0,
	30	+ clickStop: false,
	31	+ delay: 50,
	32	+ direction: "forward", // backwards \|\| auto \|\| random \|\|
	33	+ animation: "", // http://daneden.me/animate/ - any entrance animations
	34	+ fallback: 400,
	35	+ minHeight: true,
	36	+ callback: undefined // function( pages, items ) { }
	37	+ };
	38	+
	39	+
	40	+ function Plugin(element, options) {
	41	+ this.options = $.extend({}, defaults, options);
	42	+
	43	+ this._container = $("#" + this.options.containerID);
	44	+ if (!this._container.length) return;
	45	+
	46	+ this.jQwindow = $(window);
	47	+ this.jQdocument = $(document);
	48	+
	49	+ this._holder = $(element);
	50	+ this._nav = {};
	51	+
	52	+ this._first = $(this.options.first);
	53	+ this._previous = $(this.options.previous);
	54	+ this._next = $(this.options.next);
	55	+ this._last = $(this.options.last);
	56	+
	57	+ /* only visible items! */
	58	+ this._items = this._container.children(":visible");
	59	+ this._itemsShowing = $([]);
	60	+ this._itemsHiding = $([]);
	61	+
	62	+ this._numPages = Math.ceil(this._items.length / this.options.perPage);
	63	+ this._currentPageNum = this.options.startPage;
	64	+
	65	+ this._clicked = false;
	66	+ this._cssAnimSupport = this.getCSSAnimationSupport();
	67	+
	68	+ this.init();
	69	+ }
	70	+
	71	+ Plugin.prototype = {
	72	+
	73	+ constructor : Plugin,
	74	+
	75	+ getCSSAnimationSupport : function() {
	76	+ var animation = false,
	77	+ animationstring = 'animation',
	78	+ keyframeprefix = '',
	79	+ domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
	80	+ pfx = '',
	81	+ elm = this._container.get(0);
	82	+
	83	+ if (elm.style.animationName) animation = true;
	84	+
	85	+ if (animation === false) {
	86	+ for (var i = 0; i < domPrefixes.length; i++) {
	87	+ if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
	88	+ pfx = domPrefixes[i];
	89	+ animationstring = pfx + 'Animation';
	90	+ keyframeprefix = '-' + pfx.toLowerCase() + '-';
	91	+ animation = true;
	92	+ break;
	93	+ }
	94	+ }
	95	+ }
	96	+
	97	+ return animation;
	98	+ },
	99	+
	100	+ init : function() {
	101	+ this.setStyles();
	102	+ this.setNav();
	103	+ this.paginate(this._currentPageNum);
	104	+ this.setMinHeight();
	105	+ },
	106	+
	107	+ setStyles : function() {
	108	+ var requiredStyles = "<style>" +
	109	+ ".jp-invisible { visibility: hidden !important; } " +
	110	+ ".jp-hidden { display: none !important; }" +
	111	+ "</style>";
	112	+
	113	+ $(requiredStyles).appendTo("head");
	114	+
	115	+ if (this._cssAnimSupport && this.options.animation.length)
	116	+ this._items.addClass("animated jp-hidden");
	117	+ else this._items.hide();
	118	+
	119	+ },
	120	+
	121	+ setNav : function() {
	122	+ var navhtml = this.writeNav();
	123	+
	124	+ this._holder.each(this.bind(function(index, element) {
	125	+ var holder = $(element);
	126	+ holder.html(navhtml);
	127	+ this.cacheNavElements(holder, index);
	128	+ this.bindNavHandlers(index);
	129	+ this.disableNavSelection(element);
	130	+ }, this));
	131	+
	132	+ if (this.options.keyBrowse) this.bindNavKeyBrowse();
	133	+ if (this.options.scrollBrowse) this.bindNavScrollBrowse();
	134	+ },
	135	+
	136	+ writeNav : function() {
	137	+ var i = 1, navhtml;
	138	+ navhtml = this.writeBtn("first") + this.writeBtn("previous");
	139	+
	140	+ for (; i <= this._numPages; i++) {
	141	+ if (i === 1 && this.options.startRange === 0) navhtml += "<span>...</span>";
	142	+ if (i > this.options.startRange && i <= this._numPages - this.options.endRange)
	143	+ navhtml += "<a href='#' class='jp-hidden'>";
	144	+ else
	145	+ navhtml += "<a>";
	146	+
	147	+ switch (this.options.links) {
	148	+ case "numeric":
	149	+ navhtml += i;
	150	+ break;
	151	+ case "blank":
	152	+ break;
	153	+ case "title":
	154	+ var title = this._items.eq(i - 1).attr("data-title");
	155	+ navhtml += title !== undefined ? title : "";
	156	+ break;
	157	+ }
	158	+
	159	+ navhtml += "</a>";
	160	+ if (i === this.options.startRange \|\| i === this._numPages - this.options.endRange)
	161	+ navhtml += "<span>...</span>";
	162	+ }
	163	+ navhtml += this.writeBtn("next") + this.writeBtn("last") + "</div>";
	164	+ return navhtml;
	165	+ },
	166	+
	167	+ writeBtn : function(which) {
	168	+
	169	+ return this.options[which] !== false && !$(this["_" + which]).length ?
	170	+ "<a class='jp-" + which + "'>" + this.options[which] + "</a>" : "";
	171	+
	172	+ },
	173	+
	174	+ cacheNavElements : function(holder, index) {
	175	+ this._nav[index] = {};
	176	+ this._nav[index].holder = holder;
	177	+ this._nav[index].first = this._first.length ? this._first : this._nav[index].holder.find("a.jp-first");
	178	+ this._nav[index].previous = this._previous.length ? this._previous : this._nav[index].holder.find("a.jp-previous");
	179	+ this._nav[index].next = this._next.length ? this._next : this._nav[index].holder.find("a.jp-next");
	180	+ this._nav[index].last = this._last.length ? this._last : this._nav[index].holder.find("a.jp-last");
	181	+ this._nav[index].fstBreak = this._nav[index].holder.find("span:first");
	182	+ this._nav[index].lstBreak = this._nav[index].holder.find("span:last");
	183	+ this._nav[index].pages = this._nav[index].holder.find("a").not(".jp-first, .jp-previous, .jp-next, .jp-last");
	184	+ this._nav[index].permPages =
	185	+ this._nav[index].pages.slice(0, this.options.startRange)
	186	+ .add(this._nav[index].pages.slice(this._numPages - this.options.endRange, this._numPages));
	187	+ this._nav[index].pagesShowing = $([]);
	188	+ this._nav[index].currentPage = $([]);
	189	+ },
	190	+
	191	+ bindNavHandlers : function(index) {
	192	+ var nav = this._nav[index];
	193	+
	194	+ // default nav
	195	+ nav.holder.bind("click.jPages", this.bind(function(evt) {
	196	+ var newPage = this.getNewPage(nav, $(evt.target));
	197	+ if (this.validNewPage(newPage)) {
	198	+ this._clicked = true;
	199	+ this.paginate(newPage);
	200	+ }
	201	+ evt.preventDefault();
	202	+ }, this));
	203	+
	204	+ // custom first
	205	+ if (this._first.length) {
	206	+ this._first.bind("click.jPages", this.bind(function() {
	207	+ if (this.validNewPage(1)) {
	208	+ this._clicked = true;
	209	+ this.paginate(1);
	210	+ }
	211	+ }, this));
	212	+ }
	213	+
	214	+ // custom previous
	215	+ if (this._previous.length) {
	216	+ this._previous.bind("click.jPages", this.bind(function() {
	217	+ var newPage = this._currentPageNum - 1;
	218	+ if (this.validNewPage(newPage)) {
	219	+ this._clicked = true;
	220	+ this.paginate(newPage);
	221	+ }
	222	+ }, this));
	223	+ }
	224	+
	225	+ // custom next
	226	+ if (this._next.length) {
	227	+ this._next.bind("click.jPages", this.bind(function() {
	228	+ var newPage = this._currentPageNum + 1;
	229	+ if (this.validNewPage(newPage)) {
	230	+ this._clicked = true;
	231	+ this.paginate(newPage);
	232	+ }
	233	+ }, this));
	234	+ }
	235	+
	236	+ // custom last
	237	+ if (this._last.length) {
	238	+ this._last.bind("click.jPages", this.bind(function() {
	239	+ if (this.validNewPage(this._numPages)) {
	240	+ this._clicked = true;
	241	+ this.paginate(this._numPages);
	242	+ }
	243	+ }, this));
	244	+ }
	245	+
	246	+ },
	247	+
	248	+ disableNavSelection : function(element) {
	249	+ if (typeof element.onselectstart != "undefined")
	250	+ element.onselectstart = function() {
	251	+ return false;
	252	+ };
	253	+ else if (typeof element.style.MozUserSelect != "undefined")
	254	+ element.style.MozUserSelect = "none";
	255	+ else
	256	+ element.onmousedown = function() {
	257	+ return false;
	258	+ };
	259	+ },
	260	+
	261	+ bindNavKeyBrowse : function() {
	262	+ this.jQdocument.bind("keydown.jPages", this.bind(function(evt) {
	263	+ var target = evt.target.nodeName.toLowerCase();
	264	+ if (this.elemScrolledIntoView() && target !== "input" && target != "textarea") {
	265	+ var newPage = this._currentPageNum;
	266	+
	267	+ if (evt.which == 37) newPage = this._currentPageNum - 1;
	268	+ if (evt.which == 39) newPage = this._currentPageNum + 1;
	269	+
	270	+ if (this.validNewPage(newPage)) {
	271	+ this._clicked = true;
	272	+ this.paginate(newPage);
	273	+ }
	274	+ }
	275	+ }, this));
	276	+ },
	277	+
	278	+ elemScrolledIntoView : function() {
	279	+ var docViewTop, docViewBottom, elemTop, elemBottom;
	280	+ docViewTop = this.jQwindow.scrollTop();
	281	+ docViewBottom = docViewTop + this.jQwindow.height();
	282	+ elemTop = this._container.offset().top;
	283	+ elemBottom = elemTop + this._container.height();
	284	+ return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
	285	+
	286	+ // comment above and uncomment below if you want keyBrowse to happen
	287	+ // only when container is completely visible in the page
	288	+ /*return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) &&
	289	+ (elemBottom <= docViewBottom) && (elemTop >= docViewTop) );*/
	290	+ },
	291	+
	292	+ bindNavScrollBrowse : function() {
	293	+ this._container.bind("mousewheel.jPages DOMMouseScroll.jPages", this.bind(function(evt) {
	294	+ var newPage = (evt.originalEvent.wheelDelta \|\| -evt.originalEvent.detail) > 0 ?
	295	+ (this._currentPageNum - 1) : (this._currentPageNum + 1);
	296	+ if (this.validNewPage(newPage)) {
	297	+ this._clicked = true;
	298	+ this.paginate(newPage);
	299	+ }
	300	+ evt.preventDefault();
	301	+ return false;
	302	+ }, this));
	303	+ },
	304	+
	305	+ getNewPage : function(nav, target) {
	306	+ if (target.is(nav.currentPage)) return this._currentPageNum;
	307	+ if (target.is(nav.pages)) return nav.pages.index(target) + 1;
	308	+ if (target.is(nav.first)) return 1;
	309	+ if (target.is(nav.last)) return this._numPages;
	310	+ if (target.is(nav.previous)) return nav.pages.index(nav.currentPage);
	311	+ if (target.is(nav.next)) return nav.pages.index(nav.currentPage) + 2;
	312	+ },
	313	+
	314	+ validNewPage : function(newPage) {
	315	+ return newPage !== this._currentPageNum && newPage > 0 && newPage <= this._numPages;
	316	+ },
	317	+
	318	+ paginate : function(page) {
	319	+ var itemRange, pageInterval;
	320	+ itemRange = this.updateItems(page);
	321	+ pageInterval = this.updatePages(page);
	322	+ this._currentPageNum = page;
	323	+ if ($.isFunction(this.options.callback))
	324	+ this.callback(page, itemRange, pageInterval);
	325	+
	326	+ this.updatePause();
	327	+ },
	328	+
	329	+ updateItems : function(page) {
	330	+ var range = this.getItemRange(page);
	331	+ this._itemsHiding = this._itemsShowing;
	332	+ this._itemsShowing = this._items.slice(range.start, range.end);
	333	+ if (this._cssAnimSupport && this.options.animation.length) this.cssAnimations(page);
	334	+ else this.jQAnimations(page);
	335	+ return range;
	336	+ },
	337	+
	338	+ getItemRange : function(page) {
	339	+ var range = {};
	340	+ range.start = (page - 1) * this.options.perPage;
	341	+ range.end = range.start + this.options.perPage;
	342	+ if (range.end > this._items.length) range.end = this._items.length;
	343	+ return range;
	344	+ },
	345	+
	346	+ cssAnimations : function(page) {
	347	+ clearInterval(this._delay);
	348	+
	349	+ this._itemsHiding
	350	+ .removeClass(this.options.animation + " jp-invisible")
	351	+ .addClass("jp-hidden");
	352	+
	353	+ this._itemsShowing
	354	+ .removeClass("jp-hidden")
	355	+ .addClass("jp-invisible");
	356	+
	357	+ this._itemsOriented = this.getDirectedItems(page);
	358	+ this._index = 0;
	359	+
	360	+ this._delay = setInterval(this.bind(function() {
	361	+ if (this._index === this._itemsOriented.length) clearInterval(this._delay);
	362	+ else {
	363	+ this._itemsOriented
	364	+ .eq(this._index)
	365	+ .removeClass("jp-invisible")
	366	+ .addClass(this.options.animation);
	367	+ }
	368	+ this._index = this._index + 1;
	369	+ }, this), this.options.delay);
	370	+ },
	371	+
	372	+ jQAnimations : function(page) {
	373	+ clearInterval(this._delay);
	374	+ this._itemsHiding.addClass("jp-hidden");
	375	+ this._itemsShowing.fadeTo(0, 0).removeClass("jp-hidden");
	376	+ this._itemsOriented = this.getDirectedItems(page);
	377	+ this._index = 0;
	378	+ this._delay = setInterval(this.bind(function() {
	379	+ if (this._index === this._itemsOriented.length) clearInterval(this._delay);
	380	+ else {
	381	+ this._itemsOriented
	382	+ .eq(this._index)
	383	+ .fadeTo(this.options.fallback, 1);
	384	+ }
	385	+ this._index = this._index + 1;
	386	+ }, this), this.options.delay);
	387	+ },
	388	+
	389	+ getDirectedItems : function(page) {
	390	+ var itemsToShow;
	391	+
	392	+ switch (this.options.direction) {
	393	+ case "backwards":
	394	+ itemsToShow = $(this._itemsShowing.get().reverse());
	395	+ break;
	396	+ case "random":
	397	+ itemsToShow = $(this._itemsShowing.get().sort(function() {
	398	+ return (Math.round(Math.random()) - 0.5);
	399	+ }));
	400	+ break;
	401	+ case "auto":
	402	+ itemsToShow = page >= this._currentPageNum ?
	403	+ this._itemsShowing : $(this._itemsShowing.get().reverse());
	404	+ break;
	405	+ default:
	406	+ itemsToShow = this._itemsShowing;
	407	+ }
	408	+
	409	+ return itemsToShow;
	410	+ },
	411	+
	412	+ updatePages : function(page) {
	413	+ var interval, index, nav;
	414	+ interval = this.getInterval(page);
	415	+ for (index in this._nav) {
	416	+ if (this._nav.hasOwnProperty(index)) {
	417	+ nav = this._nav[index];
	418	+ this.updateBtns(nav, page);
	419	+ this.updateCurrentPage(nav, page);
	420	+ this.updatePagesShowing(nav, interval);
	421	+ this.updateBreaks(nav, interval);
	422	+ }
	423	+ }
	424	+ return interval;
	425	+ },
	426	+
	427	+ getInterval : function(page) {
	428	+ var neHalf, upperLimit, start, end;
	429	+ neHalf = Math.ceil(this.options.midRange / 2);
	430	+ upperLimit = this._numPages - this.options.midRange;
	431	+ start = page > neHalf ? Math.max(Math.min(page - neHalf, upperLimit), 0) : 0;
	432	+ end = page > neHalf ?
	433	+ Math.min(page + neHalf - (this.options.midRange % 2 > 0 ? 1 : 0), this._numPages) :
	434	+ Math.min(this.options.midRange, this._numPages);
	435	+ return {start: start,end: end};
	436	+ },
	437	+
	438	+ updateBtns : function(nav, page) {
	439	+ if (page === 1) {
	440	+ nav.first.addClass("jp-disabled");
	441	+ nav.previous.addClass("jp-disabled");
	442	+ }
	443	+ if (page === this._numPages) {
	444	+ nav.next.addClass("jp-disabled");
	445	+ nav.last.addClass("jp-disabled");
	446	+ }
	447	+ if (this._currentPageNum === 1 && page > 1) {
	448	+ nav.first.removeClass("jp-disabled");
	449	+ nav.previous.removeClass("jp-disabled");
	450	+ }
	451	+ if (this._currentPageNum === this._numPages && page < this._numPages) {
	452	+ nav.next.removeClass("jp-disabled");
	453	+ nav.last.removeClass("jp-disabled");
	454	+ }
	455	+ },
	456	+
	457	+ updateCurrentPage : function(nav, page) {
	458	+ nav.currentPage.removeClass("jp-current");
	459	+ nav.currentPage = nav.pages.eq(page - 1).addClass("jp-current");
	460	+ },
	461	+
	462	+ updatePagesShowing : function(nav, interval) {
	463	+ var newRange = nav.pages.slice(interval.start, interval.end).not(nav.permPages);
	464	+ nav.pagesShowing.not(newRange).addClass("jp-hidden");
	465	+ newRange.not(nav.pagesShowing).removeClass("jp-hidden");
	466	+ nav.pagesShowing = newRange;
	467	+ },
	468	+
	469	+ updateBreaks : function(nav, interval) {
	470	+ if (
	471	+ interval.start > this.options.startRange \|\|
	472	+ (this.options.startRange === 0 && interval.start > 0)
	473	+ ) nav.fstBreak.removeClass("jp-hidden");
	474	+ else nav.fstBreak.addClass("jp-hidden");
	475	+
	476	+ if (interval.end < this._numPages - this.options.endRange) nav.lstBreak.removeClass("jp-hidden");
	477	+ else nav.lstBreak.addClass("jp-hidden");
	478	+ },
	479	+
	480	+ callback : function(page, itemRange, pageInterval) {
	481	+ var pages = {
	482	+ current: page,
	483	+ interval: pageInterval,
	484	+ count: this._numPages
	485	+ },
	486	+ items = {
	487	+ showing: this._itemsShowing,
	488	+ oncoming: this._items.slice(itemRange.start + this.options.perPage, itemRange.end + this.options.perPage),
	489	+ range: itemRange,
	490	+ count: this._items.length
	491	+ };
	492	+
	493	+ pages.interval.start = pages.interval.start + 1;
	494	+ items.range.start = items.range.start + 1;
	495	+ this.options.callback(pages, items);
	496	+ },
	497	+
	498	+ updatePause : function() {
	499	+ if (this.options.pause && this._numPages > 1) {
	500	+ clearTimeout(this._pause);
	501	+ if (this.options.clickStop && this._clicked) return;
	502	+ else {
	503	+ this._pause = setTimeout(this.bind(function() {
	504	+ this.paginate(this._currentPageNum !== this._numPages ? this._currentPageNum + 1 : 1);
	505	+ }, this), this.options.pause);
	506	+ }
	507	+ }
	508	+ },
	509	+
	510	+ setMinHeight : function() {
	511	+ if (this.options.minHeight && !this._container.is("table, tbody")) {
	512	+ setTimeout(this.bind(function() {
	513	+ this._container.css({ "min-height": this._container.css("height") });
	514	+ }, this), 1000);
	515	+ }
	516	+ },
	517	+
	518	+ bind : function(fn, me) {
	519	+ return function() {
	520	+ return fn.apply(me, arguments);
	521	+ };
	522	+ },
	523	+
	524	+ destroy : function() {
	525	+ this.jQdocument.unbind("keydown.jPages");
	526	+ this._container.unbind("mousewheel.jPages DOMMouseScroll.jPages");
	527	+
	528	+ if (this.options.minHeight) this._container.css("min-height", "");
	529	+ if (this._cssAnimSupport && this.options.animation.length)
	530	+ this._items.removeClass("animated jp-hidden jp-invisible " + this.options.animation);
	531	+ else this._items.removeClass("jp-hidden").fadeTo(0, 1);
	532	+ this._holder.unbind("click.jPages").empty();
	533	+ }
	534	+
	535	+ };
	536	+
	537	+ $.fn[name] = function(arg) {
	538	+ var type = $.type(arg);
	539	+
	540	+ if (type === "object") {
	541	+ if (this.length && !$.data(this, name)) {
	542	+ instance = new Plugin(this, arg);
	543	+ this.each(function() {
	544	+ $.data(this, name, instance);
	545	+ });
	546	+ }
	547	+ return this;
	548	+ }
	549	+
	550	+ if (type === "string" && arg === "destroy") {
	551	+ instance.destroy();
	552	+ this.each(function() {
	553	+ $.removeData(this, name);
	554	+ });
	555	+ return this;
	556	+ }
	557	+
	558	+ if (type === 'number' && arg % 1 === 0) {
	559	+ if (instance.validNewPage(arg)) instance.paginate(arg);
	560	+ return this;
	561	+ }
	562	+
	563	+ return this;
	564	+ };
	565	+
	566	+})(jQuery, window, document);