This is my simplified javascript tabbar:

<div class="tabs-header">
<a id="tab-header-1" class="tab-header-active" href="javascript:tab_active(1);">Tab1</a>
<a id="tab-header-2" class="tab-header" href="javascript:tab_active(2);">Tab1</a>
<a id="tab-header-2" class="tab-header" href="javascript:tab_active(3);">Tab1</a>
</div>
<div class="tabs-content">
<div class="tab-content-1" class="tab-content"> ... </div>
<div class="tab-content-2" class="tab-content" style="display:none"> ... </div>
<div class="tab-content-3" class="tab-content" style="display:none"> ... </div>
</div>
<script language="JavaScript" type="text/javascript">
var active_tab_header = document.getElementById("tab-header-1");
var active_tab_content = document.getElementById("tab-content-1");
function tab_active(tab) {
active_tab_header.className = "tab-header";
active_tab_content.style.display = "none";
active_tab_header = document.getElementById("tab-header-" + tab);
active_tab_content = document.getElementById("tab-content-" + tab);
active_tab_header.className = "tab-header-active";
active_tab_content.style.display = "block";
}
</script>