<div id="a_tabbar" style="width:400;height:100"></div>
<div id="b_tabbar" style="width:400;height:100"></div>
<script>
 
    //use one of predefined schemas
    tabbar=new dhtmlXTabBar("a_tabbar","top");
    tabbar.setImagePath("../../imgs/");
    tabbar.setStyle("silver");
    
    //define custom schema. paths are related to images directory set with setImagePath method
    customStyleSchema = ["custom/p_left.gif","custom/p_middle.gif","custom/p_right.gif",
                        "custom/a_left.gif","custom/a_middle.gif","custom/a_right.gif",
                        "custom/p_middle_over.gif",5,6,6,false,false,false];
    
    tabbar2=new dhtmlXTabBar("c_tabbar","top");
    tabbar2.setImagePath("../../imgs/");
    tabbar2.setStyle("custom");</script>