code: function () {
               var carousel = this,
                   css      = carousel.CLASSES,
                   cur      = carousel._pages.cur, // current page
                   el,
                   html,
                   i,
                   item,
                   n        = carousel.get("numVisible"),
                   num      = carousel._pages.num, // total pages
                   pager    = carousel._pages.el;  // the pager container element
  
               if (num === 0 || !pager) {
                   return;         // don't do anything if number of pages is 0
               }
  
               // Hide the pager before redrawing it
               Dom.setStyle(pager, "visibility", "hidden");
  
               // Remove all nodes from the pager
               while (pager.firstChild) {
                   pager.removeChild(pager.firstChild);
               }
  
               for (i = 0; i < num; i++) {
  
                   el   = document.createElement("LI");
  
                   if (i === 0) {
                       Dom.addClass(el, css.FIRST_PAGE);
                   }
                   if (i == cur) {
                       Dom.addClass(el, css.SELECTED_NAV);
                   }
  
                   html = "<a class=" + css.PAGER_ITEM + " href=\"#" + (i+1) + "\" tabindex=\"0\"><em>"   +
                           carousel.STRINGS.PAGER_PREFIX_TEXT + " " + (i+1) +
                           "</em></a>";
                   el.innerHTML = html;
  
                   pager.appendChild(el);
               }
  
               // Show the pager now
               Dom.setStyle(pager, "visibility", "visible");
           }
docs: Update the UI for the pager buttons based on the current page and
  the number of pages.
  
  @method _updatePagerButtons
  @protected