function ChangeTab(tabID) {
    document.getElementById('tab1A').className = 'TabLeftOff';
    document.getElementById('tab1B').className = 'TabOff';
    document.getElementById('tab1C').className = 'TabRightOff';

    document.getElementById('tab2A').className = 'TabLeftOff';
    document.getElementById('tab2B').className = 'TabOff';
    document.getElementById('tab2C').className = 'TabRightOff';

    document.getElementById('tab3A').className = 'TabLeftOff';
    document.getElementById('tab3B').className = 'TabOff';
    document.getElementById('tab3C').className = 'TabRightOff';

    document.getElementById(tabID + 'A').className = 'TabLeftOn';
    document.getElementById(tabID + 'B').className = 'TabOn';
    document.getElementById(tabID + 'C').className = 'TabRightOn';

    document.getElementById('sep1').className = 'TabSepOff';
    document.getElementById('sep2').className = 'TabSepOff';

    if (tabID == 'tab1') {
        document.getElementById('sep1').className = 'TabSepOff';
        document.getElementById('sep2').className = 'TabSepOn';
    }

    if (tabID == 'tab3') {
        document.getElementById('sep1').className = 'TabSepOn';
        document.getElementById('sep2').className = 'TabSepOff';
    }


    document.getElementById('tab1Body').style.display = 'none';
    document.getElementById('tab2Body').style.display = 'none';
    document.getElementById('tab3Body').style.display = 'none';
    document.getElementById(tabID + 'Body').style.display = '';
}