function showNew() {
  document.getElementById("new").style.display="";
  document.getElementById("old").style.display="none";
}

function showOld() {
  document.getElementById("old").style.display="";
  document.getElementById("new").style.display="none";
}

document.write('<center>');
document.write('<table border="0" cellspacing="0" cellpadding="0"><tr><td>');
document.write('<form method="post" action="persocheck.php" id="old">');
document.write('<center>');
document.write('<button onclick="showNew(); return false;">neuer Personalausweis</button>');
document.write('</center>');
document.write('<table border="0" style="position: relative;" width="328" cellspacing="0" cellpadding="0">');
document.write('<tr><td background="grafik/perso.jpg" height="231" colspan="2">');
if (navigator.userAgent.indexOf('MSIE') > -1) {
	document.write('<input name="a" value="" size="11" maxlength="11" style="position: absolute; left: 11px; top: 194px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
	document.write('<input name="b" value="" size="7" maxlength="7" style="position: absolute; left: 117px; top: 194px; width: 52px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
	document.write('<input name="c" value="" size="7" maxlength="7" style="position: absolute; left: 184px; top: 194px; width: 50px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
	document.write('<input name="d" value="" size="1" maxlength="1" style="position: absolute; left: 296px; top: 194px; width: 11px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
}
else {
	document.write('<input name="a" value="" size="11" maxlength="11" style="position: relative; left: 11px; top: 90px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
	document.write('<input name="b" value="" size="7" maxlength="7" style="position: relative; left: 28px; top: 90px; width: 52px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
	document.write('<input name="c" value="" size="7" maxlength="7" style="position: relative; left: 41px; top: 90px; width: 50px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
	document.write('<input name="d" value="" size="1" maxlength="1" style="position: relative; left: 100px; top: 90px; width: 11px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
}
document.write('</td></tr>');
document.write('<tr><td bgcolor="#222222" align="right" valign="top">');
document.write('<span style="color: #FFFFFF; font-family: verdana; font-size: 10px">');
document.write('Geben Sie Ihre Personalausweisnummer ein&nbsp;<br /> und klicken Sie anschliessend auf:&nbsp;<br>&nbsp;');
document.write('</td><td bgcolor="#222222" valign="top">');
document.write('<input type="submit" value="weiter">');
document.write('</td></tr>');
document.write('<tr><td colspan="2" bgcolor="#222222" align="center" valign="top">');
document.write('<span style="color: #FFFFFF; font-family: verdana; font-size: 10px">');
document.write('(Ihre Daten werden weder gespeichert noch &uuml;bertragen)');
document.write('</td></tr>');
document.write('</table>');
document.write('</form>');

document.write('</td><td>');

document.write('<form method="post" action="persocheck.php" id="new" style="display: none">');
document.write('<center>');
document.write('<button onclick="showOld(); return false;">alter Personalausweis</button>');
document.write('</center>');
document.write('<table border="0" style="position: relative;" width="350" cellspacing="0" cellpadding="0">');
document.write('<tr><td background="grafik/perso2.jpg" height="231" colspan="2">');
if (navigator.userAgent.indexOf('MSIE') > -1) {
  document.write('<input name="a2" value="" size="8" maxlength="7" style="position: absolute; left: 20px; top: 174px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
  document.write('<input name="b2" value="" size="8" maxlength="7" style="position: absolute; left: 105px; top: 174px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
  document.write('<input name="d2" value="" size="1" maxlength="1" style="position: absolute; left: 315px; top: 174px; width: 11px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
  
  document.write('<input name="c2" value="" size="7" maxlength="10" style="position: absolute; left: 75px; top: 154px; width: 95px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
}
else {
  document.write('<input name="a2" value="" size="10" maxlength="7" style="position: relative; left: 20px; top: 68px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
  document.write('<input name="b2" value="" size="12" maxlength="7" style="position: relative; left: 28px; top: 68px; width: 70px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
  document.write('<input name="d2" value="" size="1" maxlength="1" style="position: relative; left: 167px; top: 68px; width: 11px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
  
  document.write('<input name="c2" value="" size="7" maxlength="10" style="position: relative; left: -90px; top: 48px; width: 100px; border: solid; border-width: 1px; border-color: #000000; font-height: 12px">');
}
document.write('</td></tr>');
document.write('<tr><td bgcolor="#222222" align="right" valign="top">');
document.write('<span style="color: #FFFFFF; font-family: verdana; font-size: 10px">');
document.write('Geben Sie Ihre Personalausweisnummer ein&nbsp;<br /> und klicken Sie anschliessend auf:&nbsp;<br>&nbsp;');
document.write('</td><td bgcolor="#222222" valign="top">');
document.write('<input type="submit" value="weiter">');
document.write('</td></tr>');
document.write('<tr><td colspan="2" bgcolor="#222222" align="center" valign="top">');
document.write('<span style="color: #FFFFFF; font-family: verdana; font-size: 10px">');
document.write('(Ihre Daten werden weder gespeichert noch &uuml;bertragen)');
document.write('</td></tr>');
document.write('</table>');
document.write('</form>');
document.write('</td></tr></table>');

document.write('</center>');