var myborderStyle = "solid";
var my2borderColor = "red";
var my2borderStyle = "solid";
var my2borderWidth = "1px";
var my2backgroundColor = "#ffd7d7";
var myfontfamily = "arial";
var mycolor = "#a1a1a1";
var mytdstyle = "vertical-align:top;";


var myborderColor = "orange";
var mybackgroundColor = "DarkGray";
var myborderWidth = "1px";
var myinputcolor = "black";
var myfontsize = "18px";
var bildurl = "bilder/yolla.gif";
var name_x = 90;
var name_y = 100;
var email_x = 90;
var email_y = 160;
var betreff_x = 90;
var betreff_y = 220;
var nachricht_x = 90;
var nachricht_y = 280;
var abschicken_x = 90;
var abschicken_y = 500;


function kontakt_pruefen() {
  var verschicken = "Ja";

  if (verschicken == 'nichts tun') {
  if (document.getElementById("fehler_name").hasChildNodes()) {
    document.getElementById("name").style.borderColor = myborderColor;
    document.getElementById("name").style.borderStyle = myborderStyle;
    document.getElementById("name").style.borderWidth = myborderWidth;
    document.getElementById("name").style.backgroundColor = mybackgroundColor;
    var knoten = document.getElementById("fehler_name").firstChild;
    entfernen = document.getElementById("fehler_name").removeChild(knoten);
    var knoten = document.getElementById("fehler_name").firstChild;
    entfernen = document.getElementById("fehler_name").removeChild(knoten);
  };

  if (document.getElementById("fehler_email").hasChildNodes()) {
    document.getElementById("email").style.borderColor = myborderColor;
    document.getElementById("email").style.borderStyle = myborderStyle;
    document.getElementById("email").style.borderWidth = myborderWidth;
    document.getElementById("email").style.backgroundColor = mybackgroundColor;
    var knoten = document.getElementById("fehler_email").firstChild;
    entfernen = document.getElementById("fehler_email").removeChild(knoten);
    var knoten = document.getElementById("fehler_email").firstChild;
    entfernen = document.getElementById("fehler_email").removeChild(knoten);
  };

  if (document.getElementById("fehler_betreff").hasChildNodes()) {
    document.getElementById("betreff").style.borderColor = myborderColor;
    document.getElementById("betreff").style.borderStyle = myborderStyle;
    document.getElementById("betreff").style.borderWidth = myborderWidth;
    document.getElementById("betreff").style.backgroundColor = mybackgroundColor;
    var knoten = document.getElementById("fehler_betreff").firstChild;
    entfernen = document.getElementById("fehler_betreff").removeChild(knoten);
    var knoten = document.getElementById("fehler_betreff").firstChild;
    entfernen = document.getElementById("fehler_betreff").removeChild(knoten);
  };
  
  if (document.getElementById("fehler_nachricht").hasChildNodes()) {
    document.getElementById("nachricht").style.borderColor = myborderColor;
    document.getElementById("nachricht").style.borderStyle = myborderStyle;
    document.getElementById("nachricht").style.borderWidth = myborderWidth;
    document.getElementById("nachricht").style.backgroundColor = mybackgroundColor;
    var knoten = document.getElementById("fehler_nachricht").firstChild;
    entfernen = document.getElementById("fehler_nachricht").removeChild(knoten);
    var knoten = document.getElementById("fehler_nachricht").firstChild;
    entfernen = document.getElementById("fehler_nachricht").removeChild(knoten);
  };
  
  if (document.getElementById("name").value.length < 4) {
    verschicken = "Nein";
    document.getElementById("name").style.borderColor = my2borderColor;
    document.getElementById("name").style.borderStyle = my2borderStyle;
    document.getElementById("name").style.borderWidth = my2borderWidth;
    document.getElementById("name").style.backgroundColor = my2backgroundColor;
    var Elementknoten = document.createElement("span");
    var Textknoten = document.createTextNode("Der angegebene Name ist zu kurz.");
    Elementknoten.appendChild(Textknoten);
    document.getElementById("fehler_name").appendChild(Elementknoten);
    var Elementknoten = document.createElement("br");
    document.getElementById("fehler_name").appendChild(Elementknoten);
  };
  
  ausdruck = new RegExp('^([a-zA-Z0-9\\-\\.\\_]+)(\\@)([a-zA-Z0-9\\-\\.]+)(\\.)([a-zA-Z]{2,4})$');
  if (!(ausdruck.test(document.getElementById("email").value))) {
    verschicken = "Nein";
    document.getElementById("email").style.borderColor = my2borderColor;
    document.getElementById("email").style.borderStyle = my2borderStyle;
    document.getElementById("email").style.borderWidth = my2borderWidth;
    document.getElementById("email").style.backgroundColor = my2backgroundColor;
    var Elementknoten = document.createElement("span");
    var Textknoten = document.createTextNode("Die e-Mail-Adresse ist fehlerhaft.");
    Elementknoten.appendChild(Textknoten);
    document.getElementById("fehler_email").appendChild(Elementknoten);
    var Elementknoten = document.createElement("br");
    document.getElementById("fehler_email").appendChild(Elementknoten);
  };
  
  if (document.getElementById("betreff").value.length < 8) {
    verschicken = "Nein";
    document.getElementById("betreff").style.borderColor = my2borderColor;
    document.getElementById("betreff").style.borderStyle = my2borderStyle;
    document.getElementById("betreff").style.borderWidth = my2borderWidth;
    document.getElementById("betreff").style.backgroundColor = my2backgroundColor;
    var Elementknoten = document.createElement("span");
    var Textknoten = document.createTextNode("Geben Sie einen ausdrucksstarken Betreff ein.");
    Elementknoten.appendChild(Textknoten);
    document.getElementById("fehler_betreff").appendChild(Elementknoten);
    var Elementknoten = document.createElement("br");
    document.getElementById("fehler_betreff").appendChild(Elementknoten);
  };
  
  if (document.getElementById("nachricht").value.length < 0) {
    verschicken = "Nein";
    document.getElementById("nachricht").style.borderColor = my2borderColor;
    document.getElementById("nachricht").style.borderStyle = my2borderStyle;
    document.getElementById("nachricht").style.borderWidth = my2borderWidth;
    document.getElementById("nachricht").style.backgroundColor = my2backgroundColor;
    var Elementknoten = document.createElement("span");
    var Textknoten = document.createTextNode("Der Text der Nachricht ist zu kurz.");
    Elementknoten.appendChild(Textknoten);
    document.getElementById("fehler_nachricht").appendChild(Elementknoten);
    var Elementknoten = document.createElement("br");
    document.getElementById("fehler_nachricht").appendChild(Elementknoten);
  };
  };
  
  if (verschicken == "Ja") {
    querystring  = "?name="
    querystring += document.getElementById("name").value;
    querystring += "&email=";
    querystring += document.getElementById("email").value;
    querystring += "&betreff=";
    querystring += document.getElementById("betreff").value;
    querystring += "&nachricht=";
    querystring += document.getElementById("nachricht").value;
    document.location = "kontakt.php" + querystring;
  };
};

kontaktformular = ''+
'<div id="kontakt" style="position:absolute; z-index:1000;">'+
'  <table cellspacing="0" cellpadding="0" style="font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+mycolor+';">'+
'    <tr>'+
'      <td width="80%" style="'+mytdstyle+'">'+
'        <span id="fehler_name"></span>'+
'        <input style="font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" type="text" name="name" id="name" size="40"><br><br>'+
'      </td>'+
'    </tr>'+
'    <tr>'+
'      <td width="80%" style="'+mytdstyle+'">'+
'        <span id="fehler_email"></span>'+
'        <input style="font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" type="text" name="email" id="email" size="40"><br><br>'+
'      </td>'+
'    </tr>'+
'    <tr>'+
'      <td width="80%" style="vertical-align:top;">'+ 
'        <span id="fehler_betreff"></span>'+
'        <input style="font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" type="text" name="betreff" id="betreff" size="40"><br><br><br>'+
'      </td>'+
'    </tr>'+
'    <tr>'+
'      <td width="80%" style="vertical-align:top;">'+ 
'        <span id="fehler_nachricht"></span>'+
'        <textarea style="font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" name="nachricht" id="nachricht" rows="8" cols="50"></textarea><br><br>'+
'      </td>'+
'    </tr>'+
'    <tr>'+
'      <td width="80%" style="'+mytdstyle+'">'+
'        <input onClick="kontakt_pruefen()" type="image" name="abschicken" id="abschicken" src="'+bildurl+'">'+
'      </td>'+
'    <tr>'+
'  </table>'+
'</div>';

kontaktformular = ''+
'<input style="position:absolute; z-index:10000; left:'+name_x+'px; top:'+name_y+'px; font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" type="text" name="name" id="name" size="40"><br><br>'+
'<input style="position:absolute; z-index:10000; left:'+email_x+'px; top:'+email_y+'px; font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" type="text" name="email" id="email" size="40"><br><br>'+
'<input style="position:absolute; z-index:10000; left:'+betreff_x+'px; top:'+betreff_y+'px; font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" type="text" name="betreff" id="betreff" size="40"><br><br><br>'+
'<textarea style="position:absolute; z-index:10000; left:'+nachricht_x+'px; top:'+nachricht_y+'px; font-family:'+myfontfamily+'; font-size:'+myfontsize+'; color:'+myinputcolor+'; background-color:'+mybackgroundColor+'; border:'+myborderWidth+' '+myborderStyle+' '+myborderColor+';" name="nachricht" id="nachricht" rows="8" cols="50"></textarea><br><br>'+
'<input style="position:absolute; z-index:10000; left:'+abschicken_x+'px; top:'+abschicken_y+'px;" onClick="kontakt_pruefen()" type="image" name="abschicken" id="abschicken" src="'+bildurl+'">';