function check(radiobutton){
  document.getElementById(radiobutton).checked = true;
}

var items = [];

function radioButton_labels(item,start,end){
    var HTMLcode = "";
    var counter = 0;
    items.push(item);
    for(value=start;value<=end;value++){
        var current_button = "id_"+item+`_`+counter;
        HTMLcode += `<td onclick="check('`+current_button+`')" class="radio" style="vertical-align:middle"><center>
                        <div class="form-check form-check-inline">
                        <input type="radio" name=`+item+` value="`+value+`"
                        id="id_`+item+`_`+counter+`" class="form-check-input"><br>
                        <label style="position:relative; top:15px; right:15px;font-size:10px" for="id_`+item+`_`+counter+`" class="form-check-label">`+value+`</label>
                        </div></center>
                        </td>`;
        counter += 1;
     }
     document.getElementById(item).innerHTML += HTMLcode;
}

function radioButton_nolabels(item,start,end){
    var HTMLcode = "";
    var counter = 0;
    items.push(item);
    for(value=start;value<=end;value++){
        var current_button = "id_"+item+`_`+counter;
        HTMLcode += `<td onclick="check('`+current_button+`')" class="radio" style="vertical-align:middle;"><center>
                        <div class="form-check form-check-inline">
                        <input type="radio" name=`+item+` value="`+value+`"
                        id="id_`+item+`_`+counter+`"
                        class="form-check-input">
                        </div></center>
                        </td>`;
        counter += 1;
     }
     document.getElementById(item).innerHTML += HTMLcode;
}
function set_values(){
  for(j=0;j<items.length;j++){
    var radios = document.getElementsByName(items[j]);
    radios[0].checked = true;
  }
}
function unset_values(){
  for(j=0;j<items.length;j++){
    var radios = document.getElementsByName(items[j]);
    for(i=0;i<radios.length;i++){
      radios[i].checked = false;
    }
  }
}
function check_before_sending(){
  all_checked = 0;

  //get focus time & tabswitches
  times();

  for(j=0;j<items.length;j++){
    var radios = document.getElementsByName(items[j]);
    var at_least_one_radio_checked = false;
    for(i=0;i<radios.length;i++){
      if(radios[i].checked){
        document.getElementById(items[j]).style.backgroundColor="#f8f9fa";
        document.getElementById(items[j]).style.color="black";
        at_least_one_radio_checked = true;
        all_checked += 1;
      }
      else{
        if(at_least_one_radio_checked==false && i==radios.length-1){
          document.getElementById(items[j]).style.backgroundColor="#f8d7da";
          document.getElementById(items[j]).style.color="#9d1c24";
        }
      }
    }
  }
  if(all_checked==items.length){
    return true;
  } else{
    document.body.scrollTop = 0; // For Safari
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
    document.getElementById("error_message").style.display = "block";
    return false;
  }
}


function radioButton_horizontal(item,labels){
    var HTMLcode = "";
    start=0;
    end= labels.length;
    var counter = 0;
    items.push(item);
    for(value=start;value<end;value++){
        var current_button = "id_"+item+`_`+counter;
        HTMLcode += `<div class="form-check form-check-inline">
                        <input type="radio" name=`+item+` value="`+value+`"
                        id="id_`+item+`_`+counter+`" class="form-check-input">
                        <label style="font-size:10pt" for="id_`+item+`_`+counter+`" class="form-check-label">`+labels[value]+`</label>
                        </div><br>`;
        counter += 1;
     }
     document.getElementById(item).innerHTML += "<td>"+HTMLcode+"</td>";
}



//localStorage.clear();
function simulateClick(){
    document.getElementById("open").click();
}
function showChoicescreen(){
    document.getElementById("choicescreen").style="width:100%;display:show";
    document.getElementById("reminder").style="width:100%;display:show;color:gray; border: 1px dotted gray";
    document.getElementById("title").style="display:show";
}
function attentioncheck(){
    //var attentioncheck = document.getElementById("id_attentioncheck1_6").checked;
     try {
        var attentioncheck = document.getElementById("id_attentioncheck3_6").checked;
    } catch(ex0) {
        try {
            var attentioncheck = document.getElementById("id_attentioncheck2_0").checked;
            check = true;
        } catch (ex1) {
            try {
            var attentioncheck = document.getElementById("id_attentioncheck1_6").checked;
            } catch (ex2) {
                var attentioncheck = false;}
        }
    }

    var check = check_before_sending();

    if(check == false){
        return false;
    } else if(attentioncheck==false){
        if(check == true){
            localStorage.setItem('failcount', localStorage.getItem('failcount')+1);
            unset_values();
        }
        if(localStorage.getItem('failcount')==1){
            simulateClick();
            document.getElementById("attention-check-notification").innerHTML = "You failed an attention check. Please read all of the questions carefully. You have <b>2 tries</b> left."
            return false;
        }else if(localStorage.getItem('failcount')==11){
            simulateClick();
            document.getElementById("attention-check-notification").innerHTML = "You failed an attention check. Please read all of the questions carefully. You have <b>1 try</b> left. Note that an additional failure will lead to exclusion from this study."
            return false;
        }
        else{
            document.getElementById("id_exclusion").value = 3;
            set_values()
            return true;
        }
        return false;

    } else if(attentioncheck==true){
        if(localStorage.getItem('failcount')===null){
            document.getElementById("id_exclusion").value = 0;
        } else{
            if(localStorage.getItem('failcount')== 1){
                document.getElementById("id_exclusion").value = 1;
            } else if(localStorage.getItem('failcount')== 11){
                document.getElementById("id_exclusion").value = 2;
            } else if(localStorage.getItem('failcount')== 111){
                document.getElementById("id_exclusion").value = 3;
                set_values()
            }
        }
        return true;
    }
}


/*document.addEventListener('invalid', (function(){
      var show=true;
      return function(e){
          //prevent the browser from showing default error bubble/ hint
          e.preventDefault();
          if(show==true){
            alert("hello");
            show=false;
          }
            //show_required_message=False;
          // optionally fire off some custom validation handler
          // myvalidationfunction();
      };
  })(), true);*/