﻿
function setDiv(divId,imgId) {
    var oDiv = document.getElementById(divId);
    var oImg = document.getElementById(imgId);
    var state = oDiv.style.display;
    
    hideAllComboBox();
            
    if(state == 'none') {
        oDiv.style.display = '';            
    }
    else {        
        oDiv.style.display = "none";            
    }
    oImg.src = "/images/combobox/btn_combo.gif";
}
function OnComboMouseOver(divId,imgId)
{        
    var oImg = document.getElementById(imgId);        
    oImg.src = "/images/combobox/btn_combo_ovr.gif";
}
function OnComboMouseOut(divId,imgId)
{        
    var oImg = document.getElementById(imgId);        
    oImg.src = "/images/combobox/btn_combo.gif";    
}

function hideAllComboBox() 
{                
    document.getElementById("divbox_cbGeslacht").style.display = 'none';
    document.getElementById("divbox_cbProvincie").style.display = 'none';
    //document.getElementById("divbox_cbGemeente").style.display = 'none';
    document.getElementById("divbox_cbPostuur").style.display = 'none';
    document.getElementById("divbox_cbHaarkleur").style.display = 'none';
    document.getElementById("divbox_cbBurgelijkestaat").style .display = 'none';
    document.getElementById("divbox_cbOpleiding").style .display = 'none';
}

var oMultiSelectComboBox_cbGeslacht = false;
var oMultiSelectComboBox_cbProvincie = false;
//var oMultiSelectComboBox_cbGemeente = false;
var oMultiSelectComboBox_cbPostuur = false;
var oMultiSelectComboBox_cbHaarkleur = false;
var oMultiSelectComboBox_cbBurgelijkestaat = false;
var oMultiSelectComboBox_cbOpleiding = false;


function OnDivOver(sname)
{	
    switch (sname)
      {
        case 'cbGeslacht': { oMultiSelectComboBox_cbGeslacht = true; break }
        case 'cbProvincie': { oMultiSelectComboBox_cbProvincie = true; break }
        //case 'cbGemeente': { oMultiSelectComboBox_cbGemeente = true; break }
        case 'cbPostuur': { oMultiSelectComboBox_cbPostuur = true; break }
        case 'cbHaarkleur': { oMultiSelectComboBox_cbHaarkleur = true; break }
        case 'cbBurgelijkestaat': { oMultiSelectComboBox_cbBurgelijkestaat = true; break }            
        case 'cbOpleiding': { oMultiSelectComboBox_cbOpleiding = true; break }            
      }
}

function OnDivOut(sname)
{	        
    switch (sname)
      {
        case 'cbGeslacht': { oMultiSelectComboBox_cbGeslacht = false; break }
        case 'cbProvincie': { oMultiSelectComboBox_cbProvincie = false; break }
        //case 'cbGemeente': { oMultiSelectComboBox_cbGemeente = false; break }
        case 'cbPostuur': { oMultiSelectComboBox_cbPostuur = false; break }
        case 'cbHaarkleur': { oMultiSelectComboBox_cbHaarkleur = false; break }
        case 'cbBurgelijkestaat': { oMultiSelectComboBox_cbBurgelijkestaat = false; break }            
        case 'cbOpleiding': { oMultiSelectComboBox_cbOpleiding = false; break }            
      }          
}

document.onmousedown = MouseDown;

function MouseDown()
{
    try {        
        if (oMultiSelectComboBox_cbGeslacht == false && oMultiSelectComboBox_cbProvincie == false && 
            oMultiSelectComboBox_cbPostuur == false && oMultiSelectComboBox_cbOpleiding == false &&
            oMultiSelectComboBox_cbHaarkleur == false && oMultiSelectComboBox_cbBurgelijkestaat == false ) {
            hideAllComboBox();
        }
    } catch(err) { }
    return true;
}

function OnCheckAny(checkId, spanId, val) {        
    var objCheck = document.getElementById(checkId);
    var objSpan = document.getElementById(spanId);
    var sText = $get(spanId).innerHTML;
    
    val = val.replace("`","'");
                            
    if(objCheck.checked == true) {            
        if(sText.match("Maakt niet uit")) {$get(spanId).innerHTML = val;}
        else { $get(spanId).innerHTML = sText + "," + val;}
    }
    else {            
        sText = ',' + sText;            
        sText = sText.replace(',' + val, "");
        sText = sText.substr(1);            
        if(sText == '') {sText = "Maakt niet uit";}
        $get(spanId).innerHTML = sText;                        
    }
}