I am using an adjusted quickpager plugin which now has next and prev buttons. Now I want something as the following plugin has for this plugin.
Pagination

This is the quickpager plugin I am using now :
Code:
(function($) {

$.fn.quickPager = function(options) {

    var defaults = {
        pageSize: 10,
        currentPage: 1,
        holder: null,
        pagerLocation: "after"
    };

    var options = $.extend(defaults, options);   

    return this.each(function() {


        var selector = $(this); 
        var pageCounter = 1;
        var x = 0;
        var nextLink = '<li><a id="nextLink" href="#">Next</a></li>';
        var prevLink = '<li><a id="prevLink" href="#">Prev</a></li>';
      
        

        if( selector.parent("div.simplePagerContainer").length == 0 ) {
            selector.wrap("<div class='simplePagerContainer'></div>");
        }

        selector.parents(".simplePagerContainer").find("ul.simplePagerNav").remove();
        
        selector.children().each(function(i){ 
            $(this)[0].className = $(this)[0].className.replace(/\bsimplePagerPage.*?\b/g, '');
            if(!$(this).is(":hidden")) {
                if(x < pageCounter*options.pageSize && x >= (pageCounter-1)*options.pageSize) {
                    $(this).addClass("simplePagerPage"+pageCounter);
                  
                }
                else {
                    $(this).addClass("simplePagerPage"+(pageCounter+1));
                    pageCounter ++;
                }   
                x++;
            }
        });       
      

        // show/hide the appropriate regions 
        selector.children().hide();
        selector.children(".simplePagerPage"+options.currentPage).show();

        if(pageCounter <= 1) {
          return;
        }

        //Build pager navigation
        var pageNav = "<ul class='simplePagerNav'>";
        $(".simplePagerNav").prepend(prevLink).append(nextLink);  
        for (i=1;i<=pageCounter;i++){
            if (i==0) {

            }
            if (i==options.currentPage) {
                pageNav += "<li class='currentPage simplePageNav"+i+"'><a rel='"+i+"' href='#'>"+i+"</a></li>"; 
            }
            else {
                pageNav += "<li class='simplePageNav"+i+"'><a rel='"+i+"' href='#'>"+i+"</a></li>";
            }
        }
        
        pageNav += "</ul>";
        
        if(!options.holder) {
            switch(options.pagerLocation)
            {
            case "before":
                selector.before(pageNav);
            break;
            case "both":
                selector.before(pageNav);
                selector.after(pageNav);
            break;
            default:
                selector.after(pageNav);
            }
        }
        else {
            $(options.holder).append(pageNav);
        }

        //pager navigation behaviour
        selector.parent().find(".simplePagerNav a").click(function() {

            //grab the REL attribute 
            var clickedLink = $(this).attr("rel");
            options.currentPage = clickedLink;

            if(options.holder) {
                $(this).parent("li").parent("ul").parent(options.holder).find("li.currentPage").removeClass("currentPage");
                $(this).parent("li").parent("ul").parent(options.holder).find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");
            }
            else {
                //remove current current (!) page
                $(this).parent("li").parent("ul").parent(".simplePagerContainer").find("li.currentPage").removeClass("currentPage");
                //Add current page highlighting
                $(this).parent("li").parent("ul").parent(".simplePagerContainer").find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");
            }

            //hide and show relevant links
            selector.children().hide();         
            selector.find(".simplePagerPage"+clickedLink).show();

            return false;
        });                
        
// add previous link        
$("#prevLink").click(function(e) {
    e.preventDefault();
    $("li.currentPage").prev("li[class^=simplePageNav]").find("a").click();
});

      // add next link
      $("#nextLink").click(function(e) {
    e.preventDefault();
    $("li.currentPage").next("li[class^=simplePageNav]").find("a").click();
});

    });
    
    

}
})(jQuery);
I tried to add some code from the plugin in the url to the quickpager to have the same effect but failed hard.

Code:
/**
  Quick Pager 2 v0.2.1
  A jQuery plugin for simple Prev / Next pagination,
  a fork of Quick Pager, Copyright (c) 2011 by Dan Drayne,
  by Chris Dillon on 2014-02-10.
*/
 
(function($) {
 
  $.fn.quickPager = function(options) {
 
  var defaults = $.extend( {
      pageSize: 5,
      currentPage: 1,
      items_per_page:5,
      num_display_entries:3,
      num_edge_entries:0,
      link_to:"#",
      holder: null,
      ellipse_text:"...",
      prev_text:"Prev",
	  next_text:"Next",
      pagerLocation: "after",
      callback:function(){return false;}
    },defaults||{});
 
    var options = $.extend(defaults, options);
 
    return this.each(function() {
      
      /**
		 * Calculate the maximum number of pages
		 */
		function numPages() {
			return Math.ceil(25/options.items_per_page);
		}
    
    /**
		 * Calculate start and end point of pagination links depending on 
		 * current_page and num_display_entries.
		 * @return {Array}
		 */
		function getInterval()  {
			var ne_half = Math.ceil(options.num_display_entries/2);
			var np = numPages();
			var upper_limit = np-options.num_display_entries;
			var start = current_page>ne_half?Math.max(Math.min(current_page-ne_half, upper_limit), 0):0;
			var end = current_page>ne_half?Math.min(current_page+ne_half, np):Math.min(options.num_display_entries, np);
			return [start,end];
		}
    
    /**
		 * This is the event handling function for the pagination links. 
		 * @param {int} page_id The new page number
		 */
		function pageSelected(page_id, evt){
			current_page = page_id;
			drawLinks();
			var continuePropagation = options.callback(page_id, panel);
			if (!continuePropagation) {
				if (evt.stopPropagation) {
					evt.stopPropagation();
				}
				else {
					evt.cancelBubble = true;
				}
			}
			return continuePropagation;
		}
 
    /**
		 * This function inserts the pagination links into the container element
		 */
		function drawLinks() {
			panel.empty();
			var interval = getInterval();
			var np = numPages();
			// This helper function returns a handler function that calls pageSelected with the right page_id
			var getClickHandler = function(page_id) {
				return function(evt){ return pageSelected(page_id,evt); }
			}
      // Generate starting points
			if (interval[0] > 0 && options.num_edge_entries > 0)
			{
				var end = Math.min(options.num_edge_entries, interval[0]);
				for(var i=0; i<end; i++) {
					appendItem(i);
				}
				if(options.num_edge_entries < interval[0] && options.ellipse_text)
				{
					jQuery("<span>"+options.ellipse_text+"</span>").appendTo(panel);
				}
			}
			// Generate interval links
			for(var i=interval[0]; i<interval[1]; i++) {
				appendItem(i);
			}
			// Generate ending points
			if (interval[1] < np && options.num_edge_entries > 0)
			{
				if(np-options.num_edge_entries > interval[1]&& options.ellipse_text)
				{
					jQuery("<span>"+options.ellipse_text+"</span>").appendTo(panel);
				}
				var begin = Math.max(np-options.num_edge_entries, interval[1]);
				for(var i=begin; i<np; i++) {
					appendItem(i);
				}
				
			}
    }
      
      var selector = $(this);
      var pageCounter = 1;
 
      selector.wrap("<div class='simplePagerContainer'></div>");
 
      selector.children().each(function(i){
 
        if(i < pageCounter*options.pageSize && i >= (pageCounter-1)*options.pageSize) {
          $(this).addClass("simplePagerPage"+pageCounter);
        }
        else {
          $(this).addClass("simplePagerPage"+(pageCounter+1));
          pageCounter ++;
        }
 
      });
 
      // show/hide the appropriate regions
      selector.children().hide();
      selector.children(".simplePagerPage"+options.currentPage).show();
 
      if(pageCounter <= 1) {
        return;
      }
 
      // Build pager navigation
      var pageNav = "<ul class='simplePagerNav'>";
      var liClasses = '';
      for (i=1;i<=pageCounter;i++){
        if (i==options.currentPage) {
          liClasses += "previousPage simplePageNav"+i;
          if (i==1 && options.currentPage==1) {
            liClasses += " disabledPage";
          }
          pageNav += "<li class='"+liClasses+"'><a rel='"+i+"' href='#'>"+options.prev_text+"</a></li>"; // [Prev] link
        }
        else {
          if (i==options.currentPage+1){
            liClasses = "nextPage simplePageNav"+i;
            pageNav += "<li class='"+liClasses+"'><a rel='"+i+"' href='#'>"+options.next_text+"</a></li>"; // [Next] link
          }
        }
      }
      pageNav += "</ul>";
 
      if(!options.holder) {
        switch(options.pagerLocation)
        {
          case "before":
            selector.before(pageNav);
          break;
          case "both":
            selector.before(pageNav);
            selector.after(pageNav);
          break;
          default:
            selector.after(pageNav);
        }
      }
      else {
        $(options.holder).append(pageNav);
      }
 
      //pager navigation behaviour
      selector.parent().find(".simplePagerNav a").click(function() {
 
        //grab the REL attribute
        var clickedLink = $(this).attr("rel");
        var clickedPrev = $(this).parent("li").hasClass("previousPage");
        var clickedNext = $(this).parent("li").hasClass("nextPage");
        options.currentPage = clickedLink;
 
        if(options.holder) {
          $(this).parent("li").parent("ul").parent(options.holder).find("li.currentPage").removeClass("currentPage");
          $(this).parent("li").parent("ul").parent(options.holder).find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage");
        }
        else {
          // Changed to [Prev] + [Next] links
 
          // $(this).parent("li").parent("ul").find("li.disabledPage").removeClass("disabledPage");
          $(".simplePagerNav").find("li.disabledPage").removeClass("disabledPage");
 
          // [Next] clicked
          if (clickedNext) {
 
            // change [Next] link
            if ( clickedLink == pageCounter ) {
              // leave as link to last page, but change appearance (optional)
              $(".simplePagerNav li.nextPage").addClass("disabledPage");
            } else {
              // change target
              $(".simplePagerNav li.nextPage").find("a").attr("rel",parseFloat(clickedLink)+1);
            }
 
            // change [Prev] target
            $(".simplePagerNav li.previousPage").find("a").attr("rel",parseFloat(clickedLink));
          }
 
          // [Prev] clicked
          else if ( clickedPrev ) {
 
            // change [Prev] link
            if ( clickedLink == 1 ) {
              // leave as link to first page, but change appearance (optional)
              $(".simplePagerNav li.previousPage").addClass("disabledPage");
            } else {
              // change [Prev] target
              $(".simplePagerNav li.previousPage").find("a").attr("rel",parseFloat(clickedLink)-1);
            }
 
            // change [Next] target
            $(".simplePagerNav li.nextPage").find("a").attr("rel",parseFloat(clickedLink));
 
          }
 
        }
        // debug
        // $(".simplePagerNav li.previousPage a").each(function(index){$(this).html("Prev ["+$(this).prop("rel")+"]")});
        // $(".simplePagerNav li.nextPage a").each(function(index){$(this).html("Next ["+$(this).prop("rel")+"]")});
 
        // hide and show relevant links
        selector.children().hide();
        selector.find(".simplePagerPage"+clickedLink).show();
 
        // Scroll to top for any click
        //$("html, body").animate({ "scrollTop": $("div.content").offset().top }, 800);
 
        return false;
      });
    });
  }
 
})(jQuery);
Can anyone help me with this please?

Thanks!