//change event van de hoofdgroep pull
function changeHoofdgroep(id) {
	var value = id.options[id.selectedIndex].value;
	var type = '';	
	//var type = document.getElementById('soort').value;	
	var subselect = document.getElementById('containersubgroep');
	
	$.getJSON("cms/class/root/clsAjax.php" , {id: value , soort: type , cat: 'subgroepen' , ajax: 'true'} , function(j){
	
      //regulier js om subselect te legen
  	var i;
  	for (i = subselect.length - 1 ; i >= 0 ; i --) {
      	subselect.remove(i);
  	}
  	
	//geen default keuze 'Maak een keuze' om een selectie van een subgroep af te dwingen
      var respons = false;
            	
      //directe string append ivm IE
      for (var i = 0 ; i < j.length ; i ++) {
     	   respons = true;  	
        $('#containersubgroep').append('<option id="suboption" class="selectvulling" value="' + j[i].id + '">' + j[i].naam + '</option>');
      }
         
      //bestaan er subgroepen van de hoofdgroepen, toon dan de subselect , anders geen display
      if (respons) {
      	subselect.style.display = '';
      } else {
      	subselect.style.display = 'none';
      }
        
})
}

//change event van de subgroep pull
function changeSubgroep(id) {	
	var value = id.options[id.selectedIndex].value;
	var type = '';	
	//var type = document.getElementById('soort').value;	
	var subsubselect = document.getElementById('containersubsubgroep');
	
	$.getJSON("cms/class/root/clsAjax.php",{id: value , soort: type , cat: 'subsubgroepen' , ajax: 'true'}, function(j){

      //een nieuwe subselect, dus sub en subsub mag geschoont worden    
      //regulier js om subselect te legen
  	var i;
  	for (i = subsubselect.length - 1 ; i>=0 ; i --) {
      	subsubselect.remove(i);
  	}			
		
	//geen default keuze 'Maak een keuze' om een selectie van een subsubgroep af te dwingen
      var respons = false;
            
      //directe string append ivm IE
      for (var i = 0; i < j.length ; i ++) {
     	   respons = true;  	
        $('#containersubsubgroep').append('<option class="selectvulling" value="' + j[i].id + '">' + j[i].naam + '</option>');
      }
         
      //bestaan er subsubgroepen van de subgroepen, toon dan de subsubselect , anders geen display
      if (respons) {
      	document.getElementById('tr_subsubgroep_1').style.display = '';
      	document.getElementById('tr_subsubgroep_2').style.display = '';
      	document.getElementById('tr_subsubgroep_3').style.display = '';
      } else {
      	document.getElementById('tr_subsubgroep_1').style.display = 'none';
      	document.getElementById('tr_subsubgroep_2').style.display = 'none';
      	document.getElementById('tr_subsubgroep_3').style.display = 'none';
      }
      
})
}