페이지 수 판단 및 전환

function sliPage(ele,pagecon,nums){

      var end_box = $(ele),



          cons = $(pagecon),



          vli = cons.find('a'),



          vlen = vli.length,



          gg_var = nums,



          p = Math.ceil(vlen/gg_var),



          str = '',



          index = 0,



          cur = 'cur';



        

          if(p == 1) return;



          vli.unwrap();



          for(var i = 1;i <= p;i++){



                if(i>1){

                  str += '<i onselectstart="return false;" unselectable="on"></i>';

                }

                var start = gg_var*(i-1),

                  end = start + gg_var;

                if(end > vlen) end = vlen;

                var lastli=vli.slice(start, end);

                lastli.wrapAll('<li></li>');

          }



          end_box.html('<span onselectstart="return false;" unselectable="on" class="prev03"></span><span class="rankbtn"><i onselectstart="return false;" unselectable="on" class="cur"></i>'+str+'</span><span onselectstart="return false;" unselectable="on" class="next03"></span>');





          end_box.delegate(".rankbtn i", "click", function(){



                  index = $(this).index();

                  $(this).addClass(cur).siblings().removeClass(cur);

                  cons.find('li').eq(index).show().siblings().hide();



          }).delegate(".next03", "click", function(){



                  index = index == (p-1) ? 0 : ++index;

                  $(this).prev().find('i').eq(index).addClass(cur).siblings().removeClass(cur);

                  cons.find('li').eq(index).show().siblings().hide();



          }).delegate(".prev03", "click", function(){



                  index = !index ? (p-1) : --index;

                  $(this).next().find('i').eq(index).addClass(cur).siblings().removeClass(cur);

                   cons.find('li').eq(index).show().siblings().hide();



          });



}









sliPage('#conpage1','#con1',4);

sliPage('#conpage2','#con2',12);