anchor.diff:    } else {
       oSound.stopPos = curPos;
     }
  -  var selStopCss = {'width': '2px', 'height': '216px', 'backgroundColor': 'blue',
  -                    'left': event.pageX, 'position': 'absolute'}
  +  var selStopCss = $.extend({}, selEdgeCss, {'left': event.pageX});
     $('#iframe').contents().find('#sel-stop').css(selStopCss);
     oSound.stop();
     oSound.setPosition(oSound.startPos);
  
positive.code:   }
  }
  
  $( document ).ready(function() {
    $( "#wfcb" ).click(function() {
      toggleWaveform('#wfcb', '.wave');
    });
    $( "#fmcb" ).click(function() {
      toggleWaveform('#fmcb', '.fmt');
    });
    $( "#ptcb" ).click(function() {
      toggleWaveform('#ptcb', '.pitch');
    });
  });
  </script>
  <form>
  <label><input type="checkbox" id="wfcb" checked>waveform &amp; spectrogram</label> |
  <label><input type="checkbox" id="fmcb" checked>formants: <span style="color: red">1</span> <span style="color: lightgreen">2</span> <span style="color: blue">3</span> <span style="color: orange">4</span></label> |
  <label><input type="checkbox" id="ptcb" checked>pitch</label> |
  Problems? Switch to
  <script>
  
negative.code:   return Math.floor(oSound.duration*event.pageX/<%= @total_imgwidth %>)
  };
  
  selEdgeCss = {'width': '2px', 'height': '216px', 'backgroundColor': 'blue',
                'position': 'absolute'};
  
  doc.body.onmousedown = function(event) {
    scrollMode = true;
    $('#iframe').contents().find('#sel').css('visibility', 'hidden');
  