onload = function() {
    if (document.getElementById && document.body.addEventListener) {
      document.getElementById('content').addEventListener('DOMMouseScroll',
        function(e) {
          if (e && e.currentTarget && e.detail && e.preventDefault) {
            var y = e.currentTarget.scrollTop + (e.detail * 12);
            e.currentTarget.scrollTop = y < 0 ? 0 : y;
            e.preventDefault();
          }
        }, false);
    }
  }

if (document.getElementById) onload = function(e) {

    var content = document.getElementById('content');
    if (content.focus) content.focus();

    if (document.body.addEventListener &&
        navigator.product && (navigator.product=="Gecko")) {

      document.addEventListener('keydown',
        function(e) {
          var o = document.getElementById('content');
          var x = o.scrollLeft, y = o.scrollTop;
          if (e.keyCode == 37) x -= 12;
          if (e.keyCode == 38) y -= 12;
          if (e.keyCode == 39) x += 12;
          if (e.keyCode == 40) y += 12;
            if (e.keyCode == 33 &&
                o.clientHeight)  y -= o.clientHeight;
            if (e.keyCode == 32 ||
                e.keyCode == 34 &&
                o.clientHeight)  y += o.clientHeight;
            o.scrollLeft = x < 0 ? 0 : x;
            o.scrollTop  = y < 0 ? 0 : y;
          }, false);

      content.addEventListener('DOMMouseScroll',
        function(e) {
          if (e && e.currentTarget && e.detail && e.preventDefault) {
            var y = e.currentTarget.scrollTop + (e.detail * 12);
            e.currentTarget.scrollTop = y < 0 ? 0 : y;
            e.preventDefault();
          }
        }, false);
      }
    }