function _createCustomerGrid(array_info,array_data)
{

    // create the data store
    var store = new Ext.data.ArrayStore({
        fields: [
           {name: 'No',type:'float'},
           {name: 'Name'},
           {name: 'Degree'},
           {name: 'Length'},
           {name: 'Type'},
           {name: 'Bolts'},
           {name: 'Anchor'},
           {name: 'Fa'},
           {name: 'Builder'},
           {name: 'CreateTime'},
           {name: 'Note'}
           
        ]
    });
    store.loadData(array_data);
    var cm = new Ext.grid.ColumnModel([
    				{header: "编号", width: 50, sortable: true, dataIndex: 'No'},
    				{header: "名称", width: 100, sortable: true, dataIndex: 'Name'},    			
            {header: "难度", width: 60, sortable: true, dataIndex: 'Degree'},
            {header: "长度", width: 60, sortable: true, dataIndex: 'Length'},
            {header: "类型", width: 60, sortable: true, dataIndex: 'Type'},
            {header: "挂片Bolts", width: 100, sortable: true, dataIndex: 'Bolts'},
            {header: "顶点Anchor", width: 100, sortable: true, dataIndex: 'Anchor'},
            {header: "FA/FFA", width: 60, sortable: true, dataIndex: 'Fa'},
            {header: "修建者", width: 100, sortable: true, dataIndex: 'Builder'},
            {header: "时间", width: 100, sortable: true, dataIndex: 'CreateTime'},
            {id:'Note',header: "备注", width: 100, sortable: true, dataIndex: 'Note'}
            
            
	]);
	var tbar=Array();
	//线路图按钮
	photos=array_info[1].split(",");   
	var photo_num=photos.length;
  for(var i=0;i<photo_num;i++){
 		var photo_url=photos[i];
  	var oTbar=new Object(); 
  	if(photo_num>1){
  		var routes=photo_url.substring(photo_url.lastIndexOf("_")+1,photo_url.lastIndexOf("."));
  		oTbar.text="线路图"+routes;
  		oTbar.photo_url=photo_url;
  	}else{
  		oTbar.text="线路图";
  		oTbar.photo_url=photo_url;
  	}
  	oTbar.iconCls="rp-icon";
  	oTbar.handler= function(){window.open(this.photo_url);};
  	tbar.push(oTbar);
  	if(photo_num>1 && (i+1)!=photo_num){
  		tbar.push('-');
  	}
  }      
  
  //岩场位置信息
  tbar.push('-');
  var oInfo=new Object(); 
  oInfo.text=array_info[2];
  tbar.push(oInfo);

    // create the Grid
    var grid = new Ext.grid.GridPanel({
    		region:'center',
				id:'monster-grid',
        store: store,
        cm: cm,
        tbar:tbar,
        stripeRows: true,
        autoExpandColumn: 'Note'
    });
	return grid;
}	
                        
function CreateCustomerGrid(index)
{
	var panel_id='monster-panel'+index;
	if (Ext.getCmp(panel_id))
	{
		Ext.getCmp(panel_id).show();
		return;
	}
	
	
  var array_info=eval('info_'+index);
  var array_data=eval('data_'+index);
  if (index=='baihe'){
  	var grid={region:"center",title:"",html:array_info[1]};
  }else{
		var grid = _createCustomerGrid(array_info,array_data);
	}
	
	var pan=new Ext.Panel({
  	layout:'border',
  	id:panel_id,
  	closable:true,
  	title:array_info[0],
  	items:[grid]
  	});
	var maintab = Ext.getCmp('main-tabs');
	maintab.add(pan);
	if (index!='baihe'){
		grid.doLayout();
	}
	pan.show();
}

function CreateCustomerGrid_Index(index)
{
	var panel_id='monster-panel'+index;
	if (Ext.getCmp(panel_id))
	{
		Ext.getCmp(panel_id).show();
		return;
	}
	
	
  var array_info=eval('info_'+index); 
	
	
	var pan=new Ext.Panel({
  	layout:'border',
  	id:panel_id,
  	closable:true,
  	title:array_info[0],
  	items:[{region:"center",title:"",html:array_info[1]} ]
  	});
	var maintab = Ext.getCmp('main-tabs');
	maintab.add(pan); 
	pan.show();
}