schleifenbefehl = "";


// #######################################
// 1.Wert auslesen und 2. Auswahl anzeigen
// #######################################
function Wahl1(wert)
{
document.getElementById('zweitens').innerHTML = ('<select onchange="Wahl2(this.value)"><option>--bitte w&auml;hlen--</option><option>&darr; SCHRIFTFORMATIERUNG &darr;</option><option>color</option><option>font-family</option><option>font-style</option><option>font-variant</option><option>font-size</option><option>font-weight</option><option>font-stretch</option><option>&darr; ABSATZKONTROLLE &darr;</option><option>text-indent</option><option>line-height</option><option>vertical-align</option><option>text-align</option><option>white-space</option><option>&darr; AUSSENABSTAND &darr;</option><option>margin-top</option><option>margin-bottom</option><option>margin-left</option><option>margin-right</option><option>margin</option><option>&darr; INNENABSTAND &darr;</option><option>padding-top</option><option>padding-bottom</option><option>padding-left</option><option>padding-right</option><option>padding</option><option>&darr; RAHMEN &darr;</option><option>border-width</option><option>border-color</option><option>border-style</option><option>&darr; HINTERGRUND &darr;</option><option>background-color</option><option>background-image</option><option>background-repeat</option><option>background-attachment</option><option>background-position</option><option>&darr; LISTENFORMATIERUNG &darr;</option><option>list-style-type</option><option>list-style-position</option><option>list-style-image</option><option>&darr; TABELLENFORMATIERUNG &darr;</option><option>caption-side</option><option>border-collapse</option><option>border-spacing</option><option>empty-cells</option><option>&darr POSITIONIERUNG &darr;</option><option>position</option><option>top</option><option>left</option><option>bottom</option><option>right</option><option>width</option><option>height</option><option>overflow</option><option>direction</option><option>float</option><option>clear</option><option>display</option><option>visibility</option><option>&darr; CURSORANZEIGE &darr;</option><option>cursor</option></select>');
var z = new Array();
z[0] = new Array("Seiteneinstellung", "body");
z[1] = new Array("Überschrift 1.Ordnung", "h1");
z[2] = new Array("Überschrift 2.Ordnung", "h2");
z[3] = new Array("Überschrift 3.Ordnung", "h3");
z[4] = new Array("Absatz", "p");
z[5] = new Array("Unsortierte Liste", "ul");
z[6] = new Array("Listenpunkt", "li");
z[7] = new Array("Linkelement", "a");
z[8] = new Array("Tabelleneigenschaften", "table");
z[9] = new Array("Tabellenüberscgrift", "th");
z[10] = new Array("Tabellenzeile", "tr");
z[11] = new Array("Tabellenzelle", "td");
z[12] = new Array("Linie", "hr");
z[13] = new Array("Formulareinstellungen", "form");
z[14] = new Array("Bilder", "img");
var i = 15;
var x;
for (x = 0; x <= i; ++x)
	{
	if (wert == z[x][0])
		{
		wert1 = z[x][1];
		}
	}
}


// #############################################
// 2. Wert auslesen und dritte Auswahl anzeigen
// #############################################
function Wahl2(wert)
{
var csstags = new Array();
csstags[0] = new Array("color", "white", "black", "blue", "red", "green", "yellow");
csstags[1] = new Array("font-family", "Century Schoolbook,serif", "Century Schoolbook,sans-serif", "Century Schoolbook,cursive", "Century Schoolbook,fantasy", "Century Schoolbook,monospace", "Times New Roman,serif", "Times New Roman,sans-serif", "Times New Roman,cursive", "Times New Roman,fantasy", "Times New Roman,monospace");
csstags[2] = new Array("font-style", "italic", "oblique", "normal");
csstags[3] = new Array("font-variant", "small-caps", "normal");
csstags[4] = new Array("font-size", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "smaller", "larger");
csstags[5] = new Array("font-weight", "bold", "bolder", "lighter", "normal");
csstags[6] = new Array("font-stretch", "wider", "narrower", "condensed", "semi-condensed", "extra-condensed", "ultra-condensed", "expanded", "semi-expanded", "extra-expanded", "ultra-expanded", "normal");
csstags[7] = new Array("text-indent", "10px", "20px", "30px", "40px", "50px");
csstags[8] = new Array("line-height", "8px", "10px", "12px", "16px", "20px", "24px", "30px", "36px");
csstags[9] = new Array("vertical-align", "top", "middle", "bottom", "baseline", "sub", "super", "text-top", "text-bottom");
csstags[10] = new Array("text-align", "left", "center", "right", "justify");
csstags[11] = new Array("white-space", "normal", "pre", "nowrap");
csstags[12] = new Array("margin-left", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[13] = new Array("margin-right", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[14] = new Array("margin-top", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[15] = new Array("margin-bottom", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[16] = new Array("margin", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[17] = new Array("padding-top", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[18] = new Array("padding-bottom", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[19] = new Array("padding-left", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[20] = new Array("padding-right", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[21] = new Array("padding", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[22] = new Array("border-width", "thin", "medium", "thick", "1px", "2px", "3px", "5px", "10px");
csstags[23] = new Array("border-color", "white", "black", "red", "blue", "green", "yellow");
csstags[24] = new Array("border-style", "none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset");
csstags[25] = new Array("background-color", "white", "black", "red", "blue", "green", "yellow");
csstags[26] = new Array();
csstags[27] = new Array("background-image", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/images/hg-script.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/banner1.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/images/glbnav_background.gif)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/images/bg_nav.jpg)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/img/menue-bg1.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/img/navbgl1hi.jpg)");
csstags[28] = new Array("background-repeat", "repeat", "repeat-x", "repeat-y", "no-repeat");
csstags[29] = new Array("background-attachment", "scroll", "fixed");
csstags[30] = new Array("background-position", "top", "center", "bottom", "left", "right");
csstags[31] = new Array("list-style-type", "circle", "square", "disc", "none");
csstags[32] = new Array("list-style-position", "inside", "outside");
csstags[33] = new Array("list-style-image", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/icons/Document.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/icons/Favorite.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/icons/Folder.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/icons/Play.png)", "url(http://www.webdesign-horst-fischer.de/templates/micromedia/icons/Symbol_Right.png)");
csstags[34] = new Array("caption-side", "top", "bottom", "left", "right");
csstags[35] = new Array("border-collapse", "separate", "collapse");
csstags[36] = new Array("border-spacing", "1px", "2px", "3px", "5px", "10px");
csstags[37] = new Array("empty-cells", "show", "hide");
csstags[38] = new Array("position", "absolute", "fixed", "relative", "static");
csstags[39] = new Array("top", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[40] = new Array("bottom", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[41] = new Array("left", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[42] = new Array("right", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[43] = new Array("width", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[44] = new Array("height", "5px", "10px", "20px", "30px", "50px", "100px");
csstags[45] = new Array("overflow", "visible", "hidden", "scroll", "auto");
csstags[46] = new Array("direction", "ltr", "rtl");
csstags[48] = new Array("float", "left", "right", "none");
csstags[49] = new Array("display", "block", "inline", "none");
csstags[50] = new Array("visibility", "hidden", "visible");
csstags[51] = new Array("cursor", "auto", "default", "crosshair", "pointer", "move", "text", "wait", "help");
var zaehler = 52;
var x;
for (x = 0; x < zaehler; ++x)
{
if (csstags[x][0] == wert)
{
wert2b = "<select style='width:150px;' onchange='Wahl3(this.value)'><option>--bitte w&auml;hlen--</option>";
for  (var y = 1; y < csstags[x].length; ++y)
{
wert2a = wert2b;
wert2b = wert2a + "<option>" + csstags[x][y] + "</option>";
}
wert2a = wert2b;
wert2b = wert2a + "</select>";
document.getElementById('drittens').innerHTML = (wert2b);
wert2 = wert;
}
}
}

// ###################################
// 3. Wert auslesen und Style umsetzen
// ###################################
function Wahl3(wert)
{
var befehl;
schleife = wert1 + " { " + wert2 + ": " + wert + "; }";
schleifenbefehl = schleifenbefehl + schleife;
befehl = "<style type='text/css'><!--" + schleifenbefehl + " --></script>";
document.getElementById('cssstyle').innerHTML = (befehl);
}



// ##########################
// Anzeigen der Tagbereiche
// ##########################
function show_tag(inhalt)
{
var Begriff = inhalt;
var Teil = Begriff.substring(0, 5);
if (Teil != '&darr;')
{
	befehl = "<style type='text/css'><!--" + Begriff + " {background-color:#2826fa; border:#2826fa 2px solid;} --></script>";
	document.getElementById('cssstyle').innerHTML = (befehl);
	
}
}