//checkBox teller
var checkCount = 0;
//getoonde waarschuwing
var prevWarning = null;
//getoonde button
var prevBtnVerg = null;
var prevBtnVergInd = null;
//laatst aangevinkte checkbox
var selCheckBoxLastChecked = null;

function body_onLoad() {
    //tellen hoeveel checkboxes aangevinkt zijn
    //dit voor het geval de back button van de browser gebruikt is om deze pagina op te roepen

    //gridView1 en 2 worden in de pagina (BoxSpringsSel) aangemaakt
    telCheckBoxesChecked(gridView1);
    if(checkCount!=2) telCheckBoxesChecked(gridView2);
    setBtnVergDisabled(selCheckBoxLastChecked,false); //Zit in BoxSpringSel
}
function telCheckBoxesChecked(gridViewCur) {
    var inputs = gridViewCur.getElementsByTagName("INPUT");

    for (i = 0; i < inputs.length; i++) {
        if (inputs[i].type.toUpperCase() == "CHECKBOX" && inputs[i].checked) {
            checkCount++;
            //na terugkeer van vergelijkingspagina: laatst aangevinkte checkbox detecteren adhv. hidden indicator
            btnVergInd = document.getElementById(inputs[i].id.replace("selCheckBox", "btnVergInd"));
            if (btnVergInd.value != 0) {
                selCheckBoxLastChecked = inputs[i];
                prevBtnVergInd = btnVergInd;
            }
            if(checkCount==2) return;
        }
    }
}

function selCheckBox_Click(selCheckBox) {
    //checkBox geklikt, bijhouden hoeveel checkBoxes er aangevinkt zijn
    //als meer dan 2, dan een waarschuwing geven en checkBox afvinken

    //als er al een waarschuwing getoond wordt, dan deze eerst weghalen
    if (prevWarning != null) $(prevWarning).fadeOut("slow"); //prevWarning.style.display = "none";

    //bijhouden hoeveel checkBoxes er aangevinkt zijn
    if (selCheckBox.checked) {
        if (checkCount > 1) {
            //3e checkbox aangevinkt => afvinken en waarschuwing tonen
            selCheckBox.checked = false;

            //handige oplossing: de div voor de foutmelding heeft een id en runat="server" gekregen
            //daardoor wordt het (unieke) id vrijwel hetzelfde als dat van de checkbox
            //door in de id van de checkbox de naam te vervangen door die van de div, kan de referentie worden verkregen
            prevWarning = document.getElementById(selCheckBox.id.replace("selCheckBox", "cbWarning"));
            prevWarning.innerHTML = "<b>Er kunnen maximaal 2 slaapsystemen geselecteerd worden!<br />Maak zonodig eerst een andere selectie ongedaan.</b>";
            $(prevWarning).show("normal");
            //prevWarning.style.display = "block";
        }
        else {
            checkCount++;
        }
    }
    else {
        checkCount--;
    }
    
    //indicator bijhouden mbt. laatst aangevinkte checkbox
    //dit ivm. terugkeren van de vergelijkingspagina en daarna herstellen van getoonde button
    if (selCheckBox.checked && prevBtnVergInd != null) prevBtnVergInd.value = 0;
    prevBtnVergInd = document.getElementById(selCheckBox.id.replace("selCheckBox", "btnVergInd"));
    if(selCheckBox.checked) prevBtnVergInd.value = 1;
    else prevBtnVergInd.value = 0;
    
    setBtnVergDisabled(selCheckBox,true); //Zit in BoxSpringSel2Kol
}