pad = DUDLPAD.create my_canvas

  pad.start (pos) ->
    console.log "started at #{pos[0]}, #{pos[1]}"

  pad.start [25,25]

  pad.draw (coords) ->
    i = 0
    while i < coords.length
      console.log "#{'drew from' if i==0 else '  then to'} (#{coords[i]}, #{coords[i+1]})"
      i += 2

  pad.draw [
    25,25
    50,50
  ]

  pad.end (pos) ->
    console.log "ended at #{pos[0]}, #{pos[1]}"

  pad.end [50,50]

  pad.undo ->
    console.log "undo!"

  $('#undo').click ->
    pad.undo()

  pad.redo ->
    console.log "redo!"

  $('#redo').click ->
    pad.redo()

  console.log "the current line color is '#{pad.lineColor()}'"

  pad.lineColor (cssColor) ->
    console.log "line color was changed to '#{cssColor}'"

  $('input#color').change ->
    pad.lineColor $(this).val()

  console.log "the current line width is '#{pad.lineWidth()}'"

  pad.lineWidth (width) ->
    console.log "line width was changed to '#{width}'"

  $('#widen').click ->
    pad.lineWidth pad.lineWidth() + 1.0

  $('#narrow').click ->
    pad.lineWidth pad.lineWidth() - 1.0

  pad.clear ->
    console.log 'canvas was cleared!'

  $('#clear').click ->
    pad.clear()

  pad.start ->
    console.log 'start!'
  pad.start [0,0] # console output: 'start!'

  pad.unbind 'start'

  pad.start [0,0] # No console output.

  pad.reset ->
    console.log 'canvas was reset!'

  $('#reset').click ->
    pad.reset()