//<![CDATA[

// Preload the on states of the tabs for quicker response
hubtab1 = new Image();
hubtab1.src = "./images/hubtab1_on.png";
hubtab2 = new Image();
hubtab2.src = "./images/hubtab2_on.png";
hubtab3 = new Image();
hubtab3.src = "./images/hubtab3_on.png";
hubtab4 = new Image();
hubtab4.src = "./images/hubtab4_on.png";
hubtab5 = new Image();
hubtab5.src = "./images/hubtab5_on.png";
hubtab6 = new Image();
hubtab6.src = "./images/hubtab6_on.png";


// Function which actually swaps tabs
function changeGreenTab2 (tabname) {
document.getElementById('tab1').style.display = 'none';
document.getElementById('tab2').style.display = 'none';
document.getElementById('tab3').style.display = 'none';
document.getElementById('tab4').style.display = 'none';
document.getElementById('tab5').style.display = 'none';
document.getElementById('tab6').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab1').src = './images/hubtab1_off.png';
document.getElementById('hubtab2').src = './images/hubtab2_off.png';
document.getElementById('hubtab3').src = './images/hubtab3_off.png';
document.getElementById('hubtab4').src = './images/hubtab4_off.png';
document.getElementById('hubtab5').src = './images/hubtab5_off.png';
document.getElementById('hubtab6').src = './images/hubtab6_off.png';
document.getElementById('hub'+tabname).src = './images/hub'+tabname+'_on.png';
}


//]]>