    /*!
     * Ext JS Library 3.3.1
     * Copyright(c) 2006-2010 Sencha Inc.
     * licensing@sencha.com
     * http://www.sencha.com/license
     */
    /**
     * Plugin for PagingToolbar which replaces the textfield input with a slider
     */
    Ext.ux.SlidingPager = Ext.extend(Object, {
        init : function(pbar){
            var idx = pbar.items.indexOf(pbar.inputItem);
            Ext.each(pbar.items.getRange(idx - 2, idx + 2), function(c){
                c.hide();
            });
            var slider = new Ext.Slider({
                width: 114,
                minValue: 1,
                maxValue: 1,
                plugins: new Ext.slider.Tip({
                    getText : function(thumb) {
                        return String.format('Page {0} of {1}', thumb.value, thumb.slider.maxValue);
                    }
                }),
                listeners: {
                    changecomplete: function(s, v){
                        pbar.changePage(v);
                    }
                }
            });
            pbar.insert(idx + 1, slider);
            pbar.on({
                change: function(pb, data){
                    slider.setMaxValue(data.pages);
                    slider.setValue(data.activePage);
                }
            });
        }
    });