var current_tab_id = 1;
function tabSwitch(tab_id){
  switch (current_tab_id){
    case 1:
      document.getElementById('li_meest_gelezen').className = '';
      document.getElementById('div_meest_gelezen').style.display = 'none';
      break;
    case 2:
      document.getElementById('li_meest_gewaardeerd').className= '';
      document.getElementById('div_meest_gewaardeerd').style.display = 'none';
      break;
    case 3:
      document.getElementById('li_auteur').className = '';
      document.getElementById('div_auteur').style.display = 'none';
      break;										 									 
  }
  current_tab_id = tab_id;
  switch (current_tab_id){
    case 1:
      document.getElementById('li_meest_gelezen').className = 'selected';
      document.getElementById('div_meest_gelezen').style.display = 'block';
      break;
    case 2:
      document.getElementById('li_meest_gewaardeerd').className = 'selected';
      document.getElementById('div_meest_gewaardeerd').style.display = 'block';
      break;
    case 3:
      document.getElementById('li_auteur').className = 'selected';
      document.getElementById('div_auteur').style.display = 'block';
      break;										 									 
  }							
}

/* Voor het wisselen tussen verschillende tabs. Code: orangebite.com */
function setTab(id){
  var selectedTabContent = document.getElementById(id)
  var childDivs = selectedTabContent.parentNode.childNodes;
  var selectedTab = document.getElementById(id + "Tab");
  var selectedTabs = selectedTab.parentNode.childNodes;

  selectedTab.className = 'selected';
  selectedTabContent.style.display = 'block';
  for(var i=0; i < childDivs.length; i++){
    if(selectedTabs[i] != undefined){
      if(selectedTab.id != selectedTabs[i].id){
        selectedTabs[i].className = '';
      }                                
    }
    if ((childDivs[i].id != id) && (childDivs[i].id != undefined)){
      childDivs[i].style.display = 'none'; 
    }
  }
}
