let w,h;
let sPieces = [];
let nIdCount = 0;
let sTypes = [];
let nSpeeds = [];
let nSpinSpeeds = [];
let batchInfo = {};
let currentPieces = [];

const BATCH_TOTAL1 = 155;
const BATCH_TOTAL2 = 155;


function pageSetup() {
    
  sPieces[0] = [];
  sPieces[1] = [];
  sPieces[2] = [];
  
  sPieces[0][0] = "🌶";
  sPieces[0][1] = "🍒";
  sPieces[0][2] = "🍓";
  
  sPieces[1][0] = "🍎";
  sPieces[1][1] = "🍅";
  sPieces[1][2] = "🌽";
  sPieces[1][3] = "🥕";
  sPieces[1][4] = "🥦";
  sPieces[1][5] = "🍋";
  sPieces[1][6] = "🍇";
  sPieces[1][7] = "🍓";
  sPieces[1][8] = "🍐";
  
  sPieces[2][0] = "🍉";
  sPieces[2][1] = "🍍";
  
  
  sTypes[0] = "small";
  sTypes[1] = "medium";
  sTypes[2] = "large";
  
  nSpeeds[0] = 8;
  nSpeeds[1] = 12;
  nSpeeds[2] = 16;
  nSpeeds[3] = 20;
  
  nSpinSpeeds[0]=1;
  nSpinSpeeds[1]=4;
  nSpinSpeeds[2]=8;
  nSpinSpeeds[3]=20;
  
  window.addEventListener('resize', pageResize);
  pageResize();
  
  makeABatch();
  setTimeout("renderFruitAndVeg()",1000); // give time for first batch to be made (at least some of it)
  console.log("got to end of pageSetup()")
} // end of function pageSetup()


function pageResize() {
  w = window.innerWidth;
	h = window.innerHeight;
  
  let nLeft = Math.floor((w - 400) / 2);
  
  if (nLeft < 0) {
    nLeft = 0;
  } // end if
  
  let portal = $("#portal")[0];
  portal.style.width = (w)+"px";
  portal.style.height = (h)+"px";
  
  let dspArea = $("#dspArea")[0];
  dspArea.style.left = (nLeft)+"px";
  dspArea.style.height = (h)+"px";
  
  let title = $("#title")[0];
  title.style.left = (nLeft)+"px";
} // end of function pageResize()


function rnd(nNum) {
  return Math.floor(Math.random() * nNum);
} // end of function rnd


function makeAPiece() {
  const dspArea = $("#dspArea")[0];
  let nType = rnd(3);
  let nSize = rnd(3);
  let sPossibilities = sPieces[nType];

  let nPiece = rnd(sPossibilities.length);
  let sPiece = sPossibilities[nPiece];//.substr(nPiece,1);
  let sClass = sTypes[nType] + (nSize);
  let nTotalDropDistance = h + Math.floor(h/3);
  let piece = {};
  piece.char = sPiece;
  piece.className = sClass;
  piece.totalDropDistance = nTotalDropDistance;
  piece.currentPos = 0 - Math.floor(h/5);
  piece.currentAngle = rnd(364);
  piece.speed = rnd(4);
  piece.spinSpeed = rnd(4);
  const el = document.createElement("div");
  el.innerHTML = sPiece;
  el.className = sClass;
  nIdCount++;
  
  if (nIdCount>100000) {
    nIdCount = 1;
  } // end if
  
  piece.elId = "pc"+nIdCount;
  el.id = piece.elId;
  let nLeft = rnd(h) - 40;
  el.style.left = (nLeft)+"px";
  el.style.top = (piece.currentPos)+"px";
  el.style.transform = "rotate("+(piece.currentAngle)+"deg)";
  piece.el = el;
  dspArea.appendChild(el);  
  currentPieces.push(piece);
  //console.log(sClass)
} // function makeAPiece() 


function makeABatch() {
  batchInfo.currentIndex = 0;
  batchInfo.batchTotal = rnd(BATCH_TOTAL1)+BATCH_TOTAL2;
  setTimeout("makeABatch2()", 10)
} // end of function makeABatch()



function makeABatch2() {
  makeAPiece();
  batchInfo.currentIndex++;
  let nDelay;
  if (batchInfo.currentIndex < batchInfo.batchTotal) {
    nDelay = rnd(200)+100;
    setTimeout("makeABatch2()",nDelay);
  } else {
    nDelay = (rnd(2)+1) * 1000 + rnd(200);
    setTimeout("makeABatch()",nDelay);
  } // end if/else
  
}// end of function makeABatch2()



function renderFruitAndVeg() {
  let n,el;
  //console.log("efg "+currentPieces.length)

  for (n=0;n<currentPieces.length;n++) {
    piece = currentPieces[n];
    //console.log("before currentPos")
    piece.currentPos = piece.currentPos + nSpeeds[piece.speed];
    piece.currentAngle = piece.currentAngle + nSpinSpeeds[piece.spinSpeed];
    
    if (piece.currentAngle > 364) {
      piece.currentAngle = 0;
    } // end if
    
    el = piece.el;
   // console.log("before style top "+piece.currentPos)
    el.style.top = (piece.currentPos)+"px";
    el.style.transform = "rotate("+(piece.currentAngle)+"deg)";
  //  console.log("after style top")
    if (piece.currentPos > piece.totalDropDistance) {
      console.log("deleting")
      el.parentNode.removeChild(el);
      currentPieces.splice(n, 1); 
      n--;
    } // end if
  } // end for let
  //console.log("abc")
  setTimeout("renderFruitAndVeg()",5);
} // end of function renderFruitAndVeg



pageSetup();