function showTabContent(elementName) {
 var tab1 = document.getElementById("tab1-content");
 var tab2 = document.getElementById("tab2-content");
 var tab3 = document.getElementById("tab3-content");
 var tab4 = document.getElementById("tab4-content");
 tab1.style.display = (elementName == "tab1-content") ? "block" : "none" ;
 tab2.style.display = (elementName == "tab2-content") ? "block" : "none" ;
 tab3.style.display = (elementName == "tab3-content") ? "block" : "none" ;
 tab4.style.display = (elementName == "tab4-content") ? "block" : "none" ;
}

function showLargeTabContent(elementName) {
 var tab1 = document.getElementById("largetab1-content");
 var tab2 = document.getElementById("largetab2-content");
 tab1.style.display = (elementName == "largetab1-content") ? "block" : "none" ;
 tab2.style.display = (elementName == "largetab2-content") ? "block" : "none" ;
}

function showTab (elementName) {	
 var tab1 = document.getElementById("tab1");
 var tab2 = document.getElementById("tab2");
 var tab3 = document.getElementById("tab3");
 var tab4 = document.getElementById("tab4");
 tab1.className = (elementName == "tab1-content") ? "selectedtab" : "" ;
 tab2.className = (elementName == "tab2-content") ? "selectedtab" : "" ;
 tab3.className = (elementName == "tab3-content") ? "selectedtab" : "" ;
 tab4.className = (elementName == "tab4-content") ? "selectedtab" : "" ;
 showTabContent(elementName);
}

function showLargeTab (elementName) {	
 var tab1 = document.getElementById("large-tab1");
 var tab2 = document.getElementById("large-tab2");
 tab1.className = (elementName == "largetab1-content") ? "selectedtab" : "" ;
 tab2.className = (elementName == "largetab2-content") ? "selectedtab" : "" ;
 showLargeTabContent(elementName);
}