function switchtext(id, i, classe){
  if (document.getElementById("lefttext" + id).style.display == "block"){
    document.getElementById("lefttext" + id).style.display = "none";
    document.getElementById("default" + i).style.display = "block";
    if (classe=='grey'){
      document.getElementById('bubble' + (id -3)).className = 'bubble-' + classe + (id - 3);
    
    }
    if (classe=='darkgrey'){
      document.getElementById('bubble' + (id -5)).className = 'bubble-' + classe + (id - 5);
    
    }
    if (classe=='blue'){
      document.getElementById('bubble' + id).className = 'bubble-' + classe + id;
    }
  }else{
    document.getElementById("default" + i).style.display = "none";
    
    if (classe=='blue'){
      document.getElementById("lefttext1").style.display = "none";
      document.getElementById("lefttext2").style.display = "none";
      document.getElementById("lefttext3").style.display = "none";
      document.getElementById('bubble1').className = 'bubble-' + classe + '1';
      document.getElementById('bubble2').className = 'bubble-' + classe + '2';
      document.getElementById('bubble3').className = 'bubble-' + classe + '3';
      document.getElementById('bubble' + id).className = 'bubble-' + classe + id + '-hover';
    
    }
    if (classe=='grey'){
      document.getElementById("lefttext4").style.display = "none";
      document.getElementById("lefttext5").style.display = "none";
      document.getElementById('bubble1').className = 'bubble-' + classe + '1';
      document.getElementById('bubble2').className = 'bubble-' + classe + '2';
      document.getElementById('bubble' +( id - 3)).className = 'bubble-' + classe + (id-3) + '-hover';
    
    }
    if (classe=='darkgrey'){
      document.getElementById("lefttext6").style.display = "none";
      document.getElementById("lefttext7").style.display = "none";
      document.getElementById('bubble1').className = 'bubble-' + classe + '1';
      document.getElementById('bubble2').className = 'bubble-' + classe + '2';
      document.getElementById('bubble' +( id - 5)).className = 'bubble-' + classe + (id-5) + '-hover';
    
    }
    document.getElementById("lefttext" + id).style.display = "block";
  } 
}
 	
function switchtext2(id, i){
  if (document.getElementById('links' + i).style.display == 'none'){
    document.getElementById('links' + i).style.display = 'block';
    document.getElementById('texte' + id).style.display = 'none';	
  }else{
    document.getElementById('links' + i).style.display = 'none';
    document.getElementById('texte' + id).style.display = 'block';
  }
}