function hideLogin() {
  $('login-form').hide();
  $('login-box').show();
}

function showLogin() {
  $('login-form').show();
  $('login-box').hide();
}

function checkUsername() {
  if ($('j_username').value == 'username') {
    $('j_username').value = '';
  }
}

function checkPassword() {
  if ($('j_password').value == 'password') {
    $('j_password').value = '';
  }
}
function file_get_ext(filename) {
  return filename.split('.').pop();
}


var ToggleFieldSets = {
  setBorders:function(olElm, field) {
    if (olElm.style.display == '') {
     field.up('fieldset').setStyle({
        'borderLeft':'0', 
        'borderRight':'0', 
        'borderBottom':'0'
      });      
    } else {
      field.up('fieldset').setStyle({
        'border':'1px solid #999'
      });
    }
  },
  
  hideField:function(olElm, field) {
    ToggleFieldSets.setBorders(olElm, field);
    
    olElm.hide(); 
    field.addClassName('field-close');
    field.removeClassName('field-open');
    
  },
  
  showField:function(olElm, field) {
    
    ToggleFieldSets.setBorders(olElm, field);
    olElm.show(); 
    field.addClassName('field-open');
    field.removeClassName('field-close');
  },
  
  init:function() {
    /* field 1 */
    var field1 = $$('#QuestionAnswer legend')[0];
    var olElm1 = $$('#QuestionAnswer ol')[0];
    
    ToggleFieldSets.hideField(olElm1, field1);
    
    Event.observe(field1, 'click', function() {
    
        if (olElm1.style.display == '') {
          ToggleFieldSets.hideField(olElm1, field1);
        } else {
          ToggleFieldSets.showField(olElm1, field1);  
        }
    });
    
    /* field 2 */
    var field2 = $$('#ResetPassword legend')[0];
    var olElm2 = $$('#ResetPassword ol')[0];
    
    ToggleFieldSets.hideField(olElm2, field2);
    
    Event.observe(field2, 'click', function() {
    
        if (olElm2.style.display == '') {
          ToggleFieldSets.hideField(olElm2, field2);
        } else {
          ToggleFieldSets.showField(olElm2, field2);  
        }
    });
    
    
  }
};


document.observe("dom:loaded", function() {
      
    if (SiteVars.this_url == '/hdcctv/profile' || SiteVars.this_url == '/profile') {
   
      var elm = $$('.surveyform')[0];
      ToggleFieldSets.init();  
      
      // setup additional required fields if toggled
      
      
      //var filesel = elm.cmfMemberPhoto;
      Event.observe(elm, 'submit', function(e) {
          var filesel = elm.cmfMemberPhoto;
          
          // get jpg or gif or jpeg
          
          // set cmf filename to that
          if (filesel.value != '') {
            var ext = file_get_ext(filesel.value);
            $('cmfMemberImage').value = '/images/hdcctv/members/' + SiteVars.user.uid + '/' + SiteVars.user.uid + '.' + ext;
            $('cmfApproveImage').value = 'false';
          }
          
          
          // validate passwords
          if($('oldPassword').value != '' || $('newPassword').value != '' || $('retypePassword').value != '') {
            // check
            var err = false;
            if ($('oldPassword').value == '' ||  $('newPassword').value == '' ||  $('retypePassword').value == '' ) {
              alert('Please fill in the following fields:\n- Old password\n- New password\n- Confirm password');
              err = true;
            }
            
            if ($('newPassword').value != $('retypePassword').value) {
              alert('Your passwords do not match, please try again');
              err = true;
            }
            
            if (err == true) {
              Event.stop(e);
              return; 
            }
            
          }
          
          
          
          elm.submit();
          
          Event.stop(e);
      });
        
    }
    
    
    Event.observe($('search-go'), 'click', function(e) {
        
        if($('search-form').searchTerm.value == '') {
          alert('Please enter a keyword in the search box.'); 
        } else {
          $('search-form').submit();
        }
        
        Event.stop(e);  
    });
    
    
});