Subscribe to onchange
topics
<sj:tabbedpanel id="localtabs" onChangeTopics="tabchange" >
<sj:tab id="connected" target="tone" label="Connected" />
<sj:tab id="disconnected" target="ttwo" label="Not Connected"/>
<sj:tab id="distribution" target="tthree" label="Distributed"/>
<div id="tone">tone</div>
<div id="ttwo">ttwo</div>
<div id="tthree">tthree</div>
</sj:tabbedpanel>
and handle the event
$.subscribe('tabchange', function(event, data) {
var tab = event.originalEvent.ui.newTab.attr("id");
if (tab === "connected") {
$("#activeTab").val(0);
} else if (tab === "disconnected") {
$("#activeTab").val(1);
} else if (tab === "distribution") {
$("#activeTab").val(3);
}
});