Got the error messages working.

index.html

@@ -7,7 +7,6 @@ <h1>Recalculating...</h1>
 <div class="error">
   <h2>Error!</h2>
   <p></p>
-  <p></p>
 </div>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
 </script> 

script.js

@@ -1,13 +1,14 @@
 "use strict";
 
 $(document).ready(function () {
-    var max, out, hex;
+    var max, out, hex, rand;
     max = 10000;
     out = [];
     hex = '01234567890abcdef';
+    rand = Math.random;
 
     function scrollHex() {
-        out.unshift(hex[Math.floor(Math.random() * hex.length)]);
+        out.unshift(hex[Math.floor(rand() * hex.length)]);
         if (out.length > max) {
             out.pop();
         }
@@ -25,4 +26,17 @@ $(document).ready(function () {
     );
 
     $('.preamble').show().delay(5000).fadeOut(1500);
+
+    function showError() {
+        $('.error').css({
+            top: rand() * ($(window).height() - 100),
+            left: rand() * ($(window).width() - 438)
+        })
+        .fadeIn(250).delay(5000).fadeOut(250);
+
+        $('.error p').text(out.slice(0, 80).join(' '));
+        setTimeout(showError, rand() * 20000 + 5500);
+    }
+
+    setTimeout(showError, rand() * 20000 + 5500);
 });

style.css

@@ -2,10 +2,13 @@ body {
 background:#000;
 color:#0f0;
 font-family:'Consolas',monospace;
-letter-spacing:-.25em;
 overflow:hidden;
 }
 
+p {
+letter-spacing:-.25em;
+}
+
 body, p, h1, h2 {
 margin:0;
 }
@@ -16,7 +19,6 @@ background:#020;
 padding:2em;
 opacity:0.9;
 position:absolute;
-letter-spacing:0;
 display:none;
 }
 
@@ -29,4 +31,5 @@ width:40%;
 .error {
 color:#f00;
 padding:1em;
+width:25em;
 }