function menu(id)
{
   if (id == 'basic') {
       document.getElementById('tab1').style.display = 'block'; 
       document.getElementById('tab2').style.display = 'none'; 
       document.getElementById('tab3').style.display = 'none'; 
       document.getElementById('tab4').style.display = 'none'; 
       document.getElementById('list1').style.display = 'block'; 
       document.getElementById('list2').style.display = 'none'; 
       document.getElementById('list3').style.display = 'none'; 
       document.getElementById('list4').style.display = 'none'; 
   } else if (id == 'order') {
       document.getElementById('tab1').style.display = 'none'; 
       document.getElementById('tab2').style.display = 'block'; 
       document.getElementById('tab3').style.display = 'none'; 
       document.getElementById('tab4').style.display = 'none'; 
       document.getElementById('list1').style.display = 'none'; 
       document.getElementById('list2').style.display = 'block'; 
       document.getElementById('list3').style.display = 'none'; 
       document.getElementById('list4').style.display = 'none'; 
   }else if (id == 'pair') {
       document.getElementById('tab1').style.display = 'none'; 
       document.getElementById('tab2').style.display = 'none'; 
       document.getElementById('tab3').style.display = 'block';
       document.getElementById('tab4').style.display = 'none';  
       document.getElementById('list1').style.display = 'none'; 
       document.getElementById('list2').style.display = 'none'; 
       document.getElementById('list3').style.display = 'block';
       document.getElementById('list4').style.display = 'none';  
   }else if (id == 'review') {
       document.getElementById('tab1').style.display = 'none'; 
       document.getElementById('tab2').style.display = 'none'; 
       document.getElementById('tab3').style.display = 'none';
       document.getElementById('tab4').style.display = 'block';  
       document.getElementById('list1').style.display = 'none'; 
       document.getElementById('list2').style.display = 'none'; 
       document.getElementById('list3').style.display = 'none';
       document.getElementById('list4').style.display = 'block';  
   } else {
       document.getElementById('tab1').style.display = 'block'; 
       document.getElementById('tab2').style.display = 'none'; 
       document.getElementById('tab3').style.display = 'none'; 
       document.getElementById('list1').style.display = 'block'; 
       document.getElementById('list2').style.display = 'none'; 
       document.getElementById('list3').style.display = 'none'; 
   }
   
}