(function ($, Drupal, undefined) {

Drupal.behaviors.tabbed_panels = {
  attach: function (context, settings) {
    var $tabs = $('.panel-tabbed-layout');
    
    $tabs.each(function() {
      var $this = $(this);
      var $tab_id = $this.attr('id');
      var $pane_titles = $this.find('h2.pane-title');
      var $tab_titles = '';
      var $tab_nav;
      var $i = 0;

      $this.find('.panel-pane').each(function() {
        $(this).attr('id', $tab_id + '-tab-pane-' + $i);
        $i++; 
      });
      
      var $i = 0;
      
      $pane_titles.each(function() {
        $(this).addClass('element-invisible');
        $tab_titles += '<li class="tab-nav"><a href="#' + $tab_id + '-tab-pane-' + $i + '">' + $(this).text() + '</a></li>';
        $i++; 
      });
      
      $tab_nav = '<ul class="tabs">' + $tab_titles + '</ul>';
      
      $this.find('.section').prepend($tab_nav).tabs();  
    });
  }
};

})(jQuery, Drupal);