//wordt gebruikt door het contactformulier van kleinkunstig, versie 2.0//

function selectChange(control, controlToPopulate, ItemArray, GroupArray) {
  
  var extraControl = false; //extra dropdown
  var myEle;
  var x;
  //dropdownboxen die gebruikt worden:
    
  var f = document.getElementById(firstdropdown);
  var s = document.getElementById(seconddropdown);
  var t = document.getElementById(thirddropdown);

  //indien het om een extra toegevoegde dropdown gaat (een e in de drop attribute)
  //alert(control.drop.indexOf('e'));
  
  if(control.getAttribute("drop").indexOf('e') == 0)
  {
	//verander de f, s en t:
	if (controlToPopulate.id == f.id)
		controlToPopulate = document.getElementById(control.getAttribute("f"));
	if (controlToPopulate.id == s.id)
		controlToPopulate = document.getElementById(control.getAttribute("s"));
	if (controlToPopulate.id == t.id)
		controlToPopulate = document.getElementById(control.getAttribute("t"));

	f = document.getElementById(control.getAttribute("f"));
    s = document.getElementById(control.getAttribute("s"));
    t = document.getElementById(control.getAttribute("t"));
	
	//extra dropdown:
	extraControl = true;
  }
  //alert(controlToPopulate.id);
  
  // Empty the second drop down box of any choices
  
  for (var q=controlToPopulate.options.length;q>=0;q--) controlToPopulate.options[q]=null;
  if (control.id == f.id || control.value == 0) {
    //Empty the third drop down box of any choices
	t.options.length = 0;
	
	//hide dropdown 3:
    t.style.display = 'none';
  }
  
  if (control.id == f.id && control.value == 0) {
   //hide dropdown 2:
   s.style.display = 'none';
  }
  
  // ADD Default Choice - in case there are no values
  controlToPopulate.options.length = 0;
  controlToPopulate.options[controlToPopulate.options.length] = new Option("Maak een keuze...", 0);
  
  //loop waarden door alleen als het geen 'maak een keuze' is
  if (control.value > 0 || control.options[control.selectedIndex].text == "Algemeen")
  {
	  var count = 0;
	  for ( x = 0 ; x < ItemArray.length  ; x++ ) {
		if ( GroupArray[x] == control.value ) {
		  count+=1;
		  controlToPopulate.options[controlToPopulate.options.length] = new Option(ItemArray[x], x);
		}
	  }
	  if (count > 0)
	  {
		controlToPopulate.style.display = '';
		controlToPopulate.options[controlToPopulate.options.length] = new Option("Algemeen", 0);
	  }
	  else
	  {
		//sluit control - omdat er niet verder gekozen kan worden:
		if (!extraControl)
		{
			hideChoice();
			document.getElementById(choice).innerHTML = control.options[control.selectedIndex].text
		}
		else
		{
			hideChoice2(f.getAttribute("lastdd"));
			document.getElementById("cn"+f.getAttribute("lastdd")).innerHTML = control.options[control.selectedIndex].text
		}
		
	  }
	}
}