jQuery.fn.extend({
    slidePager:function(opt){
        var deflt={
            easing:'',
            speed:1400,
            next:'.next',
            prev:'.prev',
            pagernav:'.pagernav',
            change:function(){},
            links:'a[rel=slide]',
            last:'',
            borders:1
        }
        opt=$.extend(deflt,opt)
        var keeper=$(this),len=!!opt.last?opt.last:keeper.find('.spage, .spage2').length,block=false,curr=0
        var rollTo=function(n,clbck){
            if(!block){
                block=true
                var pos=n*$('.spage, .spage2').attr('offsetWidth')+opt.borders*n
                keeper.animate({left:'-'+pos+'px'},opt.speed,opt.easing,function(){block=false})
                if(!!opt.change)opt.change(n)
                curr=n
            }
            $(opt.pagernav).removeClass('active').eq(curr-1).addClass(curr==0?'':'active')
        }       
        var findIdx=function(str){
            str=str.split('#')[1]
            var idx=0,tmp
            keeper.find('.spage, spage2').each(function(){
                if(this.id==str){tmp=idx}
                else {idx++}
            })
            return tmp
        }       
        $(opt.next).click(function(){
            if(curr+1<len)rollTo(curr+1)
            else rollTo(0)
            return false
        })  
        $(opt.prev).click(function(){
            if(curr>0)rollTo(curr-1)
            else rollTo(len-1)
            return false
        })
        $(document).delegate(opt.links,'click',function(){
           var ctr = 3;
			var idxcount = findIdx(this.href);
			
			if(idxcount > ctr){
				rollTo(ctr);
			} else {
            	rollTo(findIdx(this.href));
			}
            return false;
			
        })
        
        $(window).resize(function(){
            rollTo(curr)
        })
    }
})