(function ($) {
    $.fn.paginate = function (options) { var opts = $.extend({}, $.fn.paginate.defaults, options); return this.each(function () { $this = $(this); var o = $.meta ? $.extend({}, opts, $this.data()) : opts; var selectedpage = o.start; $.fn.draw(o, $this, selectedpage); }); }; var outsidewidth_tmp = 0; var insidewidth = 0; var bName = navigator.appName; var bVer = navigator.appVersion; if (bVer.indexOf('MSIE 7.0') > 0)
        var ver = "ie7"; $.fn.paginate.defaults = { count: 5, start: 12, display: 5, border: true, border_color: '#fff', text_color: '#8cc59d', background_color: 'black', border_hover_color: '#fff', text_hover_color: '#fff', background_hover_color: '#fff', rotate: true, images: true, mouse: 'slide', onChange: function () { return false; } }; $.fn.draw = function (o, obj, selectedpage) {
            if (o.display > o.count)
                o.display = o.count; $this.empty(); if (o.images) { var spreviousclass = 'jPag-sprevious-img'; var previousclass = 'jPag-previous-img'; var snextclass = 'jPag-snext-img'; var nextclass = 'jPag-next-img'; }
            else { var spreviousclass = 'jPag-sprevious'; var previousclass = 'jPag-previous'; var snextclass = 'jPag-snext'; var nextclass = 'jPag-next'; }
            var _first = $(document.createElement('a')).addClass('jPag-first').html(''); if (o.rotate) { if (o.images) var _rotleft = $(document.createElement('span')).addClass(spreviousclass); else var _rotleft = $(document.createElement('span')).addClass(spreviousclass).html('«'); }
            var _divwrapleft = $(document.createElement('div')).addClass('jPag-control-back'); _divwrapleft.append(_first).append(_rotleft); var _ulwrapdiv = $(document.createElement('div')).css('overflow', 'hidden'); var _ul = $(document.createElement('ul')).addClass('jPag-pages')
            var c = (o.display - 1) / 2; var first = selectedpage - c; var selobj; for (var i = 0; i < o.count; i++) {
                var val = i + 1; if (val == selectedpage) { var _obj = $(document.createElement('li')).html('<span class="jPag-current">' + val + '</span>'); selobj = _obj; _ul.append(_obj); }
                else { var _obj = $(document.createElement('li')).html('<a>' + val + '</a>'); _ul.append(_obj); } 
            }
            _ulwrapdiv.append(_ul); if (o.rotate) { if (o.images) var _rotright = $(document.createElement('span')).addClass(snextclass); else var _rotright = $(document.createElement('span')).addClass(snextclass).html('&raquo;'); }
            var _last = $(document.createElement('a')).addClass('jPag-last').html(''); var _divwrapright = $(document.createElement('div')).addClass('jPag-control-front'); _divwrapright.append(_rotright).append(_last); $this.addClass('jPaginate').append(_divwrapleft).append(_ulwrapdiv).append(_divwrapright); if (!o.border) { if (o.background_color == 'none') var a_css = { 'color': o.text_color }; else var a_css = { 'color': o.text_color, 'background-color': o.background_color }; if (o.background_hover_color == 'none') var hover_css = { 'color': o.text_hover_color }; else var hover_css = { 'color': o.text_hover_color, 'background-color': o.background_hover_color }; }
            else { if (o.background_color == 'none') var a_css = { 'color': o.text_color, 'border': '1px solid ' + o.border_color }; else var a_css = { 'color': o.text_color, 'background-color': o.background_color, 'border': '1px solid ' + o.border_color }; if (o.background_hover_color == 'none') var hover_css = { 'color': o.text_hover_color, 'border': '1px solid ' + o.border_hover_color }; else var hover_css = { 'color': o.text_hover_color, 'background-color': o.background_hover_color, 'border': '1px solid ' + o.border_hover_color }; }
            $.fn.applystyle(o, $this, a_css, hover_css, _first, _ul, _ulwrapdiv, _divwrapright); var outsidewidth = outsidewidth_tmp - _first.parent().width() - 3; if (ver == 'ie7') { _divwrapright.css('left', outsidewidth_tmp + 6 + 72 + 'px'); }
            else { _ulwrapdiv.css('width', outsidewidth + 'px'); _divwrapright.css('left', outsidewidth_tmp + 6 + 'px'); }
            if (o.rotate) {
                _rotright.hover(function () { thumbs_scroll_interval = setInterval(function () { var left = _ulwrapdiv.scrollLeft() + 1; _ulwrapdiv.scrollLeft(left); }, 20); }, function () { clearInterval(thumbs_scroll_interval); }); _rotleft.hover(function () { thumbs_scroll_interval = setInterval(function () { var left = _ulwrapdiv.scrollLeft() - 1; _ulwrapdiv.scrollLeft(left); }, 20); }, function () { clearInterval(thumbs_scroll_interval); }); if (o.mouse == 'press') { _rotright.mousedown(function () { thumbs_mouse_interval = setInterval(function () { var left = _ulwrapdiv.scrollLeft() + 5; _ulwrapdiv.scrollLeft(left); }, 20); }).mouseup(function () { clearInterval(thumbs_mouse_interval); }); _rotleft.mousedown(function () { thumbs_mouse_interval = setInterval(function () { var left = _ulwrapdiv.scrollLeft() - 5; _ulwrapdiv.scrollLeft(left); }, 20); }).mouseup(function () { clearInterval(thumbs_mouse_interval); }); }
                else { _rotleft.click(function (e) { var width = outsidewidth - 10; var left = _ulwrapdiv.scrollLeft() - width; _ulwrapdiv.animate({ scrollLeft: left + 'px' }); }); _rotright.click(function (e) { var width = outsidewidth - 10; var left = _ulwrapdiv.scrollLeft() + width; _ulwrapdiv.animate({ scrollLeft: left + 'px' }); }); } 
            }
            _first.click(function (e) { _ulwrapdiv.animate({ scrollLeft: '0px' }); _ulwrapdiv.find('li').eq(0).click(); }); _last.click(function (e) { _ulwrapdiv.animate({ scrollLeft: insidewidth + 'px' }); _ulwrapdiv.find('li').eq(o.count - 1).click(); }); _ulwrapdiv.find('li').click(function (e) {
                selobj.html('<a>' + selobj.find('.jPag-current').html() + '</a>'); var currval = $(this).find('a').html(); $(this).html('<span class="jPag-current">' + currval + '</span>'); selobj = $(this); $.fn.applystyle(o, $(this).parent().parent().parent(), a_css, hover_css, _first, _ul, _ulwrapdiv, _divwrapright); var left = (this.offsetLeft) / 2; var left2 = _ulwrapdiv.scrollLeft() + left; var tmp = left - (outsidewidth / 2); if (ver == 'ie7')
                    _ulwrapdiv.animate({ scrollLeft: left + tmp - _first.parent().width() + 52 + 'px' }); else
                    _ulwrapdiv.animate({ scrollLeft: left + tmp - _first.parent().width() + 'px' }); o.onChange(currval);
            }); var last = _ulwrapdiv.find('li').eq(o.start - 1); last.attr('id', 'tmp'); var left = document.getElementById('tmp').offsetLeft / 2; last.removeAttr('id'); var tmp = left - (outsidewidth / 2); if (ver == 'ie7') _ulwrapdiv.animate({ scrollLeft: left + tmp - _first.parent().width() + 52 + 'px' }); else _ulwrapdiv.animate({ scrollLeft: left + tmp - _first.parent().width() + 'px' });
        }
    $.fn.applystyle = function (o, obj, a_css, hover_css, _first, _ul, _ulwrapdiv, _divwrapright) {
        try {
            obj.find('a').css(a_css); obj.find('span.jPag-current').css(hover_css); obj.find('a').hover(function () { $(this).css(hover_css); }, function () { $(this).css(a_css); }); obj.css('padding-left', _first.parent().width() + 5 + 'px'); insidewidth = 0; obj.find('li').each(function (i, n) {
                if (i == (o.display - 1)) { outsidewidth_tmp = this.offsetLeft + this.offsetWidth; }
                insidewidth += this.offsetWidth;
            })
            _ul.css('width', insidewidth + 'px');
        }
        catch (error) { } 
    } 
})(jQuery);