<script type="text/javascript">
function send_existing()
{
    $.ajax({
        data: "location=/page/login.php?loginrand="+_rnd()
            + "&method=validateExisting"
            + "&username="+$('#eusername').val()
            + "&password="+$('#epassword').val()
    });
}

function send_validate()
{
    $.ajax({
        data: "location=/page/login.php?loginrand="+_rnd()
            + "&method=validateNewUser"
            + "&username="+$('#nusername').val()
            + "&password="+$('#npassword').val()
            + "&password2="+$('#npassword2').val()
    });
}

function send_captcha(captcha_id)
{
    $.ajax({
        data: "location=/page/login.php?loginrand="+_rnd()
            + "&method=validateCaptcha"
            + "&username="+$('#nusername').val()
            + "&password="+$('#npassword').val()
            + "&password2="+$('#npassword2').val()
            + "&givencode="+$('#givencode').val()
            + "&captcha_id="+captcha_id
    });
}
</script>
<h1>Inloggen/registreren</h1><br />
Hier kan je een gebruikersnaam registreren of inloggen als je al een naam hebt.
<br /><br />
<table width="580" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="48%" valign="top">
    <div id="box">
    <div class="boxh">bestaande gebruikers</div>
    <div style="white-space: nowrap; margin-bottom: 3px">
        <b>Voer je gebruikersnaam en toegangscode in</b>
    </div>
    <form id="formexisting" method="post"
    onsubmit="send_existing(); return false">
        <table cellpadding="0" cellspacing="0" border="0" style="height: 100px">
        <tr>
            <td style="padding-right: 10px" nowrap="nowrap">Gebruikersnaam:</td>
            <td>
                <input id="eusername" name="eusername" type="text" size="15"
                maxlength="30" value="" />
            </td>
        </tr>
        <tr>
            <td style="padding-right: 10px">Toegangscode:</td>
            <td>
                <input id="epassword" name="epassword" type="password"
                size="15" maxlength="30" value="" />
            </td>
        </tr>
        <tr>
            <td>&#160;</td>
            <td>
                <input type="submit" name="submitexisting" value="Login"
                style="margin-top: 5px; margin-bottom: 5px" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <a href="">Gebruikersnaam/toegangscode vergeten?</a>
            </td>
        </tr>
        </table>
    </form>
    </div>
</td>
<td width="2%">&#160;&#160;&#160;&#160;&#160;</td>
<td width="54%" valign="top">
    <div id="box">
    <div class="boxh">nieuwe gebruikers</div>
    <div style="white-space: nowrap; margin-bottom: 3px">
        <b>Kies een gebruikersnaam en toegangscode</b>
    </div>
    <form id="formnew" method="post" onsubmit="send_validate(); return false">
        <input type="hidden" name="captcha" id="captcha" value="" />
        <table cellpadding="0" cellspacing="0" border="0" style="height: 100px">
        <tr>
            <td style="padding-right: 10px">Gebruikersnaam:</td>
            <td>
                <input id="nusername" name="nusername" type="text" size="15"
                maxlength="30" value="" />
            </td>
        </tr>
        <tr>
            <td style="padding-right: 10px">Toegangscode:</td>
            <td>
                <input id="npassword" name="npassword" type="password" size="15"
                maxlength="30" value="" />
            </td>
        </tr>
        <tr>
            <td style="padding-right: 10px" nowrap="nowrap">
                Herhaal toegangscode:
            </td>
            <td>
                <input id="npassword2" name="npassword2" type="password"
                size="15" maxlength="30" value="" />
            </td>
        </tr>
        <tr>
            <td>&#160;</td>
            <td>
                <input type="submit" name="submitnew"
                value="Registreren &amp; inloggen" style="margin-top: 5px" />
            </td>
        </tr>
        </table>
    </form>
    </div>
</td>
</tr>
</table>