Listeners

var widget = new SoundcloudWidget('soundcloud')
var logContainer = document.getElementById('listener-output')

function generateLogEventFn (event) {
  return function (data) {
    var log = document.createElement('p')
    var text = '<div class="header"> + event + ' was just emitted.<div>

    log.className = 'item'
    if (data) {
      text += '<div class="description">Current Position: ' + data.currentPosition + '<div>
    }
    log.innerHTML = text

    logContainer.insertBefore(log, logContainer.firstChild)

    setTimeout(function () {
      logContainer.removeChild(log)
    }, 3000)
  }
}

for (var event in SoundcloudWidget.events) {
  if (!SoundcloudWidget.events.hasOwnProperty(event)) {
    continue
  }

  widget.on(SoundcloudWidget.events[event], generateLogEventFn(event))
}

widget.on(SoundcloudWidget.events.READY, function () {
  var container = document.getElementById('loader')
  container.classList.remove('active')
})