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 active(name,id,max) {
  for (var i = 1; i <= max; i++) {
    if(document.getElementById(name+i)) document.getElementById(name+i).className = ''; 
  }
  document.getElementById(name+id).className = 'active';
}


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