function loadImage(imageUrl, cell){
  // $(cell).append("<img src=" + imageUrl + " class='mixer-image'>");

  $(cell).find("img").map(function() {return $(this).attr("src", imageUrl)});

  $(this).each(function(){

    var css = 'url("'+ imageUrl + '") ';
    $(cell).find('.hex_inner').attr('style', 'width: 225px; height: 194.856px; background-image: ' + css);
    // This is where you add background color.
  });
}

// To drag image onto deck.
// function draggableImage(){
//   $(".mixer-image").draggable({
//     containment: ".container",
//     snap: ".deck",
//     helper: "clone"
//   });
// }


function moveVolumeDial(currentMixer){

  $(window).load(function(event){
    // starting value of knob set in relation to target in setTargetForControlPanel() method
    $("#volume-dial").knob({
      'min': -1,
      'max': 11,
      'step': 1,
      'width': 75,
      'fgColor': "#222222",
      'skin': "tron",
      'thickness': .2,
      'displayPrevious': true,
      'displayInput': false,
      'change': function() { currentMixer.assignTargetVolume((this.$.val()/10)); }
    });

  });
}

function movePanningDial(currentMixer){
  $(window).load(function(event){
    var panningDial = $("#panning-dial")
    var selectedValue;
    panningDial.Segment();
    $(document).on("click", panningDial, function() {

      selectedValue = $(".option.active").attr("value");

      // currentMixer.mix[currentMixer.target].listener.setPosition(Number(selectedValue), 0, 0)
      currentMixer.assignPanning(Number(selectedValue));
    });

  });
}

function loopToggle(currentMixer){
  $(window).load(function(event){
    var loopToggle = $("#loop");

    $(".container").on("click", "#loop", function(event){
      event.preventDefault();
      currentMixer.toggleLoop();
      console.log(currentMixer.mix[currentMixer.target]._audioNode[0].bufferSource.loop)
    })
  });
}

// function moveHighDial(current_value){
//   $(window).load(function(event){
//     // console.log("Inside of moveDial")

//     $("#high-dial").knob({
//     'min': -1,
//     'max': 11,
//     'step': 1,
//     'width': 75,
//     'fgColor': "#222222",
//     'skin': "tron",
//     'thickness': .2,
//     'displayPrevious': true,
//     'displayInput': false,
//     'change': function() { currentMixer.assignDelayTime((this.$.val()/5)); }
//     });
//   });
// }

// function moveLowDial(current_value){
//   $(window).load(function(event){
//     // console.log("Inside of moveDial")

//     $("#low-dial").knob({
//     'min': -1,
//     'max': 11,
//     'step': 1,
//     'width': 75,
//     'fgColor': "#222222",
//     'skin': "tron",
//     'thickness': .2,
//     'displayPrevious': true,
//     'displayInput': false
//     // 'change': function() { currentMixer.assignTargetVolume((this.$.val()/10)); }
//     });

//   });
// }

function moveEchoDial(currentMixer){
  $(window).load(function(event){
    // console.log("Inside of moveDial")

    $("#echo-dial").knob({
    'min': -1,
    'max': 11,
    'step': 1,
    'cursor': 30,
    'angleOffset': -125,
    'angleArc': 250,
    'width': 75,
    'fgColor': "#222222",
    'skin': "tron",
    'thickness': .2,
    'displayPrevious': true,
    'displayInput': false,
    'change': function() { currentMixer.assignDelayTime((this.$.val()/10));}
    });
  });
}

function moveTempoDial(currentMixer){
  $(window).load(function(event){
    // console.log("Inside of moveDial")

    $("#tempo-dial").knob({
    'min': 2,
    'max': 100,
    'step': 1,
    'width': 75,
    'fgColor': "#222222",
    'skin': "tron",
    'thickness': .2,
    'displayPrevious': true,
    'displayInput': false,
    'change': function() { currentMixer.assignPlaybackRate(currentMixer.adjustPlayback((this.$.val()))); }
    });
  });
}



// 'release' : function (v) { /*make something*/ }

@@ -1631,22 +1631,18 @@
 var loop
-Toggl
 e
+r
  = $(%22#l
@@ -1648,31 +1648,138 @@
 loop
-%22);%0A%0A    $(%22.container%22
+-toggle%22);%0A    var selectedValue;%0A      looper.Segment();%0A      selectedValue = looper.chi%C3%B7ldren(%22.option.active%22))%0A    $(document
 ).on
@@ -1792,15 +1792,14 @@
 k%22, 
-%22#
 loop
-%22
+er
 , fu
@@ -1809,21 +1809,145 @@
 ion(
-event)%7B
+)%7B%0A      // selectedValue = $(%22.option.active%22).attr(%22value%22);%0A      // console.log(%22This%22)%0A      // console.log(selectedValue);
 %0A     
+ //
  eve

Modify loopToggle function