// function selectbox_loader() {

   /* ***************************************************************************** 
   /* Einige globale Variablen
   */
   var ober_f  = "";
   var unter_f = "";
   var deskr_f = "";
   
   /*******************************************************************************
   /* Erster Aufruf 
   */
   window.onload=function(){
     initLoading();
 }
   function initLoading(){
      /* var sprache; */
      var loader=new net.ContentLoader('/ask1.php',MyCallBack1,null,'POST','lang='+sprache);
   }
   /*  Die globalen Abfrage-Variablen, hier nur mal in der Darstellung
   */
   function report_vars(ober_f,unter_f,deskr_f){
      document.getElementById('info_vars').innerHTML=ober_f + '<br />' + unter_f + 
      '<br />' + deskr_f;
   }
   /* Call Back-Funktionen für Select-Boxen und Event-Handler  
   Das ist der erste Aufruf, von initLoading bei window.onload ausgefuehrt
   */
   function MyCallBack1(){
      document.getElementById('resultat').innerHTML=this.req.responseText;
      var sel1=document.getElementById('sele1');
      var message1=new jsEvent.EventRouter(sel1,"onchange");
      message1.addListener(echo_var_select1);		// Hier Reihenfolge vertauscht
      message1.addListener(echoselect1);
      
      
   }
   /* Das DOM-Element resultat2 muss zuerst gebaut werden...
   */
   function MyCallBack2(){
      createSelect2();
      createBox2();
      document.getElementById('resultat2').innerHTML=this.req.responseText;
      var sel2=document.getElementById('sele2');
      var message2=new jsEvent.EventRouter(sel2,"onchange");
      message2.addListener(echo_var_select2);		// Hier Reihenfolge vertauscht
      message2.addListener(echoselect2);
      
   }
   /* Das DOM-Element resultat3 muss zuerst gebaut werden...
   */
   function MyCallBack3(){
      createSelect3();
      createBox3();
      document.getElementById('resultat3').innerHTML=this.req.responseText;
      var sel3=document.getElementById('sele3');
      var message3=new jsEvent.EventRouter(sel3,"onchange");
      message3.addListener(echo_var_select3);		// Hier Reihenfolge vertauscht
      message3.addListener(echoselect3);
      
   }
   
      
   function MyCallBack4(){
      document.getElementById('bildresultate').innerHTML=this.req.responseText;
      var sear=document.getElementById('Schalter');
      var message4=new jsEvent.EventRouter(sear,"onclick");
      //message4.addListener(createButton);
      message4.addListener(hallo);
   }
   /*******************************************************************************
   /* Auswertung der Selectboxen auf Inhalt und Übergabe an globale Variablen
   Diese Funktion ueberwacht die Variable ober_f und meldet sie...
   Sie laesst bei Bedarf den Button verschwinden ( removeButton() )
   */
   function echo_var_select1(e){
      
      var e = "";
      var d = "";
      d=document.getElementById('sele1').selectedIndex;
      e=document.getElementById('sele1').options[d].text;
      ober_f=e;
      //report_vars(ober_f,'','');
      if (document.getElementById("Schalter") ) {
	 // alert("Schalter gesehen");
	 // alert('Ich bin echo_var_select1 und rufe removeField auf');
	 removeField();
      }
   }
   function echo_var_select2(e){
      var e = "";
      var d = "";
      d=document.getElementById('sele2').selectedIndex;
      e=document.getElementById('sele2').options[d].text;
      unter_f=e;
      //report_vars(ober_f,unter_f,'');
      if (document.getElementById("Schalter") ) {
	 // alert("Schalter gesehen");
	 // alert('Ich bin echo_var_select2 und rufe removeField auf');
	 removeField();
      }
   }
   
   function echo_var_select3(e){
      var e = "";
      var d = "";
      d=document.getElementById('sele3').selectedIndex;
      e=document.getElementById('sele3').options[d].text;
      // alert('Selectbox 3 meldet: ' + e);
      deskr_f=e;
      //report_vars(ober_f,unter_f,deskr_f);
      if (document.getElementById("Schalter") ) {
	 // alert("Schalter gesehen");
	 // alert('Ich bin echo_var_select3 und rufe removeField auf');
	 removeField();
      }
      // Hier Funktion aufrufen, die das Feld und den Button kreiert
      createField();
      createForm();
      createButton();
   }

   
   /*******************************************************************************
   /* Auswertung der Select-Boxen und Übergabe an den Content-Loader
   Diese Funktion fuehrt zum naechsten Element
   */
   
   function echoselect1(e){
      var handle=document.getElementById("selectbox3");
      var handle2=document.getElementById("selectbox2");
      if (handle && handle2) {
	 //alert('Ich bin echoselect1 und rufe nacheinander removeselect3 und 2 auf');
	 removeSelect3();
	 removeSelect2();
      }
      if ((!handle) && handle2) {     // Was bedeuted das? selectbox3...
	 //alert('Ich bin echoselect1 und rufe nur removeselect2 auf');
	 removeSelect2();
      }
      var e = "";
      var d = "";
      d=document.getElementById('sele1').selectedIndex;
      e=document.getElementById('sele1').options[d].value;
      var loader=new net.ContentLoader('/ask2.php',MyCallBack2,null,'POST','wert='+e+'&lang='+sprache);
   }
   
   function echoselect2(e){
      var handle=document.getElementById("selectbox3");
      var handle2=document.getElementById("selectbox2");
      if (handle && handle2) {
	 //alert('Ich bin echoselect2 und rufe nur removeselect3 auf');
	 removeSelect3();
	 
      }
      var e = "";
      var d = "";
      d=document.getElementById('sele2').selectedIndex;
      e=document.getElementById('sele2').options[d].value;
      var loader=new net.ContentLoader('/ask3.php',MyCallBack3,null,'POST','wert='+e+'&lang='+sprache);
   }
   
   function echoselect3(e){
      var e = "";
      var d = "";
      d=document.getElementById('sele3').selectedIndex;
      e=document.getElementById('sele3').options[d].text;
   }
   
   /* Bildresultate holen
   */
   function hallo(e){
      // alert('Mausclick...');
      // alert('Vars: '+ober_f+'\n'+ unter_f+'\n'+ deskr_f);
      // alert('Sprache: '+sprache);
      var a = ober_f;
      var b = unter_f;
      var c = deskr_f;
      var loader=new net.ContentLoader('/ask4.php',MyCallBack4,null,'POST','ober='+a+'&unter='+b+'&deskr='+c+'&lang='+sprache);
   }
   
   /* Element-Funktionen */
   
   function addDivElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,widthW,heightH,margIN,paddING) {
      var preElement=document.getElementById(preEl);
      // Das neue Element wird an den ParentNode gehaengt...
      var parentElement=preElement.parentNode;
      // alert("Parent: "+parentElement.nodeName);
      var newElement=document.createElement(elName);
      var newId=document.createAttribute("id");
      newId.nodeValue=idVal;
      newElement.className=classNameVal;
      newElement.setAttributeNode(newId);
      parentElement.appendChild(newElement);
      newElement.style.position=pos;
      newElement.style.left=posLeft;
      newElement.style.top=posTop;
      newElement.style.backgroundColor=bgCol;
      newElement.style.width=widthW;
      newElement.style.height=heightH;
      newElement.style.margin=margIN;
      newElement.style.padding=paddING;
   }
   
   function addBoxElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,widthW,heightH,margIN,paddING) {
      // Das neue Element wird direkt montiert...
      var preElement=document.getElementById(preEl);
      var newElement=document.createElement(elName);
      
      var newId=document.createAttribute("id");
      newId.nodeValue=idVal;
      newElement.className=classNameVal;
      newElement.setAttributeNode(newId);
      preElement.appendChild(newElement);

      newElement.style.position=pos;
      newElement.style.left=posLeft;
      newElement.style.top=posTop;
      newElement.style.backgroundColor=bgCol;
      newElement.style.width=widthW;
      newElement.style.height=heightH;
      newElement.style.margin=margIN;
      newElement.style.padding=paddING;
   }
   
   function addFormElement(preEl,elName,formName,idVal,classNameVal,bgCol,pos,posLeft,posTop,widthW,heightH,margIN,paddING){
      var preElement=document.getElementById(preEl);
      var newElement=document.createElement(elName);
      var newId=document.createAttribute("id");
      newId.nodeValue=idVal;
      newElement.className=classNameVal;
      newElement.setAttributeNode(newId);
      preElement.appendChild(newElement);
      var newFormName=document.createAttribute("name");
      newFormName.nodeValue=formName;
      newElement.setAttributeNode(newFormName);
      newElement.style.position=pos;
      newElement.style.left=posLeft;
      newElement.style.top=posTop;
      newElement.style.backgroundColor=bgCol;
      newElement.style.width=widthW;
      newElement.style.height=heightH;
      newElement.style.margin=margIN;
      newElement.style.padding=paddING;
   }
   
   function addButton(preEl,elName,attrName,attrType,attrType2,attrValue,attrID,idVal,attrNAME,attrNval){
      var preElement=document.getElementById(preEl);     // Form
      var newElement=document.createElement(elName);     // Input
      var newType=document.createAttribute(attrName);    // type
      newType.nodeValue=attrType;                    // button
      newElement.setAttributeNode(newType);          // 
      var newType2=document.createAttribute(attrType2);  // value
      newType2.nodeValue=attrValue;                   // Wählen
      newElement.setAttributeNode(newType2);
      var newType3=document.createAttribute(attrID);     // id
      newType3.nodeValue=idVal;                      // Schalter
      newElement.setAttributeNode(newType3);
      
      var newType4=document.createAttribute(attrNAME);     // name
      newType4.nodeValue=attrNval;                      // n
      newElement.setAttributeNode(newType4);
      
      preElement.appendChild(newElement);
      // alert("Button hergestellt");
      //document.abFragen.Schalter.onclick = hallo;    // Dem Formular einen Namen geben name=""
      
      if( navigator.appName.indexOf("Microsoft") != -1 ) { 
         var mic = document.getElementById("Schalter");
	 var soft = typeof(mic);
	 //alert('Microsoft: '+soft);
	 mic.onclick = hallo;
      } else {
         var qed = document.abFragen.n;
	 var i = typeof(qed);
         //alert(i);
	 document.abFragen.n.onclick = hallo;
      }
      
      
      
   }
   function createSelect2() {
      var preEl        = "selectbox1";
      var elName       = "div";
      var idVal        = "selectbox2";
      var classNameVal = "selectbox2";
      var bgCol	       = "olive";
      var pos          = "absolute";
      var posLeft      = "258px";
      var posTop       = "110px";
      var width        = "257px";
      var height       = "33px";
      var margin       = "0px";
      var padding      = "0px";
      addDivElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   function createBox2() {
      var preEl        = "selectbox2";
      var elName       = "div";
      var idVal        = "resultat2";
      var classNameVal = "box2";
      var bgCol	       = "silver";
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "0px";
      var width        = "246px";
      var height       = "23px";
      var margin       = "3px";
      var padding      = "2px";
      addBoxElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   
   function createSelect3() {
      var preEl        = "selectbox2";
      var elName       = "div";
      var idVal        = "selectbox3";
      var classNameVal = "selectbox3";
      var bgCol	       = "olive";
      var pos          = "absolute";
      var posLeft      = "517px";
      var posTop       = "110px";
      var width        = "257px";
      var height       = "33px";
      var margin       = "0px";
      var padding      = "0px";
      addDivElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
      
   }
   function createBox3() {
      var preEl        = "selectbox3";
      var elName       = "div";
      var idVal        = "resultat3";
      var classNameVal = "box3";
      var bgCol	       = "silver";
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "0px";
      var width        = "246px";
      var height       = "23px";
      var margin       = "3px";
      var padding      = "2px";
      addBoxElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   
   function createField() {
      var preEl        = "selectbox3";
      var elName       = "div";
      var idVal        = "buttonFeld";
      var classNameVal = "buttonFeld";
      var bgCol	       = "olive";
      var pos          = "absolute";
      var posLeft      = "517px";
      var posTop       = "134px";
      var width        = "257px";
      var height       = "33px";
      var margin       = "0px";
      var padding      = "0px";
      addDivElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   
   function createForm() {
      var preEl        = "buttonFeld";
      var elName       = "form";
      var formName     = "abFragen";
      var idVal        = "knopf";
      var classNameVal = "knopf";
      var bgCol	       = "silver";
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "0px";
      var width        = "246px";
      var height       = "23px";
      var margin       = "3px";
      var padding      = "2px";
      addFormElement(preEl,elName,formName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   function createButton(){
      var preEl       = "knopf";
      var elName      = "input";
      var attrName    = "type";
      var attrType    = "button";
      var attrType2   = "value";
      var attrValue   = "OK";
      var attrID      = "id";
      var idVal       = "Schalter";
      var attrNAME    = "name";
      var attrNval    = "n";
      addButton(preEl,elName,attrName,attrType,attrType2,attrValue,attrID,idVal,attrNAME,attrNval);
   }
   /* Und wieder aufraeumen...
   */
   function removeSelect3() {
      // alert('ich bin removeSelect3');
      var select0   = document.getElementById("suchbalken").firstChild;
      // alert('Nach suchbalken firstChild');
      var select1   = select0.nextSibling;
      // alert('Nach select1.nextSibling');
      var select2   = select1.nextSibling;
      //  alert('Nach select2.nextSibling: '+select2.nodeType);
      
      if( navigator.appName.indexOf("Microsoft") != -1 ) { 
	 // var mic = document.getElementById("Schalter");
	 // var soft = typeof(mic);
	 // alert('Microsoft: '+soft);
	 var result3   = document.getElementById("selectbox3").childNodes[0];
	 var resAttr   = result3.getAttribute('id');
	 var form3     = document.getElementById('resultat3').firstChild;
	 var formAttr  = form3.getAttribute('id');
	 removeForm3   = document.getElementById("resultat3").removeChild(form3);
	 removeResult3 = document.getElementById("selectbox3").removeChild(result3);
	 removeHandle3 = document.getElementById("suchbalken").removeChild(select2);
	 
      } else {
	 var select3   = select2.nextSibling;
	 // alert('select3.nodeType: '+select3.nodeType);
	 var select4   = select3.nextSibling;
	 // alert('select4.nodeType: '+select4.nodeType);
	 // var selAttr   = select4.getAttribute('id');
	 // alert('selAttr: '+ selAttr.value);				// Wieso ist das undefined? Weil es nicht definiert wird...
	 var result3   = document.getElementById("selectbox3").childNodes[0];
	 var resAttr   = result3.getAttribute('id');
	 var form3     = document.getElementById('resultat3').firstChild;
	 var formAttr  = form3.getAttribute('id');
	 removeForm3   = document.getElementById("resultat3").removeChild(form3);
	 removeResult3 = document.getElementById("selectbox3").removeChild(result3);
	 removeHandle3 = document.getElementById("suchbalken").removeChild(select4);
      }
   }
   function removeSelect2() {
      // alert('ich bin removeSelect2');				// Kommt er bis hier?
      var select0    = document.getElementById("suchbalken").firstChild;
      var result2    = document.getElementById("selectbox2").childNodes[0];
      // alert("result2: "+result2.nodeName);
      var form2      = document.getElementById("resultat2").firstChild;
      var select1    = select0.nextSibling;			// Der IE kommt bis hier
      // alert('select1.nodeType: '+select1.nodeType);
      if( navigator.appName.indexOf("Microsoft") != -1 ) { 
	 removeForm2   = document.getElementById("resultat2").removeChild(form2);
	 removeResult2 = document.getElementById("selectbox2").removeChild(result2);
	 removeHandle2 = document.getElementById("suchbalken").removeChild(select1);
      } else {
	 var select2    = select1.nextSibling;
	 // alert('select2.nodeType: '+select2.nodeType);
	 var select3    = select2.nextSibling;
	 removeForm2   = document.getElementById("resultat2").removeChild(form2);
	 removeResult2 = document.getElementById("selectbox2").removeChild(result2);
	 removeHandle2 = document.getElementById("suchbalken").removeChild(select3);
      }
   }
    
   function removeField() {				// Diese Funktion arbeitet im IE korrekt
      // alert('Ich bin removeField');
      var i;
      var kind=document.getElementById("suchbalken").firstChild;
      var papi=kind.parentNode;
      var pN=papi.childNodes.length;
      for (i=0; i < pN; i++) {
	 var knoten=papi.childNodes[i];
	 var name=papi.childNodes[i].nodeName;
	 if (name=='DIV') {
	    var attrib=knoten.getAttribute('id');
	 } else {
	    attrib="leer";
	 }
	 if (attrib=="buttonFeld"){
	    var buttonF=papi.childNodes[i];
	    break;
	 }
      }
      var knopfDiv  = document.getElementById("buttonFeld").firstChild;
      var schltDiv  = document.getElementById("knopf").firstChild;
      removeSchalt  = document.getElementById("knopf").removeChild(schltDiv);
      removeKnopf   = document.getElementById("buttonFeld").removeChild(knopfDiv);
      removeHandle4 = document.getElementById("suchbalken").removeChild(buttonF);
   }
   
   /*
    *  Diagnose und Debugging
    *
    *
    */
   
   
// }

function Bildfenster(imagename,copy_name) {
   var Bildfensterlein;
   var windowName;
   windowName = imagename;
   var html = '<html><head><title>'+imagename+'.jpg</title>\n'+
	      '</head><body bgcolor=#AAAAAA>\n'+
	      '<table width=500 height=510 align=center bgcolor=#EEEEEE>\n'+
	         '<tr>\n'+
		    '<td align=center>\n'+
		       '<img src='+'/images/postcard/'+imagename+'.jpg'+'>\n'+
		    '</td>\n'+
		 '</tr>\n'+
		 '<tr>\n'+
		    '<td align=center>Copyright: '+copy_name+'</td>'+
		 '</tr>\n'+
		    '</tr>\n'+
	      '</table>\n'+
	   '</body>\n'+
	'</html>\n';

   Bildfensterlein = this.open("","","left=50,width=540,height=540,resizable=yes,dependent=no");
   Bildfensterlein.document.open();
   Bildfensterlein.document.write(html);
   Bildfensterlein.document.close();
   Bildfensterlein.document.focus;
   Bildfensterlein.document.blur();
   cnt++;
}
