<!-- Begin: Centre Column -->
<div id="centre"><div id="centrecol">

<script language="javascript" type="text/javascript" src="[% webpath %]/js/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    plugins : "preview,searchreplace",
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,sub,sup,formatselect,hr,|,justifyleft,justifycenter,justifyright,justifyfull",
    theme_advanced_buttons2 : "bullist,numlist,|,link,unlink,anchor,|,undo,redo,search,replace,|,cleanup,help,preview",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_path_location : "bottom",
    extended_valid_elements : "hr[class|width|size|noshade]",
    force_br_newlines : true,
    force_p_newlines : false,
    convert_urls : false
});
</script>


<h2>User Registration</h2>

<div class="box">
<p>Fields marked * are mandatory fields and must be completed.

<p>Please use the following rules to create your new password:
<ul>
<li>Passwords should be [% minpasslen %] - [% maxpasslen %] characters in length.
<li>Use more than one type from the upper case, lower case, numeral and symbol character types, e.g. 'Myword', 'smallword2' and 'L!TTLE' would all be fine.
<li>Use at least 3 unique characters, i.e 'Eeeeee' is not allowed.
<li>No whitespace characters allowed.
</ul>

[% IF errmess %]
[% IF errmess == 1 %]
<p class="alert">There are invalid or missing fields, as noted by the &empty; symbol.
[% ELSE %]
<p class="alert">[% errmess %]
[% END %]
[% END %]
</div>

<form method="post" action="[% cgipath %]/pages.cgi" enctype="multipart/form-data">
<input type="hidden" name="act" value="user-regsave" />
<input type="hidden" name="userid" value="0" />

<div class="box">
    <table width="100%">
    <tr><td width="90">Email *</td>
        <td width="10" class="alert">[% data.email_err %]</td>
        <td colspan="3"><input type="text" name="email" value="[% data.email %]" size="40" /><br />
            Your email address will NOT be publically visible or passed to any third party.
            It is required as part of your login.</td>
    </tr>
    <tr><td>Password *</td>
        <td class="alert">[% data.effect_err %]</td>
        <td colspan="3"><input type="text" name="effect" value='' size="40" /></td>
    </tr>

    <tr><td>Display Name *</td>
        <td class="alert">[% data.realname_err %]</td>
        <td colspan="3"><input type="text" name="realname" value="[% data.realname %]" size="40" /></td>
    </tr>
    <tr><td>Tag</td>
        <td class="alert">[% data.nickname_err %]</td>
        <td colspan="3"><input type="text" name="nickname" value="[% data.nickname %]" size="20" /><br />
            Your tag will appear under your display name and avatar whenever you make a post.
            Tags are short descriptions of you, such as 'Beat Girl' or 'Young Soul Rebel', or anything
            you care to choose (within reason).
        </td>
    </tr>
    <tr><td>About Me</td>
        <td class="alert">[% data.aboutme_err %]</td>
        <td colspan="3"><textarea name="aboutme" rows="10" cols="45">[% data.aboutme %]</textarea></td>
    </tr>
    <tr><td>Web Page</td>
        <td class="alert">[% data.url_err %]</td>
        <td colspan="3"><input type="text" name="url" value="[% data.url %]" size="50" /></td></tr>

    <tr><td>Avatar</td>
        <td class="alert">[% data.image_err %]</td>
        <td colspan="3"><input type="file" name="image" />
            <img src="[% webpath %]/[% data.link %]" alt="[% data.tag %]"/>
            <input type="hidden" name="imageid" value="[% data.imageid %]" /></td>
    </tr>
    </table>
</div>

<p align="center"><input type="submit" name="submit" value="REGISTER" />
</form>

</div></div>
<!-- End: Centre Column -->
