//<![CDATA[

// Preload the on states of the tabs for quicker response
hubtab1 = new Image();
hubtab1.src = "img/tabs/hubtab1_on.jpg";
hubtab2 = new Image();
hubtab2.src = "img/tabs/hubtab2_on.jpg";
hubtab3 = new Image();
hubtab3.src = "img/tabs/hubtab3_on.png";
hubtab4 = new Image();
hubtab4.src = "img/tabs/hubtab4_on.png";
hubtab5 = new Image();
hubtab5.src = "img/tabs/hubtab5_on.png";
hubtab6 = new Image();
hubtab6.src = "img/tabs/hubtab6_on.png";
hubtab7 = new Image();
hubtab7.src = "img/tabs/hubtab7_on.png";
hubtab8 = new Image();
hubtab8.src = "img/tabs/hubtab8_on.png";
hubtab9 = new Image();
hubtab9.src = "img/tabs/hubtab9_on.png";
hubtab10 = new Image();
hubtab10.src = "img/tabs/hubtab10_on.png";


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

getbyid('hubtab1').src = 'img/tabs/hubtab1_off.jpg';
getbyid('hubtab2').src = 'img/tabs/hubtab2_off.jpg';
getbyid('hub'+tabname).src = 'img/tabs/hub'+tabname+'_on.jpg';
}

// Function which actually swaps tabs
function changeTab2 (tabname) {
getbyid('tab3').style.display = 'none';
getbyid('tab4').style.display = 'none';
getbyid('tab5').style.display = 'none';
getbyid('tab6').style.display = 'none';
getbyid('tab7').style.display = 'none';
getbyid('tab8').style.display = 'none';
getbyid('tab9').style.display = 'none';
getbyid('tab10').style.display = 'none';
getbyid(tabname).style.display = 'block';
/*
getbyid('hubtab3').src = 'img/tabs/hubtab3_off.png';
getbyid('hubtab4').src = 'img/tabs/hubtab4_off.png';
getbyid('hubtab5').src = 'img/tabs/hubtab5_off.png';
getbyid('hubtab6').src = 'img/tabs/hubtab6_off.png';
getbyid('hubtab7').src = 'img/tabs/hubtab7_off.png';
getbyid('hubtab8').src = 'img/tabs/hubtab8_off.png';
getbyid('hubtab9').src = 'img/tabs/hubtab9_off.png';
getbyid('hubtab10').src = 'img/tabs/hubtab10_off.png';
getbyid('hub'+tabname).src = 'img/tabs/hub'+tabname+'_on.png';
*/
}

//]]>