ntp4: break navigation dots into own class.

chrome/browser/resources/ntp4/new_tab.html

Index: chrome/browser/resources/ntp4/new_tab.html
diff --git a/chrome/browser/resources/ntp4/new_tab.html b/chrome/browser/resources/ntp4/new_tab.html
index 00c509c480fed8565c1185e4a564ad5c26d76cbe..b5fa15dffcde7dda04fe64ed18d109eb2da3e5b2 100644
--- a/chrome/browser/resources/ntp4/new_tab.html
+++ b/chrome/browser/resources/ntp4/new_tab.html
@@ -46,6 +46,7 @@ document.documentElement.setAttribute('touchui', true);
 
 <script src="card_slider.js"></script>
 <script src="grabber.js"></script>
+<script src="nav_dot.js"></script>
 <script src="new_tab.js"></script>
 <script src="recently_closed.js"></script>
 <script src="touch_handler.js"></script>
@@ -66,8 +67,6 @@ document.documentElement.setAttribute('touchui', true);
       <img id="logo-img">
 
       <ul id="dot-list">
-        <!-- This is another template node (see above). -->
-        <li class="dot" tabindex="0" role="button"><span></span></li>
       </ul>
 
       <button id="recently-closed-menu-button">