
function toggleParticipantFields() {
  var emailElement = document.getElementById("emailTwo");
  var nameElement = document.getElementById("nameTwo");
  
  if(this.value == "1") {
    emailElement.style.display = "none";
    nameElement.style.display = "none";
  }

  if(this.value == "2") {
    emailElement.style.display = "";
    nameElement.style.display = "";
  }
}

function addOnchangeEvent(input, func) {
  var oldonchange = input.onchange;

  if (typeof oldonchange != 'function') {
    input.onchange = func;
  } else {
    input.onchange = function() {
      oldonchange.call(input);
      func.call(input);
    }
  }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
  
function addLoadEvent1Param(func,arg1) {
  var oldonload = window.onload;
  if (typeof oldonload != 'function') {
    window.onload = function() {
      func(arg1);
}
  } else {
    window.onload = function() {
      oldonload();
      func(arg1);
    }
  }
}

function setLoadEvent(elementId) {
  var input = document.getElementById(elementId); 
  
  addOnchangeEvent(input, toggleParticipantFields); 
  //input.onchange = toggleParticipantFields;
}

function toggleChristmasFields(listElementId, inputElementId, currentFieldNumber, thisElement) {
  // Display the next list/input combination
  // Add a table row with spacer paragraph
  if(listElementId != "" && inputElementId != "" && currentFieldNumber != null && thisElement != null) {
    var listElement = listElementId + (currentFieldNumber + 1);
    var inputElement = inputElementId + (currentFieldNumber + 1);
    var thisInputElement = inputElementId + (currentFieldNumber);
  
    if(currentFieldNumber > 0 && thisElement.value > 0) {
      $("#" + listElement).show();
      $("#" + inputElement).show();
    
      // Add a row to the inputElement one as a spacer
      $("#" + listElement).before('<tr><td colspan="2">&nbsp;</td></tr>');
    }        
  }
}

