var version = "1.11.0";
var urlid = "14749f029392444d82512146e6f26f3c";

// this array will hold the audio samples
let audiosamples = []

// Add your samples to the array. 
audiosamples.push(document.getElementById('audio1'))
audiosamples.push(document.getElementById('audio2'))
audiosamples.push(document.getElementById('audio3'))

// This function loops over each sample in the array and pauses it, unless
// the sampleID matches the index of the sample in the array
function toggleAudio(sampleID) {
  for (let n = 0; n < audiosamples.length; n++) {
  	if (sampleID === n) {
    	audiosamples[n].play()
    } else {
      audiosamples[n].pause()
    }
  }
}

function actionSkfb() {
  // initialize
  var iframe = document.getElementById("api-frame");
  var client = new window.Sketchfab(version, iframe);

  var error = function () {
    console.error("Sketchfab API error");
  };

  var success = function (api) {
    api.start(function () {    
      api.addEventListener("viewerready", function () {
        // Toggle audio when selecting an annotation.
        // ATTENTION: annotation 1 has the index 0. This is a bit confusing.
        api.addEventListener('annotationSelect', function(index) {
          console.log('Selected annotation', index);
          toggleAudio(index)
        });        
      });
    });
  };
  
  client.init(urlid, {
    success: success,
    error: error,
    ui_stop: 0,
    ui_inspector: 0,
    ui_infos: 0,
    ui_controls: 0,
    scrollwheel: 1,
    ui_watermark: 0
  });
}

actionSkfb();