$(document).ready(function() {
  var ui = $.extend({init:function(){}},nya);
  enable_tab(ui);

  function enable_tab (holder) {
    holder.has('tab',{
      is: Tab,
      config: {
        tabs: ['plot_ranking', 'offer_ranking'],
        handler: {
          on_activate: function(anchor, pane) {
            $(anchor)
              .removeClass('nonactive_tab_anchor')
              .addClass('active_tab_anchor');
            $(pane)
              .removeClass('nonactive_tab_pane')
              .addClass('active_tab_pane');
          },
          on_deactivate: function(anchors, panes) {
            $(anchors)
              .removeClass('active_tab_anchor')
              .addClass('nonactive_tab_anchor');
            $(panes)
              .removeClass('active_tab_pane')
              .addClass('nonactive_tab_pane');
          }
        }
      },
      has: {
        plot_ranking: "#plot_ranking",
        offer_ranking: "#offer_ranking"
      },
      init:function(tab){
        tab.get('plot_ranking').find('a:eq(0)').click();
        tab.get('offer_ranking').find('a:eq(0)').click();
      }
    });
  }
});