keyup bindings not working in Firefox
<p>You can see my project here -</p>

<p><a href="http://www.inluxphoto.com/custom/jsgallery/index.php" rel="nofollow">http://www.inluxphoto.com/custom/jsgallery/index.php</a></p>

<p>I am attempting to make the left and right arrow keys move the slideshow.  I was able to get it to work in all browsers by following exactly the instructions on the front page of jqueryfordesigners.com (sorry I am only allowed one link).</p>

<p>However, it is necessary that the keyup be unbinded until the animation completes, so the user cannot do a quick double tap of the key, which breaks the show.  This led me to the following function - </p>

<pre><code>function keyCommands() {

  //Bind Keys according to keyAssignments
  function keyCommandBind() {
   $(document.documentElement).bind('keyup', keyAssignments)   
  }

  //Bind functions to specific keys
  function keyAssignments() {

   if (event.keyCode == 37) {
    leftArrow();
   }

   if (event.keyCode == 39) {
    rightArrow();
   }

   if (event.keyCode == 32) {
    spaceBar();
   }

  }

  function leftArrow() {
         //unbind, do stuff, rebind
  }

  function rightArrow() {
          //unbind, do stuff, rebind
  }

  function spaceBar() {
          //unbind, do stuff, rebind
  }

  keyCommandBind();

 }
</code></pre>

<p>This works in all browsers except Firefox &amp; Camino.  Firebug tells me <code>event</code> (ie <code>event.keyCode</code>) is not defined.  That's true, it's not defined, and I understand that.  However I don't understand why, if it's not defined, does it work in all other browsers.  </p>

<p>How can I appropriately define this?  Or, am I doing it wrong?</p>

<p>Any help would be most appreciated, thanks for your time!</p>
