//<![CDATA[

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


// 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(tabname).style.display = 'block';
document.getElementById('hubtab1').src = 'images/hubtab1.gif';
document.getElementById('hubtab2').src = 'images/hubtab2.gif';
document.getElementById('hubtab3').src = 'images/hubtab3.gif';
document.getElementById('hub'+tabname).src = 'images/hub'+tabname+'_on.gif';
}
// Function which actually swaps tabs
function changeGreenTab3 (tabname) {
document.getElementById('tab4').style.display = 'none';
document.getElementById('tab5').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab4').src = 'images/hubtab1.gif';
document.getElementById('hubtab5').src = 'images/hubtab2.gif';
document.getElementById('hub'+tabname).src = 'images/hub'+tabname+'_on.gif';
}
// Function which actually swaps tabs
function changeGreenTab4 (tabname) {
document.getElementById('tab6').style.display = 'none';
document.getElementById('tab7').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab6').src = 'images/hubtab6.gif';
document.getElementById('hubtab7').src = 'images/hubtab7.gif';
document.getElementById('hub'+tabname).src = 'images/hub'+tabname+'_on.gif';
}
//]]>