globalHTML5Api.on('load', function(){
  /*
    YOUR CODE IS HERE
  */
});

globalHTML5Api.on('load', function (listener, Player) {
	var name = globalHTML5Api.name();
	if (name !== "content") {
		var player = Player.create({
			'src': 'video.mp4',
			'container': document.getElementById('player')
		  });
		  globalHTML5Api.init({
			resize: [
			  {
				name: "state-1",
				width: "100%",
				height: "100vh",
				parallax: true,
			  }
			]
		  });
		  globalHTML5Api.panels.add("top", {
			visible: true,
			src: globalHTML5Api.src("top.html")
		  });
		  globalHTML5Api.panels.add("bottom", {
			visible: true,
			src: globalHTML5Api.src("bottom.html")
		  });
		  globalHTML5Api.panels.add("content", {
			  visible: true,
			  src: globalHTML5Api.src(),
		  });
		  var paused = true;
		  globalHTML5Api.on("positionChange", function(position){
			if (paused && position.inViewPercent >= 50) {
			  player.play();
			  paused = false;
			} else if (!paused && position.inViewPercent < 50){
			  player.pause();
			  paused = true;
			}
		  });
		  document.body.onclick = function (event) {
			listener.Listener.prevent(event);
			globalHTML5Api.click();
		  }
	} else {
		document.body.style.display = "none";
		globalHTML5Api.init({
			resize: [
			  {
				name: "state-1",
				width: "100%",
				height: "100vh",
				css: {zIndex: -1}
			  }
			]
		  });
	}
});