setup.js

var speechOn = (window.localStorage.getItem("speechOn") === "true");
var motionOn = (window.localStorage.getItem("motionOn") === "true");
var gazeOn = (window.localStorage.getItem("gazeOn") === "true");

var debugOn = (window.localStorage.getItem("debugOn") === "true");

// Modes 
var speech;
var motion;
var gaze;
var songView;

var finalY;
var scrollInterval;

$(document).ready(function() {

  // start button
  $(document).on('click', '#start', function() {
    // begin standard scrolling
    scrollInterval = setInterval(function(){
        fusedScroll();
      },SCROLL_INTERVAL);

    // start gaze
    if (gaze) {
      gaze.setReady(true);
    }

    // start motion
    if (motion) {
      setTimeout(function() {
        motion.setReady(true);
      }, 3000); // time between pressing and putting hand back on uke
    }

    // start speech
    if (speech) {
      speech.start();
    }
    
    var stopButton = $('<button id="stop" class="btn btn-danger">Stop</button>');
    $('.start-btn-container').append(stopButton);
    $('#start').remove();
  });

  // stop button
  $(document).on('click', '#stop', function(e) {
    //end standard scrolling
    clearInterval(scrollInterval);

    // stop gaze
    if (gaze) {
      gaze.setReady(false);
    }

    // stop motion
    if (motion) {
      motion.setReady(false);
    }

    // stop speech
    if (speech) {
      speech.stopRecognition();
    }
    
    var startButton = $('<button id="start" class="btn btn-success">Start</button>');
    $('.start-btn-container').append(startButton);
    $('#stop').remove();
  });

  /*** Song View Set-Up ****/
  var songViewParams = {
    numLyricLines: $('.lyrics').length,
    numChordLines: $('.chords').length,
    debug: false
  };
  songView = new SongView(songViewParams);

  /**** Speech Recognition Set-Up ****/
  if (!debugOn) {
    $('#results').remove();
  }

  if (speechOn) {
    var speechParams = {
      song: songView,
      matchCutoff: 3,
      finalId: 'final_span',
      interimId: 'interim_span',
      endTimeout: 1000
    };
    speech = new SpeechRec(speechParams);

    if (debugOn)
      songView.getLineElement(speech.getCurrentLine()).addClass('current');

    // listens for when the speech recognition updates the line
    $(speech).on('speechUpdate', function(e, info) {
      
      if (debugOn) {
        songView.getLineElement(info.previousLine).removeClass('current');
        songView.getLineElement(info.nextLine).addClass('current');
      }
      
      if (!info.fusing)
        fuse();
    });

    $(".line").click(function(e) {
      var id = e.currentTarget.id;
      speech.setCurrentLine(parseInt(id));
    });
  }
  
  /**** Motion Detection Set-Up ****/
  if (motionOn) {
    var motionParams = {
      song: songView,
      pixelDiffThreshold: PIXEL_DIFF,
      scoreThreshold: SCORE_THRESH,
      x: MOTION_X,
      y: MOTION_Y
    };
    motion = new MotionDetect(motionParams);

    if (debugOn)
      songView.getChordElement(motion.getCurrentLine()).addClass('current');
    
    var engine = motion.start();

    // Calibration video removal
    $('#calibrate').click(function() {
      $("#rendercanvas, #motionCanvas").each(function(){
        $(this).toggle();
      });
    });

    // listens for when the motion detection updates the line
    $(motion).on('motionUpdate', function(e, info) {
      
      if (debugOn) {
        songView.getChordElement(info.previousLine).removeClass('current');
        songView.getChordElement(info.nextLine).addClass('current');  
      }
      
      if (!info.fusing)
        fuse();
    });

    $(".line").click(function(e) {
      var id = e.currentTarget.id;
      motion.setCurrentLine(parseInt(id));
      motion.setActualTransitions(0);
    });
  } else {
    $('#calibrate').remove();
  }
  
  /*** Gaze Tracking Set-Up ***/
  if (gazeOn) {
    var gazeParams = {
      fusionDebug: true,
      debug: debugOn // turns on the red dot
    };
    gaze = new GazeTracker(gazeParams);
    gaze.start();

    // listens for when the gaze tracking updates the y-coord
    $(gaze).on('gazeUpdate', function(e, info) {
      fuse();
    });
  }
});