<?xml version="1.0" encoding="UTF-8"?>
<form jsname="fadr">
  <javascript>
    <mode>strong</mode>
  </javascript>
  
  <defaults>
    <text size="20" maxlength="127"/>
    <file size="3"/>
    <image border="4"/>
    <intros errormsg="Please select an item">
			<intro value="-1">Please select...</intro>
		</intros>
    <css>font-family: sans-serif; font-size: normal; color: Navy;</css>
  </defaults>
  
  <elements>
  
    <radio name="login" elname="relogin" checked="true" label="Login">
    login
      <validation>
        <phpfunction callback="true">loginorregister</phpfunction>
        <jsfunction>
          // must have the name of the (phpfunction)
          function loginorregister(form) {
            var v = form.get_value(form, "login");
            if ("login" == v[0]) {
            
              form.val_off("new_username", "lri");
              form.val_off("new_password1", "lri");
              form.val_off("new_password2", "lri");
              form.val_on("username", "lri");
              form.val_on("password", "lri");
            
            } else {
            
              form.val_off("username", "lri");
              form.val_off("password", "lri");
              form.val_on("new_username", "lri");
              form.val_on("new_password1", "lri");
              form.val_on("new_password2", "lri");
            
            }
          }
        </jsfunction>
      </validation>
    </radio>
    <text name="username" size="20" label="Username">
      <validation>
  			<length min="3" max="127">Please enter your username.</length>
  		</validation>
  	</text>
    <password name="password" size="20" label="Passord">
      <validation>
  			<length min="3" max="127">Please enter your password.</length>
  		</validation>
  	</password>

    <radio name="login" elname="register" checked="true" label="Register">register</radio>    
    <text name="new_username" size="20" label="Username">
      <validation>
  			<length min="3" max="127">Please choose a username.</length>
  		</validation>
  	</text>
    <password name="new_password1" size="20" label="Passord">
      <validation>
  			<length min="3" max="127">Enter a new password.</length>
  		</validation>
  	</password>
    <password name="new_password2" size="20" label="Passord repetation">
      <validation>
  			<length min="3" max="127">You have to enter your password twice.</length>
        <phpfunction callback="true">passagain</phpfunction>
        <jsfunction>
          function passagain(form) {
            var v = form.get_value(form, "login");
            var p1 = form.get_value(form, "new_password1");
            var p2 = form.get_value(form, "new_password2");
            if ("register" == v[0] &amp;&amp; p1[0] != p2[0])
              form.set_err("new_password2", "Enter the password again. The first one is different from the second.");
          }
        </jsfunction>
  		</validation>
  	</password>

    <submit name="submit">Login</submit>
  </elements>
</form>

