<html>
<head>
<title>besser</title>

</head>
 <script language="JavaScript">
 <!--

 var meinFenster;
 function lemmata() {
     meinFenster = open("../lemmata.html","FF2");
     meinFenster.focus();
     meinFenster.moveTo(10, 160);
     meinFenster.resizeTo(1000, 800);
  }

  function anfang() {
     meinFenster = open("../start.html","FF2");
     meinFenster.focus();
     meinFenster.moveTo(10, 160);
     meinFenster.resizeTo(1000, 800);
  }
  function help() {
     meinFenster = open("../hilfe.html","FF2");
     meinFenster.focus();
     meinFenster.moveTo(10, 160);
     meinFenster.resizeTo(1000, 800);
  }


  function var1() {
     meinFenster = open("var1.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
  function var2() {
     meinFenster = open("var2.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
 function var3() {
     meinFenster = open("var3.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
  function var4() {
     meinFenster = open("var4.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
 function var5() {
     meinFenster = open("var5.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
 function var6() {
     meinFenster = open("var6.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
  function var7() {
     meinFenster = open("var7.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }
  function var8() {
     meinFenster = open("var8.htm","FF2");
     meinFenster.focus();
     meinFenster.moveTo(900, 230);
     meinFenster.resizeTo(300, 650);
  }

 function show_hide(checkbox, elementID)
     {
 if (!checkbox.checked)
    {
 document.svgbesser.getSVGDocument().getElementById(elementID).getStyle().setProperty('visibility', 'hidden');
   }
 else
   {
 document.svgbesser.getSVGDocument().getElementById(elementID).getStyle().setProperty('visibility', 'visible');
      }
 return;
    }

function color (evt,IDelem)
 {
  var evtelem = evt.getTarget();
  var doc = evtelem.getOwnerDocument();
  var zielelem = doc.getElementById (IDelem);
  var style = zielelem.getStyle();
  if(this.farbe.options[0].selected)
  {
   style.setProperty ('fill', 'white');
   }
   else if(this.farbe.options[1].selected)
   {
   style.setProperty ('fill', 'silver');
   }
   else if(this.farbe.options[2].selected)
   {
   style.setProperty ('fill', 'lightgrey');
   }
   else if(this.farbe.options[3].selected)
   {
   style.setProperty ('fill', 'lightsteelblue');
   }
   else if(this.farbe.options[4].selected)
   {
   style.setProperty ('fill', 'cadetblue');
   }
   else if(this.farbe.options[5].selected)
   {
   style.setProperty ('fill', 'mediumaquamarine');
   }
   else if(this.farbe.options[6].selected)
   {
   style.setProperty ('fill', 'palegreen');
   }
   else if(this.farbe.options[7].selected)
   {
   style.setProperty ('fill', 'darkseagreen');
   }
   else if(this.farbe.options[8].selected)
   {
   style.setProperty ('fill', 'palegoldenrod');
   }
   else if(this.farbe.options[9].selected)
   {
   style.setProperty ('fill', 'goldenrod');
   }
   else if(this.farbe.options[10].selected)
   {
   style.setProperty ('fill', 'chocolate');
   }
   else if(this.farbe.options[11].selected)
   {
   style.setProperty ('fill', 'khaki');
   }
   else if(this.farbe.options[12].selected)
   {
   style.setProperty ('fill', 'plum');
   }
   else if(this.farbe.options[13].selected)
   {
   style.setProperty ('fill', 'tan');
   }
   else if(this.farbe.options[14].selected)
   {
   style.setProperty ('fill', 'darkcyan');
   }
}

  //-->
  </script>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table border="0" cellpadding="0" cellspacing="0" width="1000" height="10">
<tr>
 <td width="800" height="10"><input type="Button" name="help"  value="Hilfe"   onclick=help()> <input type="Button" name="tab1"  value="Tabellen: Var.1"   onclick=var1()><input type="Button" name="tab2"  value="Var.2"   onclick=var2()><input type="Button" name="tab3"  value="Var.3"   onclick=var3()><input type="Button" name="tab4"  value="Var.4"   onclick=var4()><input type="Button" name="tab5"  value="Var.5"   onclick=var5()><input type="Button" name="tab6"  value="Var.6"   onclick=var6()><input type="Button" name="tab7"  value="Var.7"   onclick=var7()><input type="Button" name="tab8"  value="Var.8"   onclick=var8()>
 <select name="farbe" size="1" >
  <option value="0" >white</option>
  <option  value="1">silver</option>
  <option value="2">lightgrey</option>
  <option  value="3">lightsteelblue</option>
  <option value="4">cadetblue</option>
  <option  value="5">mediumaquamarine</option>
  <option value="6">palegreen</option>
  <option  value="7">darkseagreen</option>
  <option value="8">palegoldenrod</option>
  <option  value="9">goldenrod</option>
  <option value="10">chocolate</option>
  <option  value="11">khaki</option>
  <option value="12">plum</option>
  <option  value="13">tan</option>
  <option value="14">darkcyan</option>
</select> </td>
<td width="150" height="10"><input type="Button" name="lemmata"  value="Lemmata" onclick=lemmata()><input type="Button" name="start"  value="Anfang" onclick=anfang()></td>
</tr>

</table>
<table border="0" cellpadding="0" cellspacing="0" width="900" height="400">
                        <tr height="10">
                                <!-- *** Es folgt die eingebettete SVG-Datei: *** -->
                                <td width="300" rowspan="12"><embed name="svgbesser" src="../besser/besser.svg"  width="900" height="750" type="image/svg-xml"></td>
<td width="250" height="10">
<h5><font face="Verdana" color="#000099">besser</font></h5>
</td>
                        </tr>
                        <tr height="10">
<!-- *** Es folgen die Checkboxen  *** -->
<td width="250" height="10" bgcolor="white"><input type="checkbox" value="true" name="_1" checked onclick="show_hide(this,'var1')"><font face="Verdana" size="2"><b>Var. 1: ~bet/d~</b></font></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"><input type="checkbox" value="true" name="_2" checked onclick="show_hide(this,'var2')"></font><font face="Verdana" size="2"><b>Var. 2: ~beth~</b></font></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"><input type="checkbox" value="true" name="_3" checked onclick="show_hide(this,'var3')"></font><font face="Verdana" size="2"><b>Var. 3: ~bett</b></font></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><font color="#999999"><input type="checkbox" value="true" name="_10" checked onclick="show_hide(this,'orte')"></font><font face="Verdana" size="2"><b>Orte</b></font></td>
                        </tr>
                        <tr height="10">
<td width="250" height="10" bgcolor="white"><input type="checkbox" value="true" name="_10" checked onclick="show_hide(this,'ortsnamen')"><b>Ortsnamen</b><font color="#999999"></td>
                        </tr>
                        <tr height="10">
<td width="100" height="80" bgcolor="white"><embed name="svgLegende" src="../legende.svg"  width="100" height="80" type="image/svg-xml"></td>
</table><br>
</body>
</html>