Untitled

<html>
<head>
<meta charset="utf-8">
 <style>


	body{ background-color:#F0F8FF}


 </style>
<script>
	window.onload = init;

	function init()
	{

        document.getElementById("login").onclick = function ()
        {
            document.getElementById("daten").submit();
        }

        document.getElementById("register").onclick = function ()
        {
            document.getElementById("daten").submit();
        }


			 function showLoginDialog()
			{
				document.getElementById("Username").style.display = "inline";
				document.getElementById("password").style.display = "inline";
				document.getElementById("password2").style.display = "none";
				document.getElementById("register").style.display = "none";
				document.getElementById("login").style.display = "inline";
				document.getElementById("LG").style.display = "none";
				document.getElementById("RG").style.display = "inline";
				document.getElementById("password_tx").style.display="none"

				document.getElementById("usecase").value = "Login";

				return false;
			}
			 document.getElementById("LG").onclick = showLoginDialog;

			 function showRegisterDialog()
			{
				document.getElementById("Username").style.display = "inline";
				document.getElementById("password").style.display = "inline";
				document.getElementById("password2").style.display = "inline";
				document.getElementById("register").style.display = "inline";
				document.getElementById("login").style.display = "none";
				document.getElementById("LG").style.display = "inline";
				document.getElementById("RG").style.display = "none";
				document.getElementById("password_tx").style.display="inline"

				document.getElementById("usecase").value = "Register";

				return false;
			}
			document.getElementById("RG").onclick = showRegisterDialog;

			showLoginDialog();
	}
</script>
</head>
<body>

<form id="daten" action="reglog.php" method="post">


	<div id= "box">
		<span style="width:100px; display: inline-block;">Username:</span>	<input type ="Text" id ="Username" name="Username" /><br><br>
		<span style="width:100px; display: inline-block;">Password:</span>	<input type ="Password" id ="password" name="password" /><br><br>
		<span id = "password_tx" style="width:100px; display: inline-block;">Password again</span>	<input type ="Password" name="password2" id ="password2" />
	</div>

	<div id = "Buttons">
		<input type ="button" value ="Login" id ="login" />
		<input type ="button" value ="Register" id ="register" />
		<input type="hidden" value="Login" id="usecase" name="usecase" />
	</div>

	<div id = "delete">
	<input type ="reset" value ="Reset" id ="reset"><br>
	</div>


	<div id = "Links">
		<a id ="LG" href ="">Login</a>
		<a id ="RG" href ="">Register</a>
	</div>

</form>

</body>
</html>