function openClose(name) {
        document.getElementById('brokers').className = 'tab33';
        document.getElementById('signals').className = 'tab33';
        document.getElementById('courses').className = 'tab33';
        document.getElementById('money').className = 'tab33';
        document.getElementById('product').className = 'tab33';

        document.getElementById('brokersLink').className = 'tab3';
        document.getElementById('signalsLink').className = 'tab3';
        document.getElementById('coursesLink').className = 'tab3';
        document.getElementById('moneyLink').className = 'tab3';
        document.getElementById('productLink').className = 'tab3';

        link = name + "Link"
              
        document.getElementById(name).className = 'tab34';
        document.getElementById(link).className = 'tab4';
        document.getElementById(name).style.color = 'white';

        document.getElementById('brokersShow').style.display = 'none';
        document.getElementById('signalsShow').style.display = 'none';
        document.getElementById('coursesShow').style.display = 'none';
        document.getElementById('moneyShow').style.display = 'none';
        document.getElementById('productShow').style.display = 'none';

        divShow = name + 'Show';
        document.getElementById(divShow).style.display = 'block';

    }



    function openClose1(name) {
        document.getElementById('A1').className = 'tab2';
        document.getElementById('A2').className = 'tab2';
        document.getElementById('A3').className = 'tab2_1';
        document.getElementById('A4').className = 'tab2_2';

        document.getElementById('A1Link').className = 'tab3';
        document.getElementById('A2Link').className = 'tab3';
        document.getElementById('A3Link').className = 'tab3';
        document.getElementById('A4Link').className = 'tab3';


        link = name + "Link"
//        MAKE THE CHANGE WHEN YOU GET HERE
        if (name == "A3") { document.getElementById(name).className = 'tab2_10'; }
        if (name == "A4") { document.getElementById(name).className = 'tab2_20'; }
        // END MAKE THE CHANGE WHEN YOU GET HERE  
     
        if (name != "A4" && name != "A3") { document.getElementById(name).className = 'tab22'; }
       
        document.getElementById(link).className = 'tab4';
        document.getElementById(name).style.color = 'white';

        document.getElementById('A1SHOW').style.display = 'none';
        document.getElementById('A2SHOW').style.display = 'none';
        document.getElementById('A3SHOW').style.display = 'none';
        document.getElementById('A4SHOW').style.display = 'none';


        divShow = name + 'SHOW';
        document.getElementById(divShow).style.display = 'block';

    }


    function openClose2(name) {
        document.getElementById('B1').className = 'tab5';
        document.getElementById('B2').className = 'tab5';


        document.getElementById('B1Link').className = 'tab3';
        document.getElementById('B2Link').className = 'tab3';

        link = name + "Link"
        document.getElementById(name).className = 'tab55';
        document.getElementById(link).className = 'tab4';
        document.getElementById(name).style.color = 'white';

        document.getElementById('B1SHOW').style.display = 'none';
        document.getElementById('B2SHOW').style.display = 'none';

        divShow = name + 'SHOW';
        document.getElementById(divShow).style.display = 'block';

    }