//<![CDATA[

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


// Function which actually swaps tabs
function changeTab (tabname) {
document.getElementById('tab1').style.display = 'none';
document.getElementById('tab2').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab1').src = '../images/tabs/hubtab1_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

// Function which actually swaps tabs
function changeTab2 (tabname) {
document.getElementById('tab4').style.display = 'none';
document.getElementById('tab5').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab4').src = '../images/tabs/hubtab4_off.png';
document.getElementById('hubtab5').src = '../images/tabs/hubtab5_off.png';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.png';
}

//]]>