/* ***************************************************************************** 
   /* Einige globale Variablen
   */
   var SuchString = "";

   
   /*******************************************************************************
   /* Erster Aufruf 
   */
     
   window.onload=function(){
     initLoading();
     //alert('Loading');
   }
   function initLoading(){
      createInput();
      createBox4();
      createForm();
      createInput2();
      createButton();
   }


   function MyCallBack1(){
      document.getElementById('bildresultate').innerHTML=this.req.responseText;
      var sear=document.getElementById('sear');
      var message1=new jsEvent.EventRouter(sear,"onclick");
      message1.addListener(hallo);
   }
   
   /* Bildresultate holen
   */
   function hallo(e){
      // alert('Mausclick...');
      var  e = document.getElementById('SuchString').value;
      //var lang = lang;
      //alert('Sprache: '+sprache); 
      //report_vars(e);
      var loader=new net.ContentLoader('/ask5.php',MyCallBack1,null,'POST','SuchString='+e+'&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 addInput(preEl,elName,attrName,attrType,attrType2,attrValue,attrID,idVal,pos,posLeft,posTop){
      //alert("Var: "+preEl);
      var preElement=document.getElementById(preEl);     // Form
     // alert("Elternelement: "+preElement.nodeName);
      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);
      preElement.appendChild(newElement);
      
      newElement.style.position=pos;
      newElement.style.left=posLeft;
      newElement.style.top=posTop;
   }
   function addButton(preEl,elName,attrName,attrType,attrType2,attrValue,attrID,idVal,pos,posLeft,posTop){
     // alert("Var: "+preEl);
      var preElement=document.getElementById(preEl);     // Form
     // alert("Elternelement: "+preElement.nodeName);
      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);
      preElement.appendChild(newElement);                  
                                               
      newElement.style.position=pos;
      newElement.style.left=posLeft;
      newElement.style.top=posTop;
      
      //document.search_form.sear.onclick = hallo;    // Dem Formular einen Namen geben name=""
      var mic = document.getElementById("sear");
      var z  = document.getElementById("SuchString");
      
      mic.onclick = hallo;
      
      var x = new Keymap;
      x.bind('return', hallo);
      x.install(z);
      
   }
   
      function createInput() {
      var preEl        = "eingabefeld";
      var elName       = "div";
      var idVal        = "inputbox";
      var classNameVal = "inputbox";
      var bgCol	       = "olive";
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "110px";
      var width        = "384px";
      var height       = "33px";
      var margin       = "0px";
      var padding      = "0px";
      addDivElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   function createBox4() {
      var preEl        = "inputbox";
      var elName       = "div";
      var idVal        = "box4";
      var classNameVal = "box4";
      var bgCol	       = "silver";
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "0px";
      var width        = "373px";
      var height       = "23px";
      var margin       = "3px";
      var padding      = "2px";
      addBoxElement(preEl,elName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   
      function createForm() {
      var preEl        = "box4";
      var elName       = "form";
      var formName     = "search_form";
      var idVal        = "inputForm";
      var classNameVal = "inputForm";
      var bgCol	       = "";
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "0px";
      var width        = "371px";
      var height       = "23px";
      var margin       = "3px";
      var padding      = "2px";
      addFormElement(preEl,elName,formName,idVal,classNameVal,bgCol,pos,posLeft,posTop,width,height,margin,padding);
   }
   
   function createInput2(){
      var preEl       = "inputForm";   // box4
      var elName      = "input";   // input
      var attrName    = "type";   // type
      var attrType    = "text";   // text
      var attrType2   = "size";   // size
      var attrValue   = "42";     // 45
      var attrID      = "id";   // id
      var idVal       = "SuchString";   // SuchString
      
      var pos          = "absolute";
      var posLeft      = "0px";
      var posTop       = "0px";
      
      addInput(preEl,elName,attrName,attrType,attrType2,attrValue,attrID,idVal,pos,posLeft,posTop );
      
      var inputFocus = document.getElementById("SuchString");
      //alert('Test'+inputFocus);
      inputFocus.focus();
   }
   
   
   function createButton(){
      var preEl       = "inputForm";
      var elName      = "input";
      var attrName    = "type";
      var attrType    = "button";
      var attrType2   = "value";
      var attrValue   = "OK";
      var attrID      = "id";
      var idVal       = "sear";
      
      var pos          = "absolute";
      var posLeft      = "330px";
      var posTop       = "0px";
      
      addButton(preEl,elName,attrName,attrType,attrType2,attrValue,attrID,idVal,pos,posLeft,posTop);
      
   } 
   
   /*
    *  Diagnose und Debugging
    *
    *
    */
   function report_vars(SuchString){
      document.getElementById('info_vars').innerHTML=SuchString;
   }

   /*
   *  Fensteröffner
   *
   */
   
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++;
}

function FensterSchliessen(imagename) {
   Bildfenster.close();
}