function showSmallTabContent(elementName) {
    var tabContent1 = document.getElementById("tabOneContent");
    var tabContent2 = document.getElementById("tabTwoContent");
    var tabContent3 = document.getElementById("tabThreeContent");
    tabContent1.style.display = (elementName == "tabOneContent") ? "block" : "none";
    tabContent2.style.display = (elementName == "tabTwoContent") ? "block" : "none";
    tabContent3.style.display = (elementName == "tabThreeContent") ? "block" : "none";
}

function showSmallTab(elementName) {
    var tab1 = document.getElementById("tabOneBtn");
    var tab2 = document.getElementById("tabTwoBtn");
    var tab3 = document.getElementById("tabThreeBtn");
    tab1.className = (elementName == "tabOneContent") ? "on" : "";
    tab2.className = (elementName == "tabTwoContent") ? "on" : "";
    tab3.className = (elementName == "tabThreeContent") ? "on" : "";
    showSmallTabContent(elementName);
}

function showSmallTab2(elementName) {
    var tab1 = document.getElementById("tabOneBtn");
    var tab2 = document.getElementById("tabTwoBtn");
    var tab3 = document.getElementById("tabThreeBtn");
    tab1.className = (elementName == "tabOneContent") ? "on" : "";
    tab2.className = (elementName == "tabTwoContent") ? "on" : "";
    tab3.className = (elementName == "tabThreeContent") ? "on" : "";
    //showSmallTabContent(elementName);
}