import '../scss/pages/index.scss';

window.onload = function() {

  var deviceWidth = screen.width;
  var done = false;
  var homeHeight = document.getElementsByClassName('home-wrap')[0].scrollHeight;

  console.log(deviceWidth);

  if(deviceWidth <= 768) {
    document.getElementsByClassName('p1')[0].style.transform = "translateX(500%)";
    document.getElementsByClassName('p2')[0].style.transform = "translateX(500%)";
    document.getElementsByClassName('p3')[0].style.transform = "translateX(500%)";
    document.getElementsByClassName('p4')[0].style.transform = "translateX(500%)";
    document.getElementsByClassName('p5')[0].style.transform = "translateX(500%)";
  }

  var pointers = document.getElementsByClassName('point');

  window.onscroll = function() {
    if(window.pageYOffset >= (homeHeight - 500) && !done){
      document.getElementsByClassName('p1')[0].style.transform = "translateX(0%)";
      document.getElementsByClassName('p2')[0].style.transform = "translateY(0%)";
      document.getElementsByClassName('p3')[0].style.transform = "translateX(0%)";
      document.getElementsByClassName('p4')[0].style.transform = "translateY(0%)";
      document.getElementsByClassName('p5')[0].style.transform = "translateX(0%)";
      done = true;
    }
  }
}

window.scrollElems = function() {
  alert("Must be scrolled");
  // window.scrollTo(0, homeHeight * 1);
}