Ext.onReady(function(){ 
    var tools = [{
                  id:'close',
                  handler: function(e, target, panel){
                    panel.ownerCt.remove(panel, true);                  
                    no =  panel.getId();
                    
                                                            
                  }
                }
               ];   
    var area = new Ext.ux.Portal({
        renderTo: 'drop_area',  
        region:'center',                    
        width:220,
        
        frame:false,
        bodyStyle: 'border:0px;',   
        background:'#ffffff',        
        items:[{
                columnWidth:1,
                style:'padding:5px 0 0px 0px ;',                   
                frame:false,   
                bodyBorder : false ,                                             
                items:[ 
                               
                
                       {             
                    id: '1' ,
                    title: '<img src="/babypeer/images/HOM_left_baby_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_BB.php?mem=chichui'
                           }
                ,                       {             
                    id: '2' ,
                    title: '<img src="/babypeer/images/HOM_left_glow_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_GROW.php?mem=chichui'
                           }
                ,                       {             
                    id: '4' ,
                    title: '<img src="/babypeer/images/HOM_left_friend_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_FRI.php?mem=chichui'
                           }
                ,                       {             
                    id: '5' ,
                    title: '<img src="/babypeer/images/HOM_left_red_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_READ.php?mem=chichui'
                           }
                ,                       {             
                    id: '6' ,
                    title: '<img src="/babypeer/images/HOM_left_class_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_CLASS.php?mem=chichui'
                           }
                ,                       {             
                    id: '7' ,
                    title: '<img src="/babypeer/images/HOM_left_favo_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_FAVO.php?mem=chichui'
                           }
                ,                       {             
                    id: '12' ,
                    title: '<img src="/babypeer/images/HOM_left_action_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_ACT.php?mem=chichui'
                           }
                ,                       {             
                    id: '13' ,
                    title: '<img src="/babypeer/images/HOM_left_share_icon_final.gif" />',              
                    bodyStyle: 'border:0px;',
                                  
                         
                    autoLoad : '/babypeer/PUBLIC_MODULE/WIDGET/HOM_MAIN_SHARE.php?mem=chichui'
                           }
                                                
               ]
        }]
                
    });
    
    function Record(){            
      var result = ''; 
      if( typeof(area) == 'undefined' ) return; 
      var items = area.items;                        
      var c = items.get(0);
      c.items.each(function(portlet) { result += portlet.getId()+'_'+portlet.collapsed+','; }  );
      xajax_SaveOrder(result,'bphome');
    }
});