function receiveOoyalaEvent(playerId, eventName, eventArgs) {
var ciecc,ttc,ecc,vc;

  switch(eventName) {
    case "playheadTimeChanged":
      onPlayheadTimeChanged(eventArgs);
      break;
    case "stateChanged":
      onStateChanged(eventArgs);
      break;
    case "currentItemEmbedCodeChanged":
      onCurrentItemEmbedCodeChanged(eventArgs);
      ciecc=eventArgs;
      break;
    case "totalTimeChanged":
      onTotalTimeChanged(eventArgs);
      ttc=eventArgs;
      break;
    case "embedCodeChanged":
      onEmbedCodeChanged(eventArgs);
      ecc=eventArgs;
      break;
    case "volumeChanged":
      onVolumeChanged(eventArgs);
      break;
    case "apiReady": 
      //note: apiReady event has no eventArgs (3rd call-back parameter)
      onCurrentItemEmbedCodeChanged(ciecc);
      onTotalTimeChanged(ttc);
      onEmbedCodeChanged(ecc);
      break;
  }
}

function onEmbedCodeChanged(eventArgs) {
  document.getElementById("embedCode").innerHTML =
    eventArgs.embedCode + " == " + document.getElementById("player").getEmbedCode();
  document.getElementById("title").innerHTML = eventArgs.title + " == " + 
    document.getElementById("player").getTitle();
}

function onCurrentItemEmbedCodeChanged(eventArgs) {
  document.getElementById("currentItemEmbedCode").innerHTML = eventArgs.embedCode +" == " + document.getElementById("player").getCurrentItemEmbedCode();
  document.getElementById("currentItemTitle").innerHTML = eventArgs.title +" == " + document.getElementById("player").getCurrentItemTitle();
}

function onTotalTimeChanged(eventArgs) {
  document.getElementById("totalTime").innerHTML =
    eventArgs.totalTime + " == " + document.getElementById("player").getTotalTime();
}

function onPlayheadTimeChanged(eventArgs) {
  document.getElementById("playheadTime").innerHTML =
    eventArgs.playheadTime + " == "+document.getElementById("player").getPlayheadTime();
}

function onVolumeChanged(eventArgs) {
  document.getElementById("volume").innerHTML =
    eventArgs.volume + " == " + document.getElementById("player").getVolume();
}

function onStateChanged(eventArgs) {
  document.getElementById("state").innerHTML =
    eventArgs.state + " == " + document.getElementById("player").getState();
}