window.addEvent('domready', function(){

  function createProfile() {

    var mainboxid = document.getElementById('mainbox');

    mainboxid.innerHTML = 'GOT HERE';

  }   

  function validEmail(emailaddr){  
     var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+|\\.[a-zA-Z]{2,4}\$/;  
     return emailPattern.test(emailaddr);  
  }  

  function loginForm() {

    document.getElementById('topcontent').innerHTML = '<center><img src=/pix/logo_252.gif></center>';

    $('mainbox').innerHTML = 
      "&nbsp;<p>&nbsp;<p>&nbsp;<p>" +
      "<div class=boxit>" +
      "<center><span class=errsml id='msg_loginform'>&nbsp;</span></center><br>" +
      "<table><tr>" +
      "<td align=right>Username:</td>" +
      "<td><input name=membid size=15 maxlength=20 id=membid class=input1></td></tr>" +
      "<tr><td align=right>Password:</td>" + 
      "<td><input type=password name=pwd size=15 maxlength=20 class=input1 id=password></td></tr>" +
      "<tr><td colspan=2 align=center>" +
      "<br><input type=submit name=cmd value='Sign In' class=std_btn></td></tr>" +
      "<input type=hidden name=relogin value='loginForm()'>" +
      "<tr><td colspan=2 align=center>" +
      "&nbsp;<p>&nbsp;<br><nobr><span id=forgotLink><a class=slink>Forgot Username/Password?</a></span>" +
      "<p>&nbsp;<br><a class=slink href=/register>Register New Account</a></td></tr></table>" +
      "</div>";

     $('forgotLink').addEvent('click',reminderForm);
     $('membid').addEvent('click',function(){$('msg_loginform').innerHTML='&nbsp;';});
     $('password').addEvent('click',function(){$('msg_loginform').innerHTMl='&nbsp;';});

  }   

  function construction() {

    $('topcontent').innerHTML = '<center><img src=/pix/logo_252.gif></center>';

    $('mainbox').innerHTML =
      "<div class=boxit valign=middle>" +
      "<center><img src=/pix/puc.gif><br>" +
      "</div>";

  }

  var loadCaptcha;

  function reminderForm() {

    $('topcontent').innerHTML = '<center><img src=/pix/logo_252.gif></center>';

    $('mainbox').innerHTML = 
      "&nbsp;<p>&nbsp;<p>&nbsp;<p>" +
      "<div class=boxit>" +
      "<center><span><font size=+1><nobr>To Receive Your Login Info:</span></font></center><p>&nbsp;" +
      "<center><span class=errsml id='msg_reminderform'>&nbsp;</span>&nbsp;<p>&nbsp;" +
      "<table>" +
      "<tr><td>&nbsp;</td><td>&nbsp;</td><td><div id=captchaclip><span id=caphere></span></div></td></tr>" +
      "<tr><td>&nbsp;</td><td align=right>Verify&nbsp;<br>Code:</td>" +
      "<td align=left><input name=vstring size=5 maxlength=7 class=input1 id=vstring>&nbsp;&nbsp;<span id=refreshgif><img src=/pix/refresh.gif></span></td></tr>" +
      "<tr><td colspan=3>&nbsp;</td></tr>" +
      "<tr><td align=right>Your&nbsp;&nbsp;<br>Email:</td>" +
      "<td colspan=2><input name=rmail size=25 maxlength=80 class=input1 id=rmail></td></tr>" +
      "<tr><td colspan=3 align=center>" +
      "<br><span class=std_btn id=sendReminder>Send</span></td></tr>" +
      "<input type=hidden name=rereminder value='reminderForm()'>" +
      "<tr><td colspan=3 align=center>" +
      "<p>&nbsp;<p>&nbsp;<br><span class=slink>&#9734; <a class=slink href=/register>Register New Account</a> &#9734;</span></td></tr>" +
      "</table>" +

      "</center></div>";

      loadCaptcha = new Request ( {url: 'http://repster.com/ajx/getcaptcha.pl',
                                   method: 'get',
                                   noCache: true,
                                   onSuccess: function(responseText){
                                     $('caphere').innerHTML = responseText;
                                     $('vstring').value = ''; 
                                     $('vstring').focus();
                                   } });

      loadCaptcha.send();

      $('sendReminder').addEvent('click',sendReminder);
      $('refreshgif').addEvent('click',function() {loadCaptcha.send();});
      $('vstring').addEvent('click',function() {$('msg_reminderform').innerHTML='&nbsp;';});
      $('rmail').addEvent('click',function() {$('msg_reminderform').innerHTML='&nbsp;';});

  }   

  function sendReminder() {

      var vstring = $('vstring').value;
      var rmail = $('rmail').value;

      if (!vstring) {
        $('msg_reminderform').innerHTML = 'Verification Code Required';
        return; 
      }

      if (!rmail) {
        $('msg_reminderform').innerHTML = 'Your Email Required';
        return; 
      }     

      if (!validEmail(rmail)) {
        $('msg_reminderform').innerHTML = 'Invalid Email Address';
        return; 
      }

      var srcstring = $('caphere').innerHTML; 
     
      var imgjpg = srcstring.match(/[0-9A-Z]+\.jpg/i);
 
      var mailReminder = new Request ( {url: 'http://repster.com/ajx/mailreminder.pl',
                                        method: 'post',
                                        data: { 'vstring' : vstring,
                                                'rmail'   : rmail,
                                                'imgjpg'  : imgjpg[0]
                                              }, 
                                        onSuccess: function(responseText){
                                          if (responseText.match(/Info/i)) { 
                                            loginForm();
                                            $('msg_loginform').innerHTML = responseText;
                                          } else {
                                            $('msg_reminderform').innerHTML = responseText;
                                            if (responseText.match(/Not Found/i)) { 
                                              loadCaptcha.send();
                                            }
                                          }
                                        }  });

      mailReminder.send();

  }

  $('signin_btn').addEvent('click',function() {loginForm();});
  $('profile_btn').addEvent('click',function() {construction();});
  $('rep_btn').addEvent('click',function() {construction();});

  function IEsetup(){
        if(!document.all) return;
        IE5 = navigator.appVersion.indexOf("5.")!=-1;
        if(!IE5) {
                for (i=0;i<document.forms.length;i++) {
                        document.forms[i].reset();
                }
        }

  }

  window.onload = IEsetup;

  return false;

});