if (!window['videa']) window['videa']={'name':'videa'};
if (!window['videa']['classes']) window['videa']['classes']={};


  /*******************
   *   KidSkin       *
   *******************/
  if (!window['videa']['classes']['KidSkin'])
  window['videa']['classes']['KidSkin']=function(){
    var me=this;
    var meclasspro=me.constructor.prototype;
    me.classname="KidSkin";
    
    meclasspro.getPagerHTML=function(currentpage, length, countperpage,cpjsfuncname){
      var output='';
      var maxindex=Math.ceil(length/countperpage);
      if (maxindex==1) return output;
      
      if(currentpage<1) currentpage=1;
      if(currentpage>maxindex) currentpage=maxindex;
      
      var fromIndex=currentpage-2;
      if(maxindex-currentpage<2) fromIndex=fromIndex-(2-(maxindex-currentpage));
      if(fromIndex<1) fromIndex=1;
      
      var toIndex=fromIndex+4;
      if(toIndex>maxindex) toIndex=maxindex;
      //alert(fromIndex +"-"+toIndex+"/"+maxindex);
      
      output+='<div class="pager">';
      if(currentpage>1)             
        output+='<button onclick="'+cpjsfuncname+'('+(currentpage-1)+')" class="pager_prev">&nbsp;</button>';
      //else
        //output+='<div style="width:119px;float:left">&nbsp;</div>';
      for(var i=fromIndex;i<=toIndex;i++){
        if(currentpage==i)
          output+='<button class="pager_page pager_disabled" disabled="disabled">'+i+'</button>';
        else
          output+='<button onclick="'+cpjsfuncname+'('+i+')" class="pager_page">'+i+'</button>';
      }      
      if(currentpage<maxindex)   
        output+='<button onclick="'+cpjsfuncname+'('+(currentpage+1)+')" class="pager_next">&nbsp; </button>';
      //else
        //output+='<div style="width:119px;float:right">&nbsp;</div>';
      output+='</div>';
      
      return output;
    }
  }
  window['videa']['skin']=new window['videa']['classes']['KidSkin']();