function getDropDownValue(sObj) {
    return document.getElementById(sObj).options[document.getElementById(sObj).options.selectedIndex].value;
}

function setOpacity(objid, value) {
    document.getElementById(objid).style.opacity = value / 10;
    document.getElementById(objid).style.filter = 'alpha(opacity=' + value * 10 + ')';
    return;
}

function addOption(sObj, value, text) {
    var selectbox = document.getElementById(sObj);
    var optn = document.createElement("OPTION");
    optn.text = text;
    optn.value = value;
    selectbox.options.add(optn);
    return;
}

function initbalie() {
    new ajax('/balie/balie.asp', { postBody: 'f=initBalie', onComplete: initbalie_ready });
    return;
}

function initbalie_ready(request) {

    var responseText;
    var itemID, itemText;
    var productsFound;

    responseText = request.responseText;

    // lees alle gegevens in:
    var arrResponses = responseText.split("^");
    for (var i = 0; i < arrResponses.length; i++) {
        itemID = arrResponses[i].split("|")[0].substring(4, arrResponses[i].split("|")[0].length);
        itemText = arrResponses[i].split("|")[1];

        if (arrResponses[i].split("|")[0].substring(0, 4) == 'sit_')
            addOption("situatie", itemID, itemText);
        if (arrResponses[i].split("|")[0].substring(0, 4) == 'thm_')
            addOption("thema", itemID, itemText);
        if (arrResponses[i].split("|")[0] == 'gevondenproducten')
            setproductsFound(itemText);
    }
    return;
}

function setproductsFound(noProducts) {
    if (noProducts == 1)
        document.getElementById("beschikbaar").innerHTML = unescape("%3Cstrong%3E" + noProducts + "%3C/strong%3E product beschikbaar")
    else
        document.getElementById("beschikbaar").innerHTML = unescape("%3Cstrong%3E" + noProducts + "%3C/strong%3E producten beschikbaar");
    return;
}

function situatie_change() {
    if (getDropDownValue("situatie") == "")
        return;

    document.getElementById("thema").value = "";
    document.getElementById("subthema").disabled = false;
    addOption("subthema", "", "- Maak uw keuze -");
    document.getElementById("subthema").disabled = true;

    showWait();
    new ajax('/balie/balie.asp', { postBody: 'f=getproductfromsituatie&sit=' + getDropDownValue("situatie"), onComplete: situatie_change_ready });
    return;
}

function situatie_change_ready(request) {

    var responseText;
    var productsFound;

    responseText = request.responseText;
    productsFound = parseInt(responseText.split("|")[1]);
    setproductsFound(productsFound);
    stopWait();
    return;
}

function subthema_change(obj) {
    if (getDropDownValue("subthema") == "")
        return;

    showWait();
    new ajax('/balie/balie.asp', { postBody: 'f=getproductfromthemas&thm=' + getDropDownValue("subthema"), onComplete: subthema_change_ready });
}

function subthema_change_ready(request) {

    var responseText;
    var productsFound;

    responseText = request.responseText;
    productsFound = parseInt(responseText.split("|")[1]);
    setproductsFound(productsFound);
    stopWait();
    return;
}

function thema_change(obj) {

    // disable de eventueel aanwezige subthema's
    document.getElementById("subthema").options.length = 0;
    document.getElementById("subthema").disabled = true;

    if (document.getElementById("situatie").value != "")
        document.getElementById("situatie").value = "";
    if (obj.value == "")
        document.getElementById("subthema").options.length = 0;
    else {
        document.getElementById("beschikbaar").innerHTML = 'bezig met laden...';
        new ajax('/balie/balie.asp', { postBody: 'f=getsubthemes&thm=' + getDropDownValue("thema"), onComplete: thema_change_ready });
    }
    return false;
}

function thema_change_ready(request) {

    var arrResponses = request.responseText.split("^");
    showWait();
    document.getElementById("subthema").disabled = false;
    addOption("subthema", "", "- Maak uw keuze -");
    for (var i = 0; i < arrResponses.length; i++) {

        itemID = arrResponses[i].split("|")[0].substring(4, arrResponses[i].split("|")[0].length);
        itemText = arrResponses[i].split("|")[1];

        if (arrResponses[i].split("|")[0].substring(0, 4) == 'thm_')
            addOption("subthema", itemID, itemText);
        if (arrResponses[i].split("|")[0] == 'gevondenproducten')
            setproductsFound(itemText);
    }
    stopWait();
    return;
}

function showWait() {
    setOpacity("zoekfilter", 3);
    document.getElementById("beschikbaar").innerHTML = 'bezig met laden...';
    return;
}

function stopWait() {
    setOpacity("zoekfilter", 10);
}

function checkBalieForm() {
    if (
      (document.getElementById("situatie").value != "") ||
      (document.getElementById("thema").value != "")
    )
        return true;
    else {
        alert("maak eerst een selectie door een levenssituatie of een thema te kiezen");
        return false;
    }
}

window.onload = function() { initbalie(); };