var nr = 1;
var ref = 1;

function insert_text(text) {
	var txtarea = document.getElementsByTagName("textarea")[0];
	text = ' ' + text + ' ';

	txtarea.value  += text;
	txtarea.focus();
}

function refresh_formtype(i, out) {
	var opt = document.getElementById("typ"+i).selectedIndex;
	if (opt == 0) {
		var td = document.createElement("td");
		td.id = "config"+i;
			var leer = document.createTextNode(" ");
		td.appendChild(leer);
	} else {
		var td = document.createElement("td");
		td.id = "config"+i;
			var thead=document.createElement('thead');
			var tfoot=document.createElement('tfoot');
			var tbody=document.createElement('tbody');
			var table = document.createElement("table");
			table.bgColor="cccccc";
//EingabeFeld oder Passwortfeld
		if ((opt == 1) || (opt == 5)) {

						var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Wert:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "text";
							feld.name = "wert"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		
					var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Max:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "text";
							feld.name = "max"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		}

//Textbereich
		if (opt == 2) {

						var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Spalten:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "text";
							feld.name = "spalten"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		
					var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Zeilen:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "text";
							feld.name = "zeilen"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);

					var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Wert:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "text";
							feld.name = "wert"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		}

//Checkbox
		if (opt == 3) {

						var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Makiert:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "checkbox";
							feld.name = "mark"+i;
							feld.value = "checked";
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		}

// Radio Button
		if (opt == 4) {

						var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Elemente:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("textarea");
							feld.name = "elem"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		}

// verstecktes Feld
		if (opt == 6) {

						var tr_table = document.createElement("tr");
						var td_table= document.createElement("td");
							var td_text = document.createTextNode("Wert:");
						td_table.appendChild(td_text);
					tr_table.appendChild(td_table);
						var td_table= document.createElement("td");
							var feld = document.createElement("input");
							feld.type = "text";
							feld.name = "wert"+i;
						td_table.appendChild(feld);
					tr_table.appendChild(td_table);
				tbody.appendChild(tr_table);
		}

		table.appendChild(thead);
		table.appendChild(tfoot);
		table.appendChild(tbody);
	td.appendChild(table);
	}
	
	var Ausgabebereich = document.getElementById("element"+i);
	if (out == "new") {
		Ausgabebereich.appendChild(td);
	} else {
		Ausgabebereich.replaceChild(td, document.getElementById("element"+i).lastChild);
	}
}

function add_formtype(feldtype) {
var out_thead=document.createElement('thead');
var out_tfoot=document.createElement('tfoot');
var out_tbody=document.createElement('tbody');

var out_table = document.createElement("table");
out_table.id = nr;
out_table.bgColor="#cccccc";
	var out_tr = document.createElement("tr");
		out_tr.id = "element"+nr;
		out_tr.setAttribute("valign","top");
	var out_td = document.createElement("td");

		var thead=document.createElement('thead');
		var tfoot=document.createElement('tfoot');
		var tbody=document.createElement('tbody');

			var table = document.createElement("table");
			table.bgColor="#cccccc";
				var tr_table = document.createElement("tr");
					var td_table = document.createElement("td");
						var fett = document.createElement("b");
							if (feldtype == "text") var typ = document.createTextNode("Eingabefeld");
							if (feldtype == "textarea") var typ = document.createTextNode("Textfeld");
							if (feldtype == "checkbox") var typ = document.createTextNode("Makierungsfeld");
							if (feldtype == "select") var typ = document.createTextNode("Radio Button");
							if (feldtype == "password") var typ = document.createTextNode("Passwortfeld");
							if (feldtype == "hidden") var typ = document.createTextNode("Verstecktes Feld");
							var feld = document.createElement("input");
								feld.type = "hidden";
								feld.name = "typ"+nr
								feld.value= feldtype;
						fett.appendChild(typ);
						fett.appendChild(feld);
					td_table.appendChild(fett);
				tr_table.appendChild(td_table);

			tbody.appendChild(tr_table);
				var tr_table = document.createElement("tr");
					var td_table = document.createElement("td");
						var typ = document.createTextNode("Beschreibung:");
					td_table.appendChild(typ);
				tr_table.appendChild(td_table);
					var td_table = document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "beschr"+nr
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);

					var td_table = document.createElement("td");
						var typ = document.createTextNode("Feldname:");
					td_table.appendChild(typ);
				tr_table.appendChild(td_table);
					var td_table = document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "feldname"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);

					var td_table = document.createElement("td");
						var typ = document.createTextNode("Pflichtfeld:");
					td_table.appendChild(typ);
				tr_table.appendChild(td_table);
					var td_table = document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "checkbox";
						feld.name = "pflicht"+nr;
						feld.value = "pflicht";
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);
			tbody.appendChild(tr_table);
			
		if ((feldtype == "text") || (feldtype == "password") || (feldtype=="textarea")) {
				var tr_table = document.createElement("tr");
					var td_table= document.createElement("td");
						var typ = document.createTextNode("Wert:");
					td_table.appendChild(typ);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "wert"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);

					var td_table= document.createElement("td");
						var td_text = document.createTextNode("Max:");
					td_table.appendChild(td_text);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "max"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);
			tbody.appendChild(tr_table);
		}


		if (feldtype == "textarea") {
				var tr_table = document.createElement("tr");
					var td_table= document.createElement("td");
						var td_text = document.createTextNode("Spalten:");
					td_table.appendChild(td_text);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "spalten"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);

					var td_table= document.createElement("td");
						var td_text = document.createTextNode("Zeilen:");
					td_table.appendChild(td_text);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "zeilen"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);
			tbody.appendChild(tr_table);
		}
//Checkbox
		if (feldtype == "checkbox") {
				var tr_table = document.createElement("tr");
					var td_table= document.createElement("td");
						var td_text = document.createTextNode("Makiert:");
					td_table.appendChild(td_text);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "checkbox";
						feld.name = "mark"+nr;
						feld.value = "checked";
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);
			tbody.appendChild(tr_table);
		}

// Radio Button
		if (feldtype == "select") {
				var tr_table = document.createElement("tr");
					var td_table= document.createElement("td");
						var td_text = document.createTextNode("Elemente:");
					td_table.appendChild(td_text);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("textarea");
						feld.name = "elem"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);
			tbody.appendChild(tr_table);
		}

// verstecktes Feld
		if (feldtype == "hidden") {
				var tr_table = document.createElement("tr");
					var td_table= document.createElement("td");
						var td_text = document.createTextNode("Wert:");
					td_table.appendChild(td_text);
				tr_table.appendChild(td_table);
					var td_table= document.createElement("td");
						var feld = document.createElement("input");
						feld.type = "text";
						feld.name = "wert"+nr;
					td_table.appendChild(feld);
				tr_table.appendChild(td_table);
			tbody.appendChild(tr_table);
		}

		table.appendChild(thead);
		table.appendChild(tfoot);
		table.appendChild(tbody);
	out_td.appendChild(table);
	out_tr.appendChild(out_td);
	out_tbody.appendChild(out_tr);
out_table.appendChild(out_thead);
out_table.appendChild(out_tfoot);
out_table.appendChild(out_tbody);

var Ausgabebereich = document.getElementById("add_form");
Ausgabebereich.appendChild(out_table);
Ausgabebereich.appendChild(document.createElement("br"));


document.newcontent.items.value=nr;

nr++;
}


var j = 1;
var k = 1;


function Add_Zeilen(texte) {
var table= document.createElement('table');
var thead=document.createElement('thead');
var tfoot=document.createElement('tfoot');
var tbody=document.createElement('tbody');
	var tr = document.createElement("tr");
	tr.id = "spalte"+j;
	
	for (var i=1; i<=k; i++) {
			var td = document.createElement("td");
			td.id = "zeile"+i;
				var feld = document.createElement("input");
				feld.type = "text";
				feld.size = "15";
				feld.name = "sp"+i+"ze"+j;
				feld.value = texte;
			td.appendChild(feld);

		tr.appendChild(td);
	}

tbody.appendChild(tr);
table.appendChild(thead);
table.appendChild(tfoot);
table.appendChild(tbody);

	j++;

	var Ausgabebereich = document.getElementById("zeilen");
	Ausgabebereich.appendChild(table);

	tmp = j-1;
	document.content.ze.value=tmp;
	
}

function Add_Spalten_edit(texte) {
	k++;
	document.content.sp.value=k;
	z=j-1;

	for (var i=1; i<=z; i++) {
			var td = document.createElement("td");
			td.id = "zeile"+k;
				var feld = document.createElement("input");
				feld.type = "text";
				feld.size = "15";
				feld.name = "sp"+k+"ze"+i;
				feld.value = texte[i];
			td.appendChild(feld);

		var Ausgabebereich = document.getElementById("spalte"+i);
		Ausgabebereich.appendChild(td);
	}
}

function Add_Spalten() {
	k++;
	document.content.sp.value=k;
	z=j-1;

	for (var i=1; i<=z; i++) {
			var td = document.createElement("td");
			td.id = "zeile"+k;
				var feld = document.createElement("input");
				feld.type = "text";
				feld.size = "15";
				feld.name = "sp"+k+"ze"+i;
			td.appendChild(feld);

		var Ausgabebereich = document.getElementById("spalte"+i);
		Ausgabebereich.appendChild(td);
	}
}


function Sub_Zeilen() {
	j--;
		var knoten = document.getElementById("zeilen").lastChild;
		document.getElementById("zeilen").removeChild(knoten);

	z=j-1;
	document.content.ze.value=z;
}

function Sub_Spalten() {
	k--;
	document.content.sp.value=k;
	for (var i=1; i<=j; i++) {
		var knoten = document.getElementById("spalte"+i).lastChild;
		document.getElementById("spalte"+i).removeChild(knoten);
	}
}

function Add() {
var table = document.createElement("table");
table.border="0";
	var tr = document.createElement("tr");
	tr.bgcolor = "#e4e0db";
		var td = document.createElement("td");
		td.valign = "top";
			var feldbe = document.createElement("input");
			feldbe.type = "text";
			feldbe.name = "feld2";
		td.appendChild(feldbe);
	tr.appendChild(td);

		var td = document.createElement("td");
			var feldar = document.createElement("select");
			feldar.name = "feld2_input";
				var option1 = document.createElement("option");
				var text1 = document.createTextNode("einzeiliges Textfeld");
				option1.value = "textline";
				option1.click = "test.php";
				option1.appendChild(text1);

				var option2 = document.createElement("option");
				var text2 = document.createTextNode("mehrzeiliges Textfeld");
				option2.value = "textarea";
				option2.click = "test.php";
				option2.appendChild(text2);

				var option3 = document.createElement("option");
				var text3 = document.createTextNode("Optionsfelder");
				option3.value = "select";
				option3.click = "test.php";
				option3.appendChild(text3);

				var option4 = document.createElement("option");
				var text4 = document.createTextNode("Markierfeld");
				option4.value = "checkbox";
				option4.click = "test.php";
				option4.appendChild(text4);

			feldar.appendChild(option1);
			feldar.appendChild(option2);
			feldar.appendChild(option3);
			feldar.appendChild(option4);
		td.appendChild(feldar);

			var feldop = document.createElement("br");
		td.appendChild(feldop);

			var feldop = document.createElement("textarea");
			feldop.name = "feld2_optionen";
			feldop.style.display="none";
		td.appendChild(feldop);

	tr.appendChild(td);

		var td = document.createElement("td");
		td.valign = "top";
			var feldpf = document.createElement("input");
			feldpf.type = "checkbox";
			feldpf.name = "feld2_pflicht";
			feldpf.value = "pflicht2";
		td.appendChild(feldpf);

			var pftext = document.createTextNode("Pflichtfeld");
		td.appendChild(pftext);
	tr.appendChild(td);

		var td = document.createElement("td");
		td.valign = "top";
			var button = document.createElement("input");
			button.type = "button";
			button.name = "feld2_button";
			button.click("test1()");
		td.appendChild(button);

	tr.appendChild(td);

	table.appendChild(tr);
	
	var Ausgabebereich = document.getElementById("felder");
	Ausgabebereich.appendChild(table);	
}

function openWindow(url,winName,features) {
	window.open(url, winName, features);
}