remove connecting bar image

src/static/js/pad.js

@@ -386,7 +386,6 @@ var pad = {
   diagnosticInfo: {},
   initTime: 0,
   clientTimeOffset: null,
-  preloadedImages: false,
   padOptions: {},
 
   // these don't require init; clientVars should all go through here
@@ -728,19 +727,6 @@ var pad = {
   },
   handleIsFullyConnected: function(isConnected, isInitialConnect)
   {
-    // load all images referenced from CSS, one at a time,
-    // starting one second after connection is first established.
-    if (isConnected && !pad.preloadedImages)
-    {
-      window.setTimeout(function()
-      {
-        if (!pad.preloadedImages)
-        {
-          pad.preloadImages();
-          pad.preloadedImages = true;
-        }
-      }, 1000);
-    }
 
     pad.determineChatVisibility(isConnected && !isInitialConnect);
     pad.determineAuthorshipColorsVisibility();
@@ -837,34 +823,6 @@ var pad = {
     {
       pad.collabClient.addHistoricalAuthors(data);
     }
-  },
-  preloadImages: function()
-  {
-    var images = ["../static/img/connectingbar.gif"];
-
-    function loadNextImage()
-    {
-      if (images.length == 0)
-      {
-        return;
-      }
-      var img = new Image();
-      img.src = images.shift();
-      if (img.complete)
-      {
-        scheduleLoadNextImage();
-      }
-      else
-      {
-        $(img).bind('error load onreadystatechange', scheduleLoadNextImage);
-      }
-    }
-
-    function scheduleLoadNextImage()
-    {
-      window.setTimeout(loadNextImage, 0);
-    }
-    scheduleLoadNextImage();
   }
 };
 

src/templates/pad.html

@@ -217,7 +217,7 @@
                 </div>
                 <div class="reconnecting">
                   <h1 data-l10n-id="pad.modals.reconnecting"></h1>
-                  <p><img alt="" border="0" src="../static/img/connectingbar.gif" /></p>
+                  <p class='loadingAnimation'></p>
                 </div>
                 <div class="userdup">
                   <h1 data-l10n-id="pad.modals.userdup"></h1>