var B = "38384040373937396665";
var A = B;
var T = null;
var M = 1;

function orly(e) {
  var key = e.which || e.keyCode;
  if (A == "") {
    if ($('orly')) {
      A = B;
      feedback();
      $('feedback').removeChild($('orly'));
    } else {
      feedback("Start");
      var O = document.createElement("img");
      O.id = "orly";
      O.src = "jporly.jpg";
      /*O.style.width = "32px";
      O.style.height = "24px";
      T = setInterval(growORLY, 10);
      */

      $('feedback').appendChild(O);
    }
  } else if (key == A.slice(0,2)) {
    A = A.slice(2);
    feedback(printKey(key));
  } else {
    A = B;
    feedback();
  }
}

function growORLY() {
  var O = $('orly');
  if (O && O.offsetWidth < 640) {
    O.style.width = (O.offsetWidth + (32*M)) + "px";
    O.style.height = (O.offsetHeight + (24*M)) + "px";
    M = M + 0.8;
  } else {
    clearTimeout(T);
    M = 1;
  }
}
function feedback(str) {
  $('feedback').innerHTML = !str ? "" : $('feedback').innerHTML + str + " ";
}

function printKey(k) {
  return k==37 ? "<-" : k==38 ? "^" : k==39 ? "->" : k==40 ? "v" : k==65 ? "A" : k==66 ? "B" : "Start";
}

function $(id) {
  return document.getElementById(id);
}