//<![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/hubtab3_on.jpg";
hubtab4 = new Image();
hubtab4.src = "../images/tabs/hubtab4_on.jpg";
hubtab4 = new Image();
hubtab4.src = "../images/tabs/hubtab4_on.jpg";
hubtab4 = new Image();
hubtab4.src = "../images/tabs/hubtab4_on.jpg";
hubtab5 = new Image();
hubtab5.src = "../images/tabs/hubtab5_on.jpg";
hubtab6 = new Image();
hubtab6.src = "../images/tabs/hubtab6_on.jpg";
hubtab7 = new Image();
hubtab7.src = "../images/tabs/hubtab7_on.jpg";
hubtab8 = new Image();
hubtab8.src = "../images/tabs/hubtab8_on.jpg";
hubtab9 = new Image();
hubtab9.src = "../images/tabs/hubtab9_on.jpg";
hubtab10 = new Image();
hubtab10.src = "../images/tabs/hubtab10_on.jpg";
hubtab11 = new Image();
hubtab11.src = "../images/tabs/hubtab11_on.jpg";
hubtab12 = new Image();
hubtab12.src = "../images/tabs/hubtab12_on.jpg";
hubtab13 = new Image();
hubtab13.src = "../images/tabs/hubtab13_on.jpg";

// Function which actually swaps tabs
function changeTab1 (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/tabs/hubtab1_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
document.getElementById('hubtab3').src = '../images/tabs/hubtab3_off.jpg';
document.getElementById('hubtab4').src = '../images/tabs/hubtab4_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

function changeTab2 (tabname) {
document.getElementById('tab12').style.display = 'none';
document.getElementById('tab5').style.display = 'none';
document.getElementById('tab2').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab12').src = '../images/tabs/hubtab12_off.jpg';
document.getElementById('hubtab5').src = '../images/tabs/hubtab5_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

function changeTab3 (tabname) {
document.getElementById('tab6').style.display = 'none';
document.getElementById('tab7').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('hubtab6').src = '../images/tabs/hubtab6_off.jpg';
document.getElementById('hubtab7').src = '../images/tabs/hubtab7_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
//document.getElementById('hubtab3').src = '../images/tabs/hubtab3_off.jpg';
document.getElementById('hubtab4').src = '../images/tabs/hubtab4_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

function changeTab4 (tabname) {
document.getElementById('tab8').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('hubtab8').src = '../images/tabs/hubtab8_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
//document.getElementById('hubtab3').src = '../images/tabs/hubtab3_off.jpg';
document.getElementById('hubtab4').src = '../images/tabs/hubtab4_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

function changeTab5 (tabname) {
document.getElementById('tab1').style.display = 'none';
document.getElementById('tab13').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/tabs/hubtab1_off.jpg';
document.getElementById('hubtab13').src = '../images/tabs/hubtab13_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
//document.getElementById('hubtab3').src = '../images/tabs/hubtab3_off.jpg';
document.getElementById('hubtab4').src = '../images/tabs/hubtab4_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

function changeTab6 (tabname) {
document.getElementById('tab9').style.display = 'none';
document.getElementById('tab10').style.display = 'none';
document.getElementById('tab5').style.display = 'none';
document.getElementById('tab2').style.display = 'none';

document.getElementById(tabname).style.display = 'block';
document.getElementById('hubtab9').src = '../images/tabs/hubtab9_off.jpg';
document.getElementById('hubtab10').src = '../images/tabs/hubtab10_off.jpg';
document.getElementById('hubtab5').src = '../images/tabs/hubtab5_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

function changeTab7 (tabname) {
document.getElementById('tab11').style.display = 'none';
document.getElementById('tab2').style.display = 'none';
document.getElementById('tab5').style.display = 'none';
document.getElementById('tab4').style.display = 'none';

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

function changeTab8 (tabname) {
document.getElementById('tab1').style.display = 'none';
document.getElementById('tab12').style.display = 'none';
document.getElementById('tab5').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('hubtab12').src = '../images/tabs/hubtab12_off.jpg';
document.getElementById('hubtab5').src = '../images/tabs/hubtab5_off.jpg';
document.getElementById('hubtab2').src = '../images/tabs/hubtab2_off.jpg';
document.getElementById('hub'+tabname).src = '../images/tabs/hub'+tabname+'_on.jpg';
}

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