// kfg_javascript.js - 11.11.2011

function farbe_zeigen(A, B, C) {
 if (B.length == 6) {
  document.getElementById(A).style.backgroundColor="#"+B.toUpperCase();
  if (C) {
   vorschau();
  }
 }
}

function meldung(A, B) {
  document.getElementById("infoanzeige").innerHTML= (B == false ? "" : '<img src="img/info.png"> ') + A;
}

function vorschau() {
  if (document.Form.Option.value == "vorschau") {
   document.Form.Kontakt.click();
  }
}

function marker(id) {
 if (document.Form.table.checked==true && parent.Fenster.document.getElementById(id) != null) {
  parent.Fenster.document.getElementById(id).style.outline='solid 1px rgb(252,194,85)';
 }
}

function marker_off(id) {
 if (document.Form.table.checked==true && parent.Fenster.document.getElementById(id) != null) {
  parent.Fenster.document.getElementById(id).style.outline='0px';
 }
}

function pruefe() {
 if (document.Form.Kopie.checked == true || document.Form.AutoKopie.checked == true) {
  if (document.Form.Email.checked == false) {
   document.Form.Email.click();
  }
 }
}

function spamschutz() {
 document.Form.Spam.checked ?
 document.getElementById("auswahl_spamschutz").disabled=false :
 document.getElementById("auswahl_spamschutz").disabled=true;
}

// Textfelder
var feld = 1;
var title = new Array("Straße", "Hausnummer", "Postleitzahl", "Wohnort", "Land", "Telefon", "Mobil", "Website", "Beruf", "Hobby", "Geburtsdatum", "Firma", "Facebook", "Skype", "Twitter", "ICQ", "Webseite", "Personen", "Kundennummer", "Artikel", "Artikelnummer", "Termin", "Uhrzeit", "-", "-");
var optionS = new Array("", "Buchstaben", "E-Mail", "Großbuchstaben", "Kleinbuchstaben", "Hexadezimalziffern", "URL", "Ziffern");
function feld_minus() {
 if (feld > 1) {
  feld--;
  document.Form.count_feld.value = feld-1;
  document.getElementById("dynamic_input").innerHTML = "";
  for (var zaehler = 1; zaehler < feld; zaehler++) {
   var inhalt = document.getElementsByName("h_")[zaehler-1].value;
   var ck = (document.getElementsByName("h_")[zaehler-1].checked ? "checked='checked'" : "");
   var oPttxt = "<label><input type='checkbox' name='gu_" + zaehler + "' onClick='document.getElementsByName(\"h_\")[" + (zaehler-1) + "].click(); vorschau();' " + ck + ">  Pflichtfeld</label><br>";
   oPttxt += "<label>Überprüfen auf (nur): <select onChange='document.Form.textOption" + (zaehler-1) + ".value=this.value'>";
   for (var zx = 0; zx <= 7; zx++) {
    oPttxt += "<option value='" + optionS[zx] + "'";
     if (document.getElementById("textOption" + (zaehler-1)).value == optionS[zx]) {
      oPttxt += "selected='selected'";
     }
    oPttxt += ">" + optionS[zx] + "</option>";
   }
   oPttxt += "</select></label><br>";
   oPttxt += "<label>Textzeichen minimal: <input type='text' value='" + document.getElementById("tzmi"+(zaehler-1)).value + "' size='2' onBlur='document.getElementById(\"tzmi\"+" + (zaehler-1) + ").value=this.value;'></label> &nbsp;";
   oPttxt += "<label>maximal: <input type='text' value='" + document.getElementById("tzmx"+(zaehler-1)).value + "' size='2' onBlur='document.getElementById(\"tzmx\"+" + (zaehler-1) + ").value=this.value;'></label>";
   document.getElementById("dynamic_input").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Textfeld " + zaehler + "</b> ein, zum Beispiel: <i>" + title[zaehler-1] + "</i>.<br><br><var>&bull;</var> Klicken Sie auf <img src=img/optionen_klein.png> um die Optionen einzustellen.'); marker('MarkFeld" + zaehler + "')\" onMouseOut=\"marker_off('MarkFeld" + zaehler + "')\"> <label for='markeT" + zaehler + "'><img src='img/textfeld.gif' title='Textfeld " + zaehler + "'></label> <input type='text' name='n_" + zaehler + "' value='" + inhalt + "' id='markeT" + zaehler + "' list='listTextfelder' spellcheck='true' style='width: 315px;' onBlur='document.getElementsByName(\"h_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp;<img src='img/optionen.png' onClick=\"anzeige('idOp" + (zaehler) + "')\" class='TextOptionsButton' title='Optionen (ein/aus)'><span id='idOp" + (zaehler) + "' class='TextOptions'>" + oPttxt + "</span></p>";
  }
  vorschau();
 }
 else {
  meldung("Es l&auml;sst sich kein Textfeld mehr entfernen!");
 }
}
function feld_plus() {
 if (feld <= 25) {
  document.getElementById("dynamic_input").innerHTML = "";
  feld++;
  document.Form.count_feld.value = feld-1;
  for (var zaehler = 1; zaehler < feld; zaehler++) {
   var inhalt = document.getElementsByName("h_")[zaehler-1].value;
   var ck = (document.getElementsByName("h_")[zaehler-1].checked ? "checked='checked'" : "");
   var oPttxt = "<label><input type='checkbox' name='gu_" + zaehler + "' onClick='document.getElementsByName(\"h_\")[" + (zaehler-1) + "].click(); vorschau();' " + ck + ">  Pflichtfeld</label><br>";
   oPttxt += "<label>Überprüfen auf (nur): <select onChange='document.Form.textOption" + (zaehler-1) + ".value=this.value'>";
   for (var zx = 0; zx <= 7; zx++) {
    oPttxt += "<option value='" + optionS[zx] + "'";
     if (document.getElementById("textOption" + (zaehler-1)).value == optionS[zx]) {
      oPttxt += "selected='selected'";
     }
    oPttxt += ">" + optionS[zx] + "</option>";
   }
   oPttxt += "</select></label><br>";
   oPttxt += "<label>Textzeichen minimal: <input type='text' value='" + document.getElementById("tzmi"+(zaehler-1)).value + "' size='2' onBlur='document.getElementById(\"tzmi\"+" + (zaehler-1) + ").value=this.value;'></label> &nbsp;";
   oPttxt += "<label>maximal: <input type='text' value='" + document.getElementById("tzmx"+(zaehler-1)).value + "' size='2' onBlur='document.getElementById(\"tzmx\"+" + (zaehler-1) + ").value=this.value;'></label>";
   document.getElementById("dynamic_input").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Textfeld " + zaehler + "</b> ein, zum Beispiel: <i>" + title[zaehler-1] + "</i>.<br><br><var>&bull;</var> Klicken Sie auf <img src=img/optionen_klein.png> um die Optionen einzustellen.'); marker('MarkFeld" + zaehler + "')\" onMouseOut=\"marker_off('MarkFeld" + zaehler + "')\"> <label for='markeT" + zaehler + "'><img src='img/textfeld.gif' title='Textfeld " + zaehler + "'></label> <input type='text' name='n_" + zaehler + "' value='" + inhalt + "' id='markeT" + zaehler + "' list='listTextfelder' spellcheck='true' style='width: 315px;' onBlur='document.getElementsByName(\"h_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp;<img src='img/optionen.png' onClick=\"anzeige('idOp" + (zaehler) + "')\" class='TextOptionsButton' title='Optionen (ein/aus)'><span id='idOp" + (zaehler) + "' class='TextOptions'>" + oPttxt + "</span></p>";
  }
  vorschau();
 }
 else {
  meldung("Es lassen sich maximal 25 Textfelder hinzuf&uuml;gen!");
 }
}


// Mehrzeilige Textfelder
var textbereich = 1;
function textbereich_minus() {
 if (textbereich > 1) {
  textbereich--;
  document.Form.count_textbereich.value = textbereich-1;
  document.getElementById("dynamic_textbereich").innerHTML = "";
  for (var zaehler = 1; zaehler < textbereich; zaehler++) {
   var inhalt = document.getElementsByName("tbh_")[zaehler-1].value;
    var ck = (document.getElementsByName("tbc_")[zaehler-1].checked ? "checked='checked'" : "");
   document.getElementById("dynamic_textbereich").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für das <b>Mehrzeilige Textfeld " + zaehler + "</b> ein.<br><br><var>&bull;</var> Sie können das mehrzeilige Textfeld als Pflichtfeld setzen.'); marker('MarkMehrz" + zaehler + "')\" onMouseOut=\"marker_off('MarkMehrz" + zaehler + "')\"> <label for='markeM" + zaehler + "'><img src='img/kommentar.gif' title='Mehrzeiliges Textfeld " + zaehler + "'></label> <input type='text' name='tbn_" + zaehler + "' value='" + inhalt + "' id='markeM" + zaehler + "' spellcheck='true' style='width: 312px;' onBlur='document.getElementsByName(\"tbh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='tu_" + zaehler + "' onClick='document.getElementsByName(\"tbc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "></p>";
  }
  vorschau();
 }
 else {
  meldung("Es l&auml;sst sich kein mehrzeiliges Textfeld mehr entfernen!");
 }
}
function textbereich_plus() {
 if (textbereich <= 10) {
  document.getElementById("dynamic_textbereich").innerHTML = "";
  textbereich++;
  document.Form.count_textbereich.value = textbereich-1;
  for (var zaehler = 1; zaehler < textbereich; zaehler++) {
   var inhalt = document.getElementsByName("tbh_")[zaehler-1].value;
    var ck = (document.getElementsByName("tbc_")[zaehler-1].checked ? "checked='checked'" : "");
   document.getElementById("dynamic_textbereich").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für das <b>Mehrzeilige Textfeld " + zaehler + "</b> ein.<br><br><var>&bull;</var> Sie können das mehrzeilige Textfeld als Pflichtfeld setzen.'); marker('MarkMehrz" + zaehler + "')\" onMouseOut=\"marker_off('MarkMehrz" + zaehler + "')\"> <label for='markeM" + zaehler + "'><img src='img/kommentar.gif' title='Mehrzeiliges Textfeld " + zaehler + "'></label> <input type='text' name='tbn_" + zaehler + "' value='" + inhalt + "' id='markeM" + zaehler + "' spellcheck='true' style='width: 312px;' onBlur='document.getElementsByName(\"tbh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='tu_" + zaehler + "' onClick='document.getElementsByName(\"tbc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "></p>";
  }
  vorschau();
 }
 else {
  meldung("Es lassen sich maximal 10 mehrzeilige Textfelder hinzuf&uuml;gen!");
 }
}

// Auswahllisten
var awliste = 1;
function auswahlliste_minus() {
 if (awliste > 1) {
  awliste--;
  document.Form.count_awliste.value = awliste-1;
  document.getElementById("dynamic_awliste").innerHTML = "";
  for (var zaehler = 1; zaehler < awliste; zaehler++) {
   var inhalt = document.getElementsByName("awh_")[zaehler-1].value;
   var inlist = document.getElementsByName("awl_")[zaehler-1].value;
   var ck = (document.getElementsByName("awc_")[zaehler-1].checked ? "checked='checked'" : "");
   document.getElementById("dynamic_awliste").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Auswahlliste " + zaehler + "</b> ein. Optionen bitte durch Komma trennen.<br><br><var>&bull;</var> Sie können diese Auswahlliste als Pflichtfeld setzen.'); marker('MarkAuswahl" + zaehler + "')\" onMouseOut=\"marker_off('MarkAuswahl" + zaehler + "')\"> <label for='markeA" + zaehler + "'><img src='img/auswahl.gif' title='Auswahlliste " + zaehler + "'></label> <input type='text' name='awn_" + zaehler + "' value='" + inhalt + "' id='markeA" + zaehler + "' list='listAuswahllisteName' spellcheck='true' style='width: 300px;' onBlur='document.getElementsByName(\"awh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='pu_" + zaehler + "' onClick='document.getElementsByName(\"awc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "><br>&nbsp; <input type='text' name='awq_" + zaehler + "' value='" + inlist + "' list='listAuswahlliste' style='width: 360px;' onBlur='document.getElementsByName(\"awl_\")[" + (zaehler-1) + "].value=this.value;'></p>";
  }
  vorschau();
 }
 else {
  meldung("Es l&auml;sst sich keine Auswahlliste mehr entfernen!");
 }
}
function auswahlliste_plus() {
 if (awliste <= 10) {
  document.getElementById("dynamic_awliste").innerHTML = "";
  awliste++;
  document.Form.count_awliste.value = awliste-1;
  for (var zaehler = 1; zaehler < awliste; zaehler++) {
   var inhalt = document.getElementsByName("awh_")[zaehler-1].value;
   var inlist = document.getElementsByName("awl_")[zaehler-1].value;
   var ck = (document.getElementsByName("awc_")[zaehler-1].checked ? "checked='checked'" : "");
   document.getElementById("dynamic_awliste").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Auswahlliste " + zaehler + "</b> ein. Optionen bitte durch Komma trennen.<br><br><var>&bull;</var> Sie können diese Auswahlliste als Pflichtfeld setzen.'); marker('MarkAuswahl" + zaehler + "')\" onMouseOut=\"marker_off('MarkAuswahl" + zaehler + "')\"> <label for='markeA" + zaehler + "'><img src='img/auswahl.gif' title='Auswahlliste " + zaehler + "'></label> <input type='text' name='awn_" + zaehler + "' value='" + inhalt + "' id='markeA" + zaehler + "' list='listAuswahllisteName' spellcheck='true' style='width: 300px;' onBlur='document.getElementsByName(\"awh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='pu_" + zaehler + "' onClick='document.getElementsByName(\"awc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "><br>&nbsp; <input type='text' name='awq_" + zaehler + "' value='" + inlist + "' list='listAuswahlliste' style='width: 360px;' onBlur='document.getElementsByName(\"awl_\")[" + (zaehler-1) + "].value=this.value;'></p>";
  }
  vorschau();
 }
 else {
  meldung("Es lassen sich maximal 10 Auswahllisten hinzuf&uuml;gen!");
 }
}
function auswahlliste_aktuell() {
  document.getElementById("dynamic_awliste").innerHTML = "";
  document.Form.count_awliste.value = awliste-1;
  for (var zaehler = 1; zaehler < awliste; zaehler++) {
   var inhalt = document.getElementsByName("awh_")[zaehler-1].value;
   var inlist = document.getElementsByName("awl_")[zaehler-1].value;
   var ck = (document.getElementsByName("awc_")[zaehler-1].checked ? "checked='checked'" : "");
   document.getElementById("dynamic_awliste").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Auswahlliste " + zaehler + "</b> ein. Optionen bitte durch Komma trennen.<br><br><var>&bull;</var> Sie können diese Auswahlliste als Pflichtfeld setzen.'); marker('MarkAuswahl" + zaehler + "')\" onMouseOut=\"marker_off('MarkAuswahl" + zaehler + "')\"> <label for='markeA" + zaehler + "'><img src='img/auswahl.gif' title='Auswahlliste " + zaehler + "'></label> <input type='text' name='awn_" + zaehler + "' value='" + inhalt + "' id='markeA" + zaehler + "' list='listAuswahllisteName' spellcheck='true' style='width: 300px;' onBlur='document.getElementsByName(\"awh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='pu_" + zaehler + "' onClick='document.getElementsByName(\"awc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "><br>&nbsp; <input type='text' name='awq_" + zaehler + "' value='" + inlist + "' list='listAuswahlliste' style='width: 360px;' onBlur='document.getElementsByName(\"awl_\")[" + (zaehler-1) + "].value=this.value;'></p>";
  }
  vorschau();
}

// Radio-Buttons
var rbliste = 1;
function radiobuttons_minus() {
 if (rbliste > 1) {
  rbliste--;
  document.Form.count_radioliste.value = rbliste-1;
  document.getElementById("dynamic_radioliste").innerHTML = "";
  for (var zaehler = 1; zaehler < rbliste; zaehler++) {
   var inhalt = document.getElementsByName("rbh_")[zaehler-1].value;
   var inlist = document.getElementsByName("rbl_")[zaehler-1].value;
   var ck = (document.getElementById("RadioMehrz" + zaehler).checked) ? "checked='checked'" : "";
   var oPttxt = "<label><input type='checkbox' onClick='document.getElementById(\"RadioMehrz\" + " + zaehler + ").click(); vorschau();' " + ck + ">  Radio-Buttons mehrzeilig darstellen</label><br>";
   var ck2 = (document.getElementById("RadioVoraus" + zaehler).checked) ? "checked='checked'" : "";
   oPttxt += "<label><input type='checkbox' onClick='document.getElementById(\"RadioVoraus\" + " + zaehler + ").click(); vorschau();' " + ck2 + ">  Vorauswahl aktivieren</label><br>";
   document.getElementById("dynamic_radioliste").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Radio-Buttons " + zaehler + "</b> ein. Optionen bitte durch Komma trennen.<br><br><var>&bull;</var> Klicken Sie auf <img src=img/optionen_klein.png> um die Optionen einzustellen.'); marker('MarkRadio" + zaehler + "')\" onMouseOut=\"marker_off('MarkRadio" + zaehler + "')\"> <label for='markeR" + zaehler + "'><img src='img/radio.gif' title='Radio-Buttons " + zaehler + "'></label> <input type='text' name='rbn_" + zaehler + "' value='" + inhalt + "' id='markeR" + zaehler + "' spellcheck='true' style='width: 323px;' onBlur='document.getElementsByName(\"rbh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp;<img src='img/optionen.png' onClick=\"anzeige('idOpR" + (zaehler) + "')\" class='TextOptionsButton' title='Optionen (ein/aus)'><br>&nbsp; <input type='text' name='rbq_" + zaehler + "' value='" + inlist + "' style='width: 360px;' onBlur='document.getElementsByName(\"rbl_\")[" + (zaehler-1) + "].value=this.value;'><span id='idOpR" + (zaehler) + "' class='TextOptions'>" + oPttxt + "</span></p>";
  }
  vorschau();
 }
 else {
  meldung("Es lassen sich keine Radio-Buttons mehr entfernen!");
 }
}
function radiobuttons_plus() {
 if (rbliste <= 10) {
  document.getElementById("dynamic_radioliste").innerHTML = "";
  rbliste++;
  document.Form.count_radioliste.value = rbliste-1;
  for (var zaehler = 1; zaehler < rbliste; zaehler++) {
   var inhalt = document.getElementsByName("rbh_")[zaehler-1].value;
   var inlist = document.getElementsByName("rbl_")[zaehler-1].value;
   var ck = (document.getElementById("RadioMehrz" + zaehler).checked) ? "checked='checked'" : "";
   var oPttxt = "<label><input type='checkbox' onClick='document.getElementById(\"RadioMehrz\" + " + zaehler + ").click(); vorschau();' " + ck + ">  Radio-Buttons mehrzeilig darstellen</label><br>";
   var ck2 = (document.getElementById("RadioVoraus" + zaehler).checked) ? "checked='checked'" : "";
   oPttxt += "<label><input type='checkbox' onClick='document.getElementById(\"RadioVoraus\" + " + zaehler + ").click(); vorschau();' " + ck2 + ">  Vorauswahl aktivieren</label>";
   document.getElementById("dynamic_radioliste").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Radio-Buttons " + zaehler + "</b> ein. Optionen bitte durch Komma trennen.<br><br><var>&bull;</var> Klicken Sie auf <img src=img/optionen_klein.png> um die Optionen einzustellen.'); marker('MarkRadio" + zaehler + "')\" onMouseOut=\"marker_off('MarkRadio" + zaehler + "')\"> <label for='markeR" + zaehler + "'><img src='img/radio.gif' title='Radio-Buttons " + zaehler + "'></label> <input type='text' name='rbn_" + zaehler + "' value='" + inhalt + "' id='markeR" + zaehler + "' spellcheck='true' style='width: 323px;' onBlur='document.getElementsByName(\"rbh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp;<img src='img/optionen.png' onClick=\"anzeige('idOpR" + (zaehler) + "')\" class='TextOptionsButton' title='Optionen (ein/aus)'><br>&nbsp; <input type='text' name='rbq_" + zaehler + "' value='" + inlist + "' style='width: 360px;' onBlur='document.getElementsByName(\"rbl_\")[" + (zaehler-1) + "].value=this.value;'><span id='idOpR" + (zaehler) + "' class='TextOptions'>" + oPttxt + "</span></p>";
  }
  vorschau();
 }
 else {
  meldung("Es lassen sich maximal 10 Radio-Buttons hinzuf&uuml;gen!");
 }
}

// Checkboxen
var ckfeld = 1;
function checkbox_minus() {
 if (ckfeld > 1) {
  ckfeld--;
  document.Form.count_ckfeld.value = ckfeld-1;
  document.getElementById("dynamic_ckfield").innerHTML = "";
  for (var zaehler = 1; zaehler < ckfeld; zaehler++) {
   var inhalt = document.getElementsByName("ckh_")[zaehler-1].value;
   var ck = (document.getElementsByName("ckc_")[zaehler-1].checked ? "checked='checked'" : "");
   document.getElementById("dynamic_ckfield").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Checkbox " + zaehler + "</b> ein.<br><br><var>&bull;</var> Sie können diese Checkbox als Pflichtfeld setzen.'); marker('MarkCheck" + zaehler + "')\" onMouseOut=\"marker_off('MarkCheck" + zaehler + "')\"> <label for='markeC" + zaehler + "'><img src='img/check.gif' title='Checkbox " + zaehler + "'></label> <input type='text' name='ckn_" + zaehler + "' value='" + inhalt + "' id='markeC" + zaehler + "' list='listCheckboxen' spellcheck='true' style='width: 315px;' onBlur='document.getElementsByName(\"ckh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='cu_" + zaehler + "' onClick='document.getElementsByName(\"ckc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "></p>";
  }
  vorschau();
 }
 else {
  meldung("Es l&auml;sst sich keine Checkbox mehr entfernen!");
 }
}
function checkbox_plus() {
  if (ckfeld <= 25) {
   document.getElementById("dynamic_ckfield").innerHTML = "";
   ckfeld++;
   document.Form.count_ckfeld.value = ckfeld-1;
   for (var zaehler = 1; zaehler < ckfeld; zaehler++) {
    var inhalt = document.getElementsByName("ckh_")[zaehler-1].value;
    var ck = (document.getElementsByName("ckc_")[zaehler-1].checked ? "checked='checked'" : "");
    document.getElementById("dynamic_ckfield").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Checkbox " + zaehler + "</b> ein.<br><br><var>&bull;</var> Sie können diese Checkbox als Pflichtfeld setzen.'); marker('MarkCheck" + zaehler + "')\" onMouseOut=\"marker_off('MarkCheck" + zaehler + "')\"> <label for='markeC" + zaehler + "'><img src='img/check.gif' title='Checkbox " + zaehler + "'></label> <input type='text' name='ckn_" + zaehler + "' value='" + inhalt + "' id='markeC" + zaehler + "' list='listCheckboxen' spellcheck='true' style='width: 315px;' onBlur='document.getElementsByName(\"ckh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='cu_" + zaehler + "' onClick='document.getElementsByName(\"ckc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "></p>";
   }
   vorschau();
  }
  else {
   meldung("Es lassen sich maximal 25 Checkboxen hinzuf&uuml;gen!");
  }
}
function checkbox_aktuell() {
 document.getElementById("dynamic_ckfield").innerHTML = "";
 for (var zaehler = 1; zaehler < ckfeld; zaehler++) {
  var inhalt = document.getElementsByName("ckh_")[zaehler-1].value;
  var ck = (document.getElementsByName("ckc_")[zaehler-1].checked ? "checked='checked'" : "");
  document.getElementById("dynamic_ckfield").innerHTML += "<p class='dynamic info hintergrund_" + ((zaehler % 2) ? "1" : "0") + "' onMouseOver=\"meldung('Geben Sie eine Beschriftung für <b>Checkbox " + zaehler + "</b> ein.<br><br><var>&bull;</var> Sie können diese Checkbox als Pflichtfeld setzen.'); marker('MarkCheck" + zaehler + "')\" onMouseOut=\"marker_off('MarkCheck" + zaehler + "')\"> <label for='markeC" + zaehler + "'><img src='img/check.gif' title='Checkbox " + zaehler + "'></label> <input type='text' name='ckn_" + zaehler + "' value='" + inhalt + "' id='markeC" + zaehler + "' list='listCheckboxen' spellcheck='true' style='width: 315px;' onBlur='document.getElementsByName(\"ckh_\")[" + (zaehler-1) + "].value=this.value;'> &nbsp; <input type='checkbox' name='cu_" + zaehler + "' onClick='document.getElementsByName(\"ckc_\")[" + (zaehler-1) + "].click(); vorschau();' title='Pflichtfeld' " + ck + "></p>";
 }
 vorschau();
}

function farbwahl(A,B,C,D) {
 if (document.getElementById(B).style.display=="block") {
  document.getElementById(B).style.display="none"
 }
 else {
  XMLHTTP.open("GET", "farbwahl.php?id=" + A + "&id2=" + B + "&id3=" + C + "&id4=" + D + "&" + Math.random(), true);
  XMLHTTP.onreadystatechange=farbwahlResponse;
  XMLHTTP.send(null);
 }
}

function farbwahlResponse() {
 if (XMLHTTP.readyState == 4 || XMLHTTP.readyState=="complete") {
  var res = XMLHTTP.responseText.split("|");
  document.getElementById(res[0]).style.border="Solid 1px #AAAAAA";
  document.getElementById(res[0]).style.borderRadius="6px";
  document.getElementById(res[0]).style.backgroundColor="#FCCF7B";
  document.getElementById(res[0]).style.padding="3px";
  document.getElementById(res[0]).style.textAlign="center";
  document.getElementById(res[0]).style.marginBottom="3px";
  document.getElementById(res[0]).innerHTML=res[1];
  document.getElementById(res[0]).style.display="block";
 }
}

function MnemonischesPasswort() {
 XMLHTTP.open("GET", "kfg_mnem_pass.php?" + Math.random(), true);
 XMLHTTP.onreadystatechange=MnemonischesPasswortResponse;
 XMLHTTP.send(null);
}

function MnemonischesPasswortResponse() {
 if (XMLHTTP.readyState == 4 || XMLHTTP.readyState=="complete") {
  document.Form.Passwort_value.value = XMLHTTP.responseText;
 }
}

function webStart() {
 document.getElementById("Fenster").style.height="450px";
 document.getElementById("start").style.display="none";
 parent.Fenster.document.getElementById("MarkName").style.visibility="hidden";
 parent.Fenster.document.getElementById("MarkEmail").style.visibility="hidden";
 parent.Fenster.document.getElementById("MarkBetreff").style.visibility="hidden";
 parent.Fenster.document.getElementById("MarkNachricht").style.visibility="hidden";
 parent.Fenster.document.getElementById("MarkSubmit").style.visibility="hidden";
 parent.Fenster.document.getElementById("button").style.visibility="hidden";
 document.getElementById('Fenster').style.backgroundImage="url(milli.png)";
 for (var i = 0 ; i <= 100 ; i++ ) {
  setTimeout('setWebStart(' + (i / 10) + ')' , 100 * i);
 }
}

function setWebStart(value) {
 if (value == 2) parent.Fenster.document.getElementsByTagName("table")[0].style.outline="dashed 1px #0000FF";
 if (value == 3) parent.Fenster.document.getElementsByTagName("table")[0].style.backgroundImage="url(milli2.png)";
 if (value == 4) parent.Fenster.document.getElementById("MarkName").style.visibility="visible";
 if (value == 5) parent.Fenster.document.getElementById("MarkEmail").style.visibility="visible";
 if (value == 6) parent.Fenster.document.getElementById("MarkBetreff").style.visibility="visible";
 if (value == 7) parent.Fenster.document.getElementById("MarkNachricht").style.visibility="visible";
 if (value == 8) parent.Fenster.document.getElementById("MarkSubmit").style.visibility="visible";
 if (value == 9) {
 document.getElementById('Fenster').style.backgroundImage="none";
 parent.Fenster.document.getElementsByTagName("table")[0].style.outline="none";
 parent.Fenster.document.getElementsByTagName("table")[0].style.backgroundImage="none";
 }
 if (value == 10) {
  document.getElementById("logos").style.display="none";
  document.getElementById("demos").style.display="none";
  document.getElementById("Formularfelder").style.display="block";
  document.getElementById("KontaktId").style.display="inline";
  document.getElementById("U").style.backgroundImage="url(u1.png)";
  parent.Fenster.document.getElementById("button").style.visibility="visible";
 }
}

function localStart() {
 document.getElementById("Fenster").style.height="450px";
 document.getElementById("start").style.display="none";
 document.getElementById("KontaktId").style.display="inline";
 document.getElementById("logos").style.display="none";
 document.getElementById("demos").style.display="none";
 document.getElementById("Formularfelder").style.display="block";
 document.getElementById("U").style.backgroundImage="url(u1.png)";
}

function fadeIn() {
 for (var i = 0 ; i <= 100 ; i++ ) {
  setTimeout('setOpacity(' + (i / 10) + ')' , 5 * i);
 }
}

function setOpacity(value) {
 document.getElementById("Fenster").style.opacity=value / 10;
 if ("\v"=="v") {
  document.getElementById("Fenster").style.filter="alpha(opacity=" + value * 10 + ")";
 }
}

function source() {
 if (document.Form.Option.value == "erstellen") {
  document.getElementById("Fenster").style.opacity="0.2";
  if ("\v"=="v") {
   document.getElementById("Fenster").style.filter="alpha(opacity=20)";
  }
  document.getElementById("lade").style.display="inline";
 }
}

function tfb(ID, wert) {
 if (wert.length==2) {
  if (wert.charCodeAt(0) >= 48 && wert.charCodeAt(0) <= 57 && wert.charCodeAt(1) >= 48 && wert.charCodeAt(1) <= 57) {
   if (wert <= 80) {
    if (wert.charCodeAt(0) == 48) {
     wert = wert.substr(1, 1);
    }
    document.getElementById(ID).value=wert;
    document.Form.Kontakt.click();
   }
  }
 }
}

function fsize(wert) {
 parent.document.getElementById("Fenster").style.height=wert+"px";
 parent.document.getElementById("layer").style.height=wert+"px";
}

function anzeige(ID) {
 document.getElementById(ID).style.display= (document.getElementById(ID).style.display=="none") ? "inline-block" : "none";
}

function Beschreibungstextwechsel() {
 var btext = new Array;
 btext[1] = "Bitte verwenden Sie dieses Formular, wenn Sie Fragen an uns haben oder weitere Informationen benötigen.";
 btext[2] = "Möchten Sie uns Ihre Meinung mitteilen? Konstruktive Kritik ist erlaubt und gewollt. Wir sind auch offen für Meinungen, Anregungen und Vorschläge betreffend dieser Seiten.";
 btext[3] = "Haben Sie Fragen oder möchten Sie bestellen, nutzen Sie den direkten Kontakt zu uns. Wir sind für Sie da.";
 btext[4] = "Über nachfolgendes Formular können Sie eine Kurzmitteilung an uns senden.";
 btext[5] = "Ich freue mich über Feedback, Anregungen und auf die konstruktive Diskussion mit Ihnen!";
 btext[6] = "Du hast Fragen oder Anmerkungen zu einzelnen Sendungen oder unseren Produkten?";
 btext[7] = "Sie haben eine Frage zum Unternehmen, unseren Produkten oder interessieren sich für ein bestimmtes Thema dann nutzen Sie den direkten Kontakt zu uns.";
 btext[8] = "Wir freuen uns über Ihr Interesse und nehmen einen weitergehenden Dialog mit Ihnen gern auf. Bitte lassen Sie uns an dieser Stelle wissen, was wir für Sie tun können.";
 btext[9] = "Bei Fragen wenden Sie sich doch einfach an uns. Füllen Sie das Formular vollständig aus und klicken Sie auf den Button 'Formular absenden'. Wir werden umgehend mit Ihnen, per E-Mail in Kontakt treten.";
 document.Form.Beschreibungstext_value.value = btext[document.Form.Beschreibungstextvorlage.options[document.Form.Beschreibungstextvorlage.selectedIndex].value];
 if (document.Form.Beschreibungstext.checked == false) {
  document.Form.Beschreibungstext.click();
 }
 vorschau();
}

var XMLHTTP = null;
if (window.XMLHttpRequest) {
  XMLHTTP = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  try {
    XMLHTTP = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (ex) {
    try {
      XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (ex) {
    }
  }
}

$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
 $(".flip2").click(function(){
    $(".panel2").slideToggle("slow");
  });
 $(".flip3").click(function(){
    $(".panel3").slideToggle("slow");
  });
 $(".flip4").click(function(){
    $(".panel4").slideToggle("slow");
  });
});