function selectFeatTab(n){
 var tabBut1 = document.getElementById("feat1");
 var tabBut2 = document.getElementById("feat2");
 var tabBut3 = document.getElementById("feat3");
 var tab1 = document.getElementById("featTab1");
 var tab2 = document.getElementById("featTab2");
 var tab3 = document.getElementById("featTab3");
 switch(n){
 case 1:
  tab1.style.display = 'block';
  tab2.style.display = 'none';
  tab3.style.display = 'none';
  tabBut1.className = 'active';
  tabBut2.className = '';
  tabBut3.className = '';
  break;
 case 2:
  tab1.style.display = 'none';
  tab2.style.display = 'block';
  tab3.style.display = 'none';
  tabBut1.className = '';
  tabBut2.className = 'active';
  tabBut3.className = '';
  break;
 case 3:
  tab1.style.display = 'none';
  tab2.style.display = 'none';
  tab3.style.display = 'block';
  tabBut1.className = '';
  tabBut2.className = '';
  tabBut3.className = 'active';
  break;
 }
}