//<![CDATA[

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


// 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(tabname).style.display = 'block';
document.getElementById('hubtab1').src = '../images/hubtab1_off.jpg';
document.getElementById('hubtab2').src = '../images/hubtab2_off.jpg';
document.getElementById('hubtab3').src = '../images/hubtab3_off.jpg';
document.getElementById('hubtab4').src = '../images/hubtab4_off.jpg';
document.getElementById('hub'+tabname).src = '../images/hub'+tabname+'_on.jpg';
}
//]]>