stepcarousel.setup({
    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    autostep: {enable:false, moveby:1, pause:20000},
    panelbehavior: {speed:500, wraparound:true, persist:false},
    defaultbuttons: {enable: true, moveby: 1, leftnav: ['img/left_arrow.png', -15, 120], rightnav: ['img/right_arrow.png', -15, 120]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'], //content setting ['inline'] or ['external', 'path_to_external_file']
    oninit:function(){
      clearslidetabs(statusC);
      document.getElementById("pt" + statusA).className = 'stepcarousel_tabs_on';
    },
    onslide:function(){
      clearslidetabs(statusC);
      document.getElementById("pt" + statusA).className = 'stepcarousel_tabs_on';
    }
  });

  function clearslidetabs(totalTabs) {
    for (var x=1; x<=totalTabs; x++)
    {
      document.getElementById("pt" + x).className = 'stepcarousel_tabs_off';
    }
  }