<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxtabbar.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxtabbar.js"></script>
 
<div id="a_tabbar" style="width:100%; height:250px;"></div>
<script>
function start() {
    tabbar = new dhtmlXTabBar("a_tabbar", "top");
    tabbar.setSkin('dhx_skyblue');
    tabbar.setImagePath("../../codebase/imgs/");
    tabbar.addTab("a1", "Tab 1-1", "100px");
    tabbar.addTab("a2", "Tab 1-2", "100px");
    tabbar.addTab("a3", "Tab 1-3", "100px");
    tabbar.addTab("a4", "Tab 1-4", "100px");
    tabbar.addTab("a5", "Tab 1-5", "100px");
    tabbar.enableAutoReSize(true);
    tabbar.setContentHTML("a1", "Just set sizes of container to 100% to achieve auto-sizing. <br/> Resize window to see the effect.");
    tabbar.setTabActive("a1");
}</script>