$(document).ready(function($){

var tabs = $('#tabs').tabs();

tab_a_selector = 'ul.ui-tabs-nav a';

tabs.tabs({ event: 'change', select: function(){ debug.log(this); } });


  tabs.find( tab_a_selector ).click(function(){
    var state = {},
      
      id = $(this).closest( '#tabs' ).attr( 'id' ),
      
      idx = $(this).parent().prevAll().length;
    
    state[ id ] = idx;
    $.bbq.pushState( state );
  });
  
  $(window).bind( 'hashchange', function(e) {
    
    tabs.each(function(){
      
      var idx = $.bbq.getState( this.id, true ) || 0;

      $('#tabs').tabs('select', idx); 

      $("#subpage_navi > li").removeClass("pre_active");

      if(idx==$('#tabs').tabs( 'length' )-1) {
      $("#subpage_navi > li:last").removeClass("last");
      }
      else {
      $("#subpage_navi > li:last").addClass("last");
      }

      if(idx>0) {
      $("#subpage_navi > li:eq("+(idx-1+'')+")").addClass("pre_active");
      }


    });
  })
  
  $(window).trigger( 'hashchange' );




$('#tabs').bind('tabsselect', function(event, ui) {

$("#subpage_navi > li").removeClass("pre_active");

if(parseInt(ui.index)==$('#tabs').tabs( 'length' )-1) {
$("#subpage_navi > li:last").removeClass("last");
}
else {
$("#subpage_navi > li:last").addClass("last");
}

if(parseInt(ui.index)>0) {
$("#subpage_navi > li:eq("+(parseInt(ui.index)-1+'')+")").addClass("pre_active");
}

});

});