function change(name,id,max,active) {
  for (var i = 1; i <= max; i++) {
    document.getElementById(name+i).style.display = 'none';
    document.getElementById(active+i).className = '';
    
  }
  document.getElementById(active+id).className = 'active';
  document.getElementById(name+id).style.display = 'block';
}

function roster(name,id) {
  for (var i = 1; i <= 3; i++) {
    document.getElementById(name+i).style.display = 'none';
  }
  document.getElementById(name+id).style.display = 'block';
}