diff --git a/public/js/jquery.bootpag.js b/public/js/jquery.bootpag.js
index b0330fc..d5d101f 100644
--- a/public/js/jquery.bootpag.js
+++ b/public/js/jquery.bootpag.js
@@ -1,8 +1,8 @@
 /**
- * @preserve 
+ * @preserve
  * bootpag - jQuery plugin for dynamic pagination
  *
- * Copyright (c) 2013 botmonster@7items.com
+ * Copyright (c) 2015 botmonster@7items.com
  *
  * Licensed under the MIT license:
  *   http://www.opensource.org/licenses/mit-license.php
@@ -10,14 +10,14 @@
  * Project home:
  *   http://botmonster.com/jquery-bootpag/
  *
- * Version:  1.0.5
+ * Version:  1.0.7
  *
  */
 (function($, window) {
 
     $.fn.bootpag = function(options){
 
-        var $owner = this, 
+        var $owner = this,
             settings = $.extend({
                 total: 0,
                 page: 1,
@@ -26,54 +26,90 @@
                 href: 'javascript:void(0);',
                 hrefVariable: '{{number}}',
                 next: '»',
-                prev: '«'
-            }, 
-            $owner.data('settings') || {}, 
+                prev: '«',
+				firstLastUse: false,
+                first: '<span aria-hidden="true">&larr;</span>',
+                last: '<span aria-hidden="true">&rarr;</span>',
+                wrapClass: 'pagination',
+                activeClass: 'active',
+                disabledClass: 'disabled',
+                nextClass: 'next',
+                prevClass: 'prev',
+		        lastClass: 'last',
+                firstClass: 'first'
+            },
+            $owner.data('settings') || {},
             options || {});
 
         if(settings.total <= 0)
             return this;
 
           if(!$.isNumeric(settings.maxVisible) && !settings.maxVisible){
-            settings.maxVisible = settings.total;
+            settings.maxVisible = parseInt(settings.total, 10);
         }
 
         $owner.data('settings', settings);
 
         function renderPage($bootpag, page){
-        
-            var lp, 
+
+            page = parseInt(page, 10);
+            var lp,
                 maxV = settings.maxVisible == 0 ? 1 : settings.maxVisible,
                 step = settings.maxVisible == 1 ? 0 : 1,
                 vis = Math.floor((page - 1) / maxV) * maxV,
                 $page = $bootpag.find('li');
             settings.page = page = page < 0 ? 0 : page > settings.total ? settings.total : page;
-            $page.removeClass('disabled');
-            lp = page - 1 < 1 ? 1 : 
-                    settings.leaps && page - 1 >= settings.maxVisible ? 
+            $page.removeClass(settings.activeClass);
+            lp = page - 1 < 1 ? 1 :
+                    settings.leaps && page - 1 >= settings.maxVisible ?
                         Math.floor((page - 1) / maxV) * maxV : page - 1;
-            $page
-                .first()
-                .toggleClass('disabled', page === 1)
+
+			if(settings.firstLastUse) {
+				$page
+					.first()
+					.toggleClass(settings.disabledClass, page === 1);
+			}
+
+			var lfirst = $page.first();
+			if(settings.firstLastUse) {
+				lfirst = lfirst.next();
+			}
+
+			lfirst
+                .toggleClass(settings.disabledClass, page === 1)
                 .attr('data-lp', lp)
                 .find('a').attr('href', href(lp));
-            
+
             var step = settings.maxVisible == 1 ? 0 : 1;
-            
-            lp = page + 1 > settings.total ? settings.total : 
-                    settings.leaps && page + 1 < settings.total - settings.maxVisible ? 
+
+            lp = page + 1 > settings.total ? settings.total :
+                    settings.leaps && page + 1 < settings.total - settings.maxVisible ?
                         vis + settings.maxVisible + step: page + 1;
-       
-            $page
-                .last()
-                .toggleClass('disabled', page === settings.total)
+
+			var llast = $page.last();
+			if(settings.firstLastUse) {
+				llast = llast.prev();
+			}
+
+			llast
+                .toggleClass(settings.disabledClass, page === settings.total)
                 .attr('data-lp', lp)
-                .find('a').attr('href', href(lp));;
+                .find('a').attr('href', href(lp));
+
+			$page
+				.last()
+				.toggleClass(settings.disabledClass, page === settings.total);
+
 
             var $currPage = $page.filter('[data-lp='+page+']');
-            if(!$currPage.not('.next,.prev').length){
+
+			var clist = "." + [settings.nextClass,
+							   settings.prevClass,
+                               settings.firstClass,
+                               settings.lastClass].join(",.");
+            if(!$currPage.not(clist).length){
                 var d = page <= vis ? -settings.maxVisible : 0;
-                $page.not('.next,.prev').each(function(index){
+                $page.not(clist).each(function(index){
                     lp = index + 1 + vis + d;
                     $(this)
                         .attr('data-lp', lp)
@@ -82,7 +118,7 @@
                 });
                 $currPage = $page.filter('[data-lp='+page+']');
             }
-            $currPage.addClass('disabled');
+            $currPage.not(clist).addClass(settings.activeClass);
             $owner.data('settings', settings);
         }
 
@@ -92,33 +128,48 @@
         }
 
         return this.each(function(){
-            
+
             var $bootpag, lp, me = $(this),
-                p = ['<ul class="pagination bootpag">'];
+                p = ['<ul class="', settings.wrapClass, ' bootpag">'];
 
+            if(settings.firstLastUse){
+                p = p.concat(['<li data-lp="1" class="', settings.firstClass,
+                       '"><a href="', href(1), '">', settings.first, '</a></li>']);
+            }
             if(settings.prev){
-                p.push('<li data-lp="1" class="prev"><a href="'+href(1)+'">'+settings.prev+'</a></li>');
+                p = p.concat(['<li data-lp="1" class="', settings.prevClass,
+                       '"><a href="', href(1), '">', settings.prev, '</a></li>']);
             }
             for(var c = 1; c <= Math.min(settings.total, settings.maxVisible); c++){
-                p.push('<li data-lp="'+c+'"><a href="'+href(c)+'">'+c+'</a></li>');
+                p = p.concat(['<li data-lp="', c, '"><a href="', href(c), '">', c, '</a></li>']);
             }
             if(settings.next){
                 lp = settings.leaps && settings.total > settings.maxVisible
                     ? Math.min(settings.maxVisible + 1, settings.total) : 2;
-                p.push('<li data-lp="'+lp+'" class="next"><a href="'+href(lp)+'">'+settings.next+'</a></li>');
+                p = p.concat(['<li data-lp="', lp, '" class="',
+                             settings.nextClass, '"><a href="', href(lp),
+                             '">', settings.next, '</a></li>']);
+            }
+            if(settings.firstLastUse){
+                p = p.concat(['<li data-lp="', settings.total, '" class="last"><a href="',
+                             href(settings.total),'">', settings.last, '</a></li>']);
             }
             p.push('</ul>');
             me.find('ul.bootpag').remove();
             me.append(p.join(''));
             $bootpag = me.find('ul.bootpag');
+
             me.find('li').click(function paginationClick(){
-            
+
                 var me = $(this);
-                if(me.hasClass('disabled')){
+                if(me.hasClass(settings.disabledClass) || me.hasClass(settings.activeClass)){
                     return;
                 }
                 var page = parseInt(me.attr('data-lp'), 10);
-                renderPage($bootpag, page);
+                $owner.find('ul.bootpag').each(function(){
+                    renderPage($(this), page);
+                });
+
                 $owner.trigger('page', page);
             });
             renderPage($bootpag, settings.page);