function change(name,id,max) {
  for (var i = 1; i <= max; i++) {
    document.getElementById(name+i).style.display = 'none';
  }
  document.getElementById(name+id).style.display = 'block';
}
function change_active(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 <= 9; i++) {
    document.getElementById(name+i).style.display = 'none';    
  }
  document.getElementById(name+id).style.display = 'block';
}