function activateTab(i){
document.getElementById('topnav1').style.display = 'none';
document.getElementById('topnav2').style.display = 'none';
document.getElementById('topnav3').style.display = 'none';
document.getElementById('topnav4').style.display = 'none';
document.getElementById('topnav5').style.display = 'none';
document.getElementById('topnav6').style.display = 'none';
document.getElementById('topnav7').style.display = 'none';
document.getElementById('topnav8').style.display = 'none';
document.getElementById('topnav9').style.display = 'none';
document.getElementById('topnav10').style.display = 'none';
document.getElementById('topnar1').style.display = 'none';
document.getElementById('topnar2').style.display = 'none';
document.getElementById('topnar3').style.display = 'none';
document.getElementById('topnar4').style.display = 'none';
document.getElementById('topnar5').style.display = 'none';
document.getElementById('topnar6').style.display = 'none';
document.getElementById('topnar7').style.display = 'none';
document.getElementById('topnar8').style.display = 'none';
document.getElementById('topnar9').style.display = 'none';
document.getElementById('topnar10').style.display = 'none';
document.getElementById('topnav'+i).style.display = 'block';
document.getElementById('topnar'+i).style.display = 'block';}