Untitled

<html>
<head>
<title>login page</title>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript" >
$(function() {
$(".reg").click(function() {
$("#login").hide('slow');
$("#regform").show('slow');
});
});
</script>

<script type="text/javascript" >
$(function() {
$(".regs").click(function() {
$("#login").show('slow');
$("#regform").hide('slow');
});
});
</script>

<script type="text/javascript" >
$(function() {
$(".logout").click(function() {
$("#login").show('slow');
$("#logout").hide('slow');
alert('bye');
});
});
</script>


<script type="text/javascript" >
$(function() {
$(".login").click(function() {
var us = $("#regus").val();
var pw = $("#regpw").val();
var lus = $("#us").val();
var lpw = $("#pw").val();
if(lus  ==  us || lus == "admin"){
if(lpw == pw || lpw == "pass"){
alert('Success');
$("#login").hide('slow');
$("#logout").show();
}else{
alert('Wrong Password');
}
}else{
alert('Wrong Username');
}
});
});
</script>

</head>
<body>

<div id="login">
Username:<br>
<input type="text" value=""  id="us"><br>
Password:<br>
<input type="password" id="pw"><br>
<button class="login">login</button><button class="reg">register</button>
</div>
<div id="regform" style="display:none">
<input type="text" id="regus" value="username"><br>
<input type="password" id="regpw" value="password"><br>
<button class="regs"> register</button>

</div>


<div id="logout" style="display:none">
<button class="logout">Logout</button>
</div>

</body>
</html>