var expandableRowTogglePixel = 1;
function showBlok(id) {
    var row = document.getElementById('expandableRow');

    if (row.style.height == '')
        window['expandableRowHeight'] = row.clientHeight;
    else
        window['expandableRowHeight'] = row.style.height.substr(0, row.style.height.length - 2);

    window['firstExpand'] = true;

    id.SetClientVisible(true);
}
function hideBlok(id) {
    id.SetClientVisible(false);
    if (window['firstExpand'] != true) {
        if (window['expandableRowHeight'] > 0) {
            expandableRowTogglePixel = (expandableRowTogglePixel == 1) ? -1 : 1;
            document.getElementById('expandableRow').style.height = (parseInt(window['expandableRowHeight']) + expandableRowTogglePixel) + 'px';
        }
    }
    window['firstExpand'] = false;
}

function show(id) {
    switch (id) {
        case "q1":
            document.getElementById("bigger").style.display = "";
            document.getElementById("bigger2").style.display = "none";
            document.getElementById("bigger3").style.display = "none";
            document.getElementById("bigger4").style.display = "none";
            break;
        case "q2":
            document.getElementById("bigger").style.display = "none";
            document.getElementById("bigger2").style.display = "";
            document.getElementById("bigger3").style.display = "none";
            document.getElementById("bigger4").style.display = "none";
            break;
        case "q3":
            document.getElementById("bigger").style.display = "none";
            document.getElementById("bigger2").style.display = "none";
            document.getElementById("bigger3").style.display = "";
            document.getElementById("bigger4").style.display = "none";
            break;
        case "q4":
            document.getElementById("bigger").style.display = "none";
            document.getElementById("bigger2").style.display = "none";
            document.getElementById("bigger3").style.display = "none";
            document.getElementById("bigger4").style.display = "";
            break;
        case "hide":
            document.getElementById("bigger").style.display = "none";
            document.getElementById("bigger2").style.display = "none";
            document.getElementById("bigger3").style.display = "none";
            document.getElementById("bigger4").style.display = "none";
            document.getElementById("leesVerder").style.display = "none";
            document.getElementById("biggerContact").style.display = "none";
            break;
        case "hideContact":
            document.getElementById("biggerContact").style.display = "none";
            break;
        case "HtmlLeesVerder":
            document.getElementById("leesVerder").style.display = "";
            document.getElementById("leesVerderLink").style.display = "none";
            break;
        case "HtmlTerug":
            document.getElementById("leesVerder").style.display = "none";
            document.getElementById("leesVerderLink").style.display = "";
            break;
        case "contact":
            document.getElementById("biggerContact").style.display = "";
            break;
    }
}