function tabSwitch(new_nav, new_panel) {  
      
document.getElementById('panel1').style.display = 'none';  
document.getElementById('panel2').style.display = 'none';  
document.getElementById('panel3').style.display = 'none';
document.getElementById('panel4').style.display = 'none';  
document.getElementById('panel5').style.display = 'none';  
document.getElementById('panel6').style.display = 'none';          
document.getElementById('panel7').style.display = 'none';  
document.getElementById('panel8').style.display = 'none';          
document.getElementById(new_panel).style.display = 'block';

document.getElementById('panel1').style.display = '';  
document.getElementById('panel2').style.display = '';  
document.getElementById('panel3').style.display = '';
document.getElementById('panel4').style.display = '';  
document.getElementById('panel5').style.display = '';  
document.getElementById('panel6').style.display = '';          
document.getElementById('panel7').style.display = '';  
document.getElementById('panel8').style.display = '';          
document.getElementById(new_panel).style.display = 'none';
   
document.getElementById('nav1').className = '';  
document.getElementById('nav2').className = '';  
document.getElementById('nav3').className = '';
document.getElementById('nav4').className = '';  
document.getElementById('nav5').className = '';  
document.getElementById('nav6').className = '';
document.getElementById('nav7').className = '';
document.getElementById('nav8').className = '';
document.getElementById(new_nav).className = 'active';        

}