// script taken from www.euraxess.de 
  function initSelect(pIdFirstSelect, pIdSecondSelect) {
      return manageSelect(document.getElementById(pIdFirstSelect),  pIdSecondSelect);
   }

   function manageSelect(pEleSelect, pIdSecondSelect) {
      var eleOption = pEleSelect.options.item(pEleSelect.selectedIndex)
      var eleSelect = document.getElementById(pIdSecondSelect);
      var regExp    = new RegExp(eleOption.className);
      var eleTemp   = document.getElementById("idWebAgTmpObj");

      // pruefen, ob das temporaere SELECT vorhanden ist und ggf. anlegen
      if (!(eleTemp)) {
         eleTemp = document.createElement("select");
         eleTemp.id = "idWebAgTmpObj";
         eleTemp.style.display="none";
         // das temporaere SELECT wird in das DIV gehangen:
         // <ul>     <form>     <div>
         eleSelect.parentNode.parentNode.appendChild(eleTemp);

         // alle "OPTIONS" aus dem Auswahl-Select in das temporaere SELECT verschieben
         while(eleSelect.hasChildNodes()) {
            eleTemp.appendChild(eleSelect.removeChild(eleSelect.firstChild));
         }
      }

      // ggf. alle "OPTIONS" aus dem Auswahl-Select entfernen
      while(eleSelect.hasChildNodes()) {
         eleSelect.removeChild(eleSelect.firstChild);
      }

      // alle "OPTIONS", die zum aktuellen Punkt des 1. SELECTs gehoeren, zurueckclonen
      for (i = 0; i < eleTemp.options.length; i++) {
         eleTemp.options.item(i).selected = false;
         if (eleTemp.options.item(i).className.search(regExp) > -1) {
            // ACHTUNG: In die Liste wird ein CLONE eingefuegt!
            eleSelect.appendChild(eleTemp.options.item(i).cloneNode(true));
         }
      }

      // ggf. das 1. Element auswaehlen
      if (eleSelect.options.length > 0) {
         eleSelect.lastChild.selected = true;
         eleSelect.firstChild.selected = true;
      }
   }


