function ClickTab(tabID)
{ 
    switch(tabID)
    {
    case 1:
        document.getElementById("divExplore").style.display = "";             
        document.getElementById("divSupport").style.display = "none";
        document.getElementById("liExplore").className = "active";
        document.getElementById("liSupport").className = "post";
        document.getElementById("spanExplore").innerHTML = tabExplore;
        document.getElementById("spanSupport").innerHTML = "<a href=\"\" onclick=\"ClickTab(2);return false;\">" + tabSupport + "</a>";
        document.getElementById("divLearn").style.display = "none";
        document.getElementById("liLearn").className = "";
        document.getElementById("spanLearn").innerHTML = "<a href=\"\" onclick=\"ClickTab(3);return false;\">" + tabLearn + "</a>";
        if (hasEvents == "True")
        {
            document.getElementById("divEvents").style.display = "none";
            document.getElementById("liEvents").className = "last";
            document.getElementById("spanEvents").innerHTML = "<a href=\"\" onclick=\"ClickTab(4);return false;\">" + tabEvents + "</a>";
        }
        else
        {
            document.getElementById("liLearn").className = "last";
        }
        break;
    case 2:
        document.getElementById("divExplore").style.display = "none"; 
        document.getElementById("divSupport").style.display = "";
        document.getElementById("liExplore").className = "";
        document.getElementById("liSupport").className = "active";
        document.getElementById("spanExplore").innerHTML = "<a href=\"\" onclick=\"ClickTab(1);return false;\">" + tabExplore + "</a>";
        document.getElementById("spanSupport").innerHTML = tabSupport;
        document.getElementById("divLearn").style.display = "none";
        document.getElementById("liLearn").className = "post";
        document.getElementById("spanLearn").innerHTML = "<a href=\"\" onclick=\"ClickTab(3);return false;\">" + tabLearn + "</a>";
        if (hasEvents == "True")
        {
            document.getElementById("divEvents").style.display = "none";
            document.getElementById("liEvents").className = "last";
            document.getElementById("spanEvents").innerHTML = "<a href=\"\" onclick=\"ClickTab(4);return false;\">" + tabEvents + "</a>";
        }
        else
        {
            document.getElementById("liLearn").className = "post last";
        }
        break;
    case 3:
        document.getElementById("divExplore").style.display = "none"; 
        document.getElementById("divSupport").style.display = "none";
        document.getElementById("divLearn").style.display = "";
        document.getElementById("liExplore").className = "";
        document.getElementById("liSupport").className = "";
        document.getElementById("liLearn").className = "active";
        document.getElementById("spanExplore").innerHTML = "<a href=\"\" onclick=\"ClickTab(1);return false;\">" + tabExplore + "</a>";
        document.getElementById("spanSupport").innerHTML = "<a href=\"\" onclick=\"ClickTab(2);return false;\">" + tabSupport + "</a>";
        document.getElementById("spanLearn").innerHTML = tabLearn;
        if (hasEvents == "True")
        {
            document.getElementById("divEvents").style.display = "none";
            document.getElementById("liEvents").className = "post last";
            document.getElementById("spanEvents").innerHTML = "<a href=\"\" onclick=\"ClickTab(4);return false;\">" + tabEvents + "</a>";
        }
        else
        {
            document.getElementById("liLearn").className = "active last";
        }
        break;
    case 4:
        document.getElementById("divExplore").style.display = "none"; 
        document.getElementById("divSupport").style.display = "none";
        document.getElementById("divLearn").style.display = "none";
        document.getElementById("liExplore").className = "";
        document.getElementById("liSupport").className = "";
        document.getElementById("liLearn").className = "";
        document.getElementById("spanExplore").innerHTML = "<a href=\"\" onclick=\"ClickTab(1);return false;\">" + tabExplore + "</a>";
        document.getElementById("spanSupport").innerHTML = "<a href=\"\" onclick=\"ClickTab(2);return false;\">" + tabSupport + "</a>";
        document.getElementById("spanLearn").innerHTML = "<a href=\"\" onclick=\"ClickTab(3);return false;\">" + tabLearn + "</a>";
        if (hasEvents == "True")
        {
            document.getElementById("divEvents").style.display = "";
            document.getElementById("liEvents").className = "active last";
            document.getElementById("spanEvents").innerHTML = tabEvents;
        }
        break;
    default:
        break;
    } 
}