function onMicrosoft() 
{
    var microsoftCon = document.getElementById('microsoftCon');
    var esriCon = document.getElementById('esriCon');
    var threedCon = document.getElementById('threedCon');
    var ibmCon = document.getElementById('ibmCon');
    var vectorCon = document.getElementById('vectorCon');
    
    var microsoftlink = document.getElementById('microsoftlink');
    var esrilink = document.getElementById('esrilink');
    var threedlink = document.getElementById('threedlink');
    var ibmlink = document.getElementById('ibmlink');
    var vectorlink = document.getElementById('vectorlink');

    microsoftCon.style.visibility = 'visible';
    esriCon.style.visibility = 'hidden';
    threedCon.style.visibility = 'hidden';
    ibmCon.style.visibility = 'hidden';
    vectorCon.style.visibility = 'hidden';

    microsoftlink.style.color = '#8136bb'
    esrilink.style.color = '#898787'
    threedlink.style.color = '#898787'
    ibmlink.style.color = '#898787'
    vectorlink.style.color = '#898787'
}

function onESRI() 
{
    var microsoftCon = document.getElementById('microsoftCon');
    var esriCon = document.getElementById('esriCon');
    var threedCon = document.getElementById('threedCon');
    var ibmCon = document.getElementById('ibmCon');
    var vectorCon = document.getElementById('vectorCon');
    
    var microsoftlink = document.getElementById('microsoftlink');
    var esrilink = document.getElementById('esrilink');
    var threedlink = document.getElementById('threedlink');
    var ibmlink = document.getElementById('ibmlink');
    var vectorlink = document.getElementById('vectorlink');

    microsoftCon.style.visibility = 'hidden';
    esriCon.style.visibility = 'visible';
    threedCon.style.visibility = 'hidden';
    ibmCon.style.visibility = 'hidden';
    vectorCon.style.visibility = 'hidden';

    microsoftlink.style.color = '#898787'
    esrilink.style.color = '#8136bb'
    threedlink.style.color = '#898787'
    ibmlink.style.color = '#898787'
    vectorlink.style.color = '#898787'
}

function onThreed() 
{
    var microsoftCon = document.getElementById('microsoftCon');
    var esriCon = document.getElementById('esriCon');
    var threedCon = document.getElementById('threedCon');
    var ibmCon = document.getElementById('ibmCon');
    var vectorCon = document.getElementById('vectorCon');
    
    var microsoftlink = document.getElementById('microsoftlink');
    var esrilink = document.getElementById('esrilink');
    var threedlink = document.getElementById('threedlink');
    var ibmlink = document.getElementById('ibmlink');
    var vectorlink = document.getElementById('vectorlink');

    microsoftCon.style.visibility = 'hidden';
    esriCon.style.visibility = 'hidden';
    threedCon.style.visibility = 'visible';
    ibmCon.style.visibility = 'hidden';
    vectorCon.style.visibility = 'hidden';

    microsoftlink.style.color = '#898787'
    esrilink.style.color = '#898787'
    threedlink.style.color = '#8136bb'
    ibmlink.style.color = '#898787'
    vectorlink.style.color = '#898787'
}

function onIBM() 
{
    var microsoftCon = document.getElementById('microsoftCon');
    var esriCon = document.getElementById('esriCon');
    var threedCon = document.getElementById('threedCon');
    var ibmCon = document.getElementById('ibmCon');
    var vectorCon = document.getElementById('vectorCon');
    
    var microsoftlink = document.getElementById('microsoftlink');
    var esrilink = document.getElementById('esrilink');
    var threedlink = document.getElementById('threedlink');
    var ibmlink = document.getElementById('ibmlink');
    var vectorlink = document.getElementById('vectorlink');

    microsoftCon.style.visibility = 'hidden';
    esriCon.style.visibility = 'hidden';
    threedCon.style.visibility = 'hidden';
    ibmCon.style.visibility = 'visible';
    vectorCon.style.visibility = 'hidden';

    microsoftlink.style.color = '#898787'
    esrilink.style.color = '#898787'
    threedlink.style.color = '#898787'
    ibmlink.style.color = '#8136bb'
    vectorlink.style.color = '#898787'
}

function onVector() 
{
    var microsoftCon = document.getElementById('microsoftCon');
    var esriCon = document.getElementById('esriCon');
    var threedCon = document.getElementById('threedCon');
    var ibmCon = document.getElementById('ibmCon');
    var vectorCon = document.getElementById('vectorCon');
    
    var microsoftlink = document.getElementById('microsoftlink');
    var esrilink = document.getElementById('esrilink');
    var threedlink = document.getElementById('threedlink');
    var ibmlink = document.getElementById('ibmlink');
    var vectorlink = document.getElementById('vectorlink');

    microsoftCon.style.visibility = 'hidden';
    esriCon.style.visibility = 'hidden';
    threedCon.style.visibility = 'hidden';
    ibmCon.style.visibility = 'hidden';
    vectorCon.style.visibility = 'visible';
    
    microsoftlink.style.color = '#898787'
    esrilink.style.color = '#898787'
    threedlink.style.color = '#898787'
    ibmlink.style.color = '#898787'
    vectorlink.style.color = '#8136bb'
}