         'Drag horizontally from the start of the second sound to the end of the second sound.'
       ]
       attach: to: '.spectrogram img'
+      nextOn: mouseup: '.spectrogram'
 
     new Step
       content: [

        'From the frequency range, we can guess that this is a bat. Click the "Bat calls" tab on the field guide.'
      ]
      attach: y: 'bottom', to: '.field-guide a[href="#!/classify/bat-calls"]', at: y: 'top'

    new Step
      content: [
        'Since these marks are shaped like hockey sticks, let\'s click to see an example.'
      ]
      attach: x: 'right', to: '.field-guide a[href="#!/classify/bat-calls/searching/horizontal-hockey-stick"]', at: x: 'left'

    new Step
      content: [
        'And let\'s play it to see what it sounds like.'
      ]
      attach: x: 'right', to: '.field-guide [data-page="horizontal-hockey-stick"] .play', at: x: 'left'

    new Step
      content: [
        'Now we can identify this as a bat...'
      ]
      attach: x: 'right', to: '.interface .answer:contains("Bat Call")', at: x: 'left'

    new Step
      content: [
        '...and a searching call...'
      ]
      attach: to: '.interface .answer:contains("Searching")'

    new Step
      content: [
        '...and let\'s save this one.'
      ]
      attach: to: '.interface .answer:contains("Save selection")'

    new Step
      content: [

        'In this sound we\'ll hear three sounds.'
      ]
      attach: x: 'left', y: 'bottom', to: '.interface .controls .play', at: x: 'left', y: 'top'
      nextOn: click: '.play'

    new Step
      content: [
