(function() {
  let panoramas = document.querySelectorAll('.panorama-element');
  console.log(panoramas);
  panoramas.forEach(panorama => {
    let panoramaButton = panorama.querySelector('.panorama-button');
    let panoramaPopup = panorama.querySelector('.panorama-popup');
    let panoramaClose = panorama.querySelector('.close-panorama');
    let panoramaHolder = panorama.querySelector('.panorama-holder');
    let dataSet = new Array(panoramaPopup.dataset.px, panoramaPopup.dataset.nx, panoramaPopup.dataset.py, panoramaPopup.dataset.ny, panoramaPopup.dataset.pz, panoramaPopup.dataset.nz);
    console.log(dataSet);
    
    let panoramaObj = new PANOLENS.CubePanorama( dataSet );
    let panoramaViewer = new PANOLENS.Viewer( { container: panoramaHolder, controlBar: false, cameraFov: 90, autoRotate: true, autoRotateSpeed: 1.5 } );
    panoramaViewer.add(panoramaObj);
    panoramaButton.addEventListener("click",function() {panoramaPopup.classList.add('visible');});
    panoramaClose.addEventListener("click",function() {panoramaPopup.classList.remove('visible');});
    panoramaClose.focus();
  });
/*
      let panorama{row_count}, viewer{row_count};
      let panoParent = document.getElementById('panorama_popup{row_count}');
      let panoContainer = document.getElementById('panorama{row_count}');
      let closeButton = document.getElementById('closePanorama{row_count}');
      let linkButton = document.getElementById('panorama_link{row_count}');

      const path = '/productionfacilities/content/panorama/';
      const format = '.jpg';
      panorama{row_count} = new PANOLENS.CubePanorama( [
          path + '{url}_px' + format, path + '{url}_nx' + format,
          path + '{url}_py' + format, path + '{url}_ny' + format,
          path + '{url}_pz' + format, path + '{url}_nz' + format
      ] );

      viewer{row_count} = new PANOLENS.Viewer( { container: panoContainer, controlBar: false, cameraFov: 90, autoRotate: true, autoRotateSpeed: 1.5 } );
      viewer{row_count}.add( panorama{row_count} );

      linkButton.addEventListener("click",function() {panoParent.classList.add('visible');});
      closeButton.addEventListener("click",function() {panoParent.classList.remove('visible');});
*/
})();