
   function multiTabBox( tabs, default_tab )
   {
      this.tabs = tabs;
      this.tab_suffix = '_tab';
      this.content_area_suffix = '_box_content';


      this.construct = function( default_tab )
      {
         for( var i=0, len=this.tabs.length; i < len; i++ )
         {
            var current_tab_id = this.getTabId( this.tabs[i] );
            var current_item = $( jqh.convID( current_tab_id ) );
            current_item.unbind( 'click' );
            current_item.unbind( 'mouseover' );
            var _this = this;
            current_item.click(
               function() { _this.selectTab( this.id ); return false; }
            );
            /*current_item.mouseover(
               function() { _this.selectTab( this.id ); return false; }
            );
            */
         }
         this.selectTab( ( default_tab ? default_tab : this.tabs[0] ) + this.tab_suffix );
      }


      this.getTabId = function( tab_prefix )
		{
			return tab_prefix + this.tab_suffix;
		}


      this.selectTab = function( tab_id )
      {
         for( var i=0, len=this.tabs.length; i < len; i++ )
         {
            var current_tab_id = this.getTabId( this.tabs[i] );
            var current_content_area_id = this.tabs[i] + this.content_area_suffix;
            if ( current_tab_id == tab_id )
            {
               this.highlightTab( current_tab_id );
               this.showTabContentArea( current_content_area_id );
            } else
            {
               this.dehighlightTab( current_tab_id );
               this.hideTabContentArea( current_content_area_id );
            }
         }
      }


      this.highlightTab = function( obj_id )
      {
         if ( $( jqh.convID( obj_id ) ) )
         {
            $( jqh.convID( obj_id ) ).addClass( 'active' );
         } 
      }


      this.dehighlightTab = function( obj_id )
      {
         if ( $( jqh.convID( obj_id ) ) )
         {
            $( jqh.convID( obj_id ) ).removeClass( 'active' );
         }
      }


      this.showTabContentArea = function( obj_id )
      {
         if ( $( jqh.convID( obj_id ) ) )
         {
            $( jqh.convID( obj_id ) ).show();
         }
      }


      this.hideTabContentArea = function( obj_id )
      {
         if ( $( jqh.convID( obj_id ) ) )
         {
            $( jqh.convID( obj_id ) ).hide();
         }
      }


      this.construct( default_tab );
   }
