// function weights yellow with p_y% for the yellow box
  function yellowrandomCase(p_y,N){
    let random_seq = ''
    for (let i = 0; i < N; i++) {
      var n = Math.floor(Math.random()*100);
      if (n<p_y) {
        random_seq += "<img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>";
      }else {
        random_seq += "<img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>";
      }
    }
    document.getElementById("random_seq").innerHTML = random_seq;
    if (document.getElementById("displaytable").style.display === "none")
        document.getElementById("displaytable").style.display="block";
  }

  // function weights yellow with p_g% for the green box
  function greenrandomCase(p_g,N){
    let random_seq = ''
    for (let i = 0; i < N; i++) {
      var n = Math.floor(Math.random()*100);
      if (n<p_g) {
        random_seq += "<img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>";
      }else {
        random_seq += "<img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>";
      }
    }
    document.getElementById("green_seq").innerHTML = random_seq;
    if (document.getElementById("displaytable").style.display === "none")
        document.getElementById("displaytable").style.display="block";
  }

  // function uses a random sequence generated in python.
    // This is for the rounds
  function yellowrandomRound(){
      let sample=js_vars.marble_sample;
      let N=js_vars.N;
    let random_yellow = ''
    for (let i = 0; i < N; i++) {
      var n = sample[i];
      if (n < 1) {
        random_yellow += "<img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>";
      } else {
        random_yellow += "<img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>";
      }
    }
    document.getElementById("random_seq").innerHTML = random_yellow;
    if (document.getElementById("displaytable").style.display === "none")
        document.getElementById("displaytable").style.display="block";
  }