function menu(id) {
  if(id == 1) {
    if(document.getElementById('subnavi1').style.display == 'none') {
      document.getElementById('subnavi1').style.display = 'block';
    }
    document.getElementById('subnavi2').style.display = 'none';
    document.getElementById('subnavi3').style.display = 'none';
    document.getElementById('subnavi4').style.display = 'none';
    document.getElementById('subnavi5').style.display = 'none';
    document.getElementById('subnavi6').style.display = 'none';

  } else if(id == 2) {
    if(document.getElementById('subnavi2').style.display == 'none') {
      document.getElementById('subnavi2').style.display = 'block';
    }
    document.getElementById('subnavi4').style.display = 'none';
    document.getElementById('subnavi3').style.display = 'none';
    document.getElementById('subnavi1').style.display = 'none';
    document.getElementById('subnavi5').style.display = 'none';
    document.getElementById('subnavi6').style.display = 'none';

  } else if(id == 3) {
    if(document.getElementById('subnavi3').style.display == 'none') {
      document.getElementById('subnavi3').style.display = 'block';
    }
    document.getElementById('subnavi1').style.display = 'none';
    document.getElementById('subnavi2').style.display = 'none';
    document.getElementById('subnavi4').style.display = 'none';
    document.getElementById('subnavi5').style.display = 'none';
    document.getElementById('subnavi6').style.display = 'none';

  } else if(id == 4) {
    if(document.getElementById('subnavi4').style.display == 'none') {
      document.getElementById('subnavi4').style.display = 'block';
    }
    document.getElementById('subnavi1').style.display = 'none';
    document.getElementById('subnavi2').style.display = 'none';
    document.getElementById('subnavi3').style.display = 'none';
    document.getElementById('subnavi5').style.display = 'none';
    document.getElementById('subnavi6').style.display = 'none';

  } else if(id == 5) {
    if(document.getElementById('subnavi5').style.display == 'none') {
      document.getElementById('subnavi5').style.display = 'block';
    }
    document.getElementById('subnavi1').style.display = 'none';
    document.getElementById('subnavi2').style.display = 'none';
    document.getElementById('subnavi3').style.display = 'none';
    document.getElementById('subnavi4').style.display = 'none';
    document.getElementById('subnavi6').style.display = 'none';

  } else if(id == 6) {
    if(document.getElementById('subnavi6').style.display == 'none') {
      document.getElementById('subnavi6').style.display = 'block';
    }
    document.getElementById('subnavi1').style.display = 'none';
    document.getElementById('subnavi2').style.display = 'none';
    document.getElementById('subnavi3').style.display = 'none';
    document.getElementById('subnavi4').style.display = 'none';
    document.getElementById('subnavi5').style.display = 'none';
 }
}