Refactor parts of the NTP to split things into more managable chunks....

chrome/browser/resources/mediaplayer.html

Index: chrome/browser/resources/mediaplayer.html
===================================================================
--- chrome/browser/resources/mediaplayer.html	(revision 45471)
+++ chrome/browser/resources/mediaplayer.html	(working copy)
@@ -259,7 +259,7 @@
 }
 
 </style>
-<script src='local_strings.js'></script>
+<script src="shared/js/local_strings.js"></script>
 <script>
 
 function $(o) {
@@ -326,7 +326,7 @@
   mediaElement.removeEventListener("play", onMediaPlay, true);
   mediaElement.removeEventListener("pause", onMediaPause, true);
   currentItem ++;
-  
+
   if (currentItem >= currentPlaylist.length) {
     currentItem = -1;
     return;
@@ -346,7 +346,7 @@
   var pausebutton = $('pausebutton');
   var playbutton = $('playbutton');
   playbutton.style.display = 'block';
-  pausebutton.style.display = 'none';  
+  pausebutton.style.display = 'none';
 };
 
 function setupMediaEvents(element) {
@@ -444,8 +444,8 @@
   playbutton.className = controlsclass + ' playbutton';
   playbutton.onclick = playPauseButtonClick;
   element.appendChild(playbutton);
-  
 
+
   var pausebutton = document.createElement('div');
   pausebutton.id = 'pausebutton';
   pausebutton.className = controlsclass + ' pausebutton';
@@ -480,7 +480,7 @@
   var sliderback = document.createElement('div');
   sliderback.className = 'sliderback';
   element.appendChild(sliderback);
-  
+
   var loaded = document.createElement('div');
   loaded.id = 'sliderloaded';
   loaded.className = 'sliderloaded';