// JS for WeCar contact form
var contactForm = {

  init:function(){
  
    var emailMethod = document.getElementById('emailMethod');
    var phoneMethod = document.getElementById('phoneMethod');
    var emailLabel = document.getElementById('emailLabel');
    var contactPhoneNumberLabel = document.getElementById('contactPhoneNumberLabel');
    
    if(phoneMethod.checked){
      contactPhoneNumberLabel.className = 'required';
      emailLabel.className = '';
      contactForm.addRequired(contactPhoneNumberLabel); // add *
      contactForm.removeRequired(emailLabel); // remove *
    }
    
    if(emailMethod && phoneMethod && emailLabel && contactPhoneNumberLabel){
    
      emailMethod.onclick = function(){ // handle email method clicked
        emailLabel.className = 'required';
        contactPhoneNumberLabel.className = '';
        contactForm.addRequired(emailLabel); // add *
        contactForm.removeRequired(contactPhoneNumberLabel); // remove *
      }
      
      phoneMethod.onclick = function(){ // handle phone method clicked
        contactPhoneNumberLabel.className = 'required';
        emailLabel.className = '';
        contactForm.addRequired(contactPhoneNumberLabel); // add *
        contactForm.removeRequired(emailLabel); // remove *
      }
    
    }
  },
  
  removeRequired:function(label){ // use DOM methods to remove '*', innerHTML causes IE issues
    var text = label.innerHTML.replace('*', '');   
    while(label.firstChild)label.removeChild(label.firstChild);
    label.appendChild(document.createTextNode(text));
  },
  
  addRequired:function(label){ // use DOM methods to add '*', innerHTML causes IE issues
    if(label.innerHTML.indexOf('*')==-1){
      var text = '*' + label.innerHTML; 
      while(label.firstChild)label.removeChild(label.firstChild);
      label.appendChild(document.createTextNode(text));
    }
  }
  
}

window.onload = contactForm.init; // init the contact form