class Danboard
  constructor: (id) ->
    $danboard = $(id)
    baseRotateX = 60
    baseRotateY = 150
    baseRotateZ = -20

    $(window).keydown (e) =>
      if e.which is 37  # KEYLEFT
        e.preventDefault()
        baseRotateY -= 1
        $danboard.css
          WebkitTransform: "rotateX(#{baseRotateX}deg) rotateY(#{baseRotateY}deg) rotateZ(#{baseRotateZ}deg)"
      else if e.which is 39  # KEYRIGHT
        e.preventDefault()
        baseRotateY += 1
        $danboard.css
          WebkitTransform: "rotateX(#{baseRotateX}deg) rotateY(#{baseRotateY}deg) rotateZ(#{baseRotateZ}deg)"

      else if e.which is 38  # KEYUP
        e.preventDefault()
        baseRotateX += 1
        $danboard.css
          WebkitTransform: "rotateX(#{baseRotateX}deg) rotateY(#{baseRotateY}deg) rotateZ(#{baseRotateZ}deg)"

      else if e.which is 40  # KEYDOWN
        e.preventDefault()
        baseRotateX -= 1
        $danboard.css
          WebkitTransform: "rotateX(#{baseRotateX}deg) rotateY(#{baseRotateY}deg) rotateZ(#{baseRotateZ}deg)"


$ ->
  if document.getElementById('danboard')?
    danboard = new Danboard('#danboard')