More tweaks on smoothly loading the background

_layouts/default.html

@@ -12,13 +12,6 @@
     <link href="css/mathjs.css" rel="stylesheet" type="text/css">
     <link href="css/commandline.css" rel="stylesheet" type="text/css">
 
-    <script type="text/javascript">
-        var img = new Image();
-        img.src = 'css/img/bright_squares.png';
-        img.onload = function () {
-            document.body.style.background = 'url(\'' + img.src + '\')';
-        }
-    </script>
     <script src="js/lib/math.min.js" type="text/javascript"></script>
     <script src="js/commandline.js" type="text/javascript"></script>
 </head>

css/mathjs.css

@@ -1,6 +1,6 @@
 
 body {
-    background: #f5f5f5 repeat;
+    background: #f5f5f5 url('img/bright_squares_interlaced.png') repeat;
     height: 100%;
 
     font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Tahoma, sans-serif;

js/lib/math.js

@@ -155,10 +155,6 @@ if(!Array.prototype.indexOf) {
         }
         return -1;
     };
-
-    if (console && console.log) {
-        console.log("Warning: Ancient browser detected. Please update your browser");
-    }
 }
 
 // Internet Explorer 8 and older does not support Array.forEach, so we define