First version of the time slicing on the urls. Not ready for review yet.

chrome/browser/resources/shared/js/cr/ui/card_slider.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Card slider implementation. Allows you to create interactions
  * that have items that can slide left to right to reveal additional items.
  * Works by adding the necessary event handlers to a specific DOM structure
  * including a frame, container and cards.
  * - The frame defines the boundary of one item. Each card will be expanded to
@@ skipping 326 matching lines @@
      */
     addCardAtIndex: function(card, index) {
       assert(card instanceof Node, '|card| isn\'t a Node');
       this.assertValidIndex_(index);
       this.cards_ = Array.prototype.concat.call(
           this.cards_.slice(0, index), card, this.cards_.slice(index));
 
       if (this.currentCard_ == -1)
         this.currentCard_ = 0;
       else if (index <= this.currentCard_)
-        this.selectCard(this.currentCard_ + 1, false, true);
+        this.selectCard(this.currentCard_ + 1, false, true, true);
 
       this.fireAddedEvent_(card, index);
     },
 
     /**
      * Append a card to the end of the list.
      * @param {!Node} card A card to add at the end of the card slider.
      */
     appendCard: function(card) {
       assert(card instanceof Node, '|card| isn\'t a Node');
@@ skipping 71 matching lines @@
     },
 
     /**
      * Selects a new card, ensuring that it is a valid index, transforming the
      * view and possibly calling the change card callback.
      * @param {number} newCardIndex Index of card to show.
      * @param {boolean=} opt_animate If true will animate transition from
      *     current position to new position.
      * @param {boolean=} opt_dontNotify If true, don't tell subscribers that
      *     we've changed cards.
+     * @param {boolean=} opt_forceChange If true, ignore if the card already
+     *     selected.
      */
-    selectCard: function(newCardIndex, opt_animate, opt_dontNotify) {
+    selectCard: function(newCardIndex,
+                         opt_animate,
+                         opt_dontNotify,
+                         opt_forceChange) {
       this.assertValidIndex_(newCardIndex);
 
       var previousCard = this.currentCardValue;
       var isChangingCard =
           !this.cards_[newCardIndex].classList.contains('selected-card');
 
+      if (typeof opt_forceChange != 'undefined' && opt_forceChange)
+        isChangingCard = true;
+
       if (isChangingCard) {
         if (previousCard)
           previousCard.classList.remove('selected-card');
         this.currentCard_ = newCardIndex;
         this.currentCardValue.classList.add('selected-card');
       }
 
       var willTransitionHappen = this.transformToCurrentCard_(opt_animate);
 
       if (isChangingCard && !opt_dontNotify) {
@@ skipping 149 matching lines @@
 
       // Ensure we're at a card bounary
       this.transformToCurrentCard_(true);
     },
   };
 
   return {
     CardSlider: CardSlider
   };
 });