// This fixes the carousel display problem. 
// The tab containing the carousel must be initially visible
// Then once the page has been initialized hide the carousel tab and 
// show the 1st tab using the onload event. 
// Note that -- in the HTML --  style="display:none;" has been added to the 1st tab 
// and removed from the 3rd tab with the carousel.
window.onload = hideLayer; 

function hideLayer() { 
document.getElementById("div_tab_network_diagrams").style.display = "none"; 
document.getElementById("div_tab_what_it_does").style.display = "block"; 
if(anchTab.length) shownext(anchTab); //Display the correct tab
} 


/* This is the javascript for the product tabs */  
  
var last_tab = 'tab_what_it_does';
var anchTab = '';
var hash=location.hash;
if (hash.length > 1) {
  anchTab = String(hash).substring(1);
  }
function show(layerName) {
var curr=document.getElementById(layerName);
if(curr) curr.style.display = '';
}

function hide(layerName) {
var curr= document.getElementById(layerName)
if (curr) curr.style.display = 'none';
}
function shownext(tab_name) {
document.getElementById(last_tab).parentNode.id = 'not_selected';
var curr = document.getElementById(tab_name);
if (curr) curr.parentNode.id ='selectedtab';
hide('div_'+last_tab);
show('div_'+tab_name);
last_tab = tab_name;
return false;
}