Ext.namespace("Ext.hansub.camping");

Ext.hansub.camping.MyCampingWrapperPanel = function(config) {
	
	this.config = config;
	
	this.myMapPanel = new Ext.hansub.camping.MyCampingMapPanel({
				id:"MAP_"+this.config.id,
				//title:NAME+" 캠핑 정복지도 <font color=red>(new)</font>",
				border: false,
				region:'west',
				isall : 'false',
				level : 11,
				camping_user_uid : this.config.camping_user_uid
			
			});	

  	this.inlinePanelBlog = new Ext.hansub.panel.InlineBlog({
		
		id:'inlineBlog_ID_USER_'+this.config.camping_user_uid,
		title:this.config.camping_user_name+"님",
		camping_user_uid : this.config.camping_user_uid,
		camping_list_uid : '',
		iconCls:'user_icon',
		region:'center',
		width:300,
		fieldWidth : 300,
		private : false,
		inputdisable : true
		
	});
	this.inlinePanelBlog.setTitle(this.config.camping_user_name+ '님 캠핑이야기');	
	
	this.inlinePrivateBlog = new Ext.hansub.panel.InlineBlog({
		
		id:'inlineBlog_ID_PRIVATE_USER_'+this.config.camping_user_uid,
		title:this.config.camping_user_name+"님께 질문",
		camping_user_uid : this.config.camping_user_uid,
		camping_list_uid : '',
		region:'center',
		iconCls:'memo_icon',
		width:300,
		fieldWidth : 300,
		private : true,
		private_name : this.config.camping_user_name,
		private_uid : this.config.camping_user_uid
		
	});	
	
	this.inlinePrivateBlog.setTitle(this.config.camping_user_name+ '님께 글남기기');	
	
	this.myInfoPanel = new Ext.hansub.camping.MyCampingInfoPanel({
		id:'inlineBlog_ID_INFO_'+this.config.camping_user_uid,
		camping_user_uid : this.config.camping_user_uid,
		region:'north',
		split: true,
		collapsible: true,
		collapseMode: "mini",
		autoWidth:true,
		hideCollapseTool:true,
		frame:true,
		padding: 7, //,
		height:180
		
	})
	
	this.myTabPanel = new Ext.TabPanel({
									id:'myTabPanel_'+this.config.camping_user_uid,
									region:'center',
									//border:true,
									defaults: {autoScroll:true},
									resizeTabs:true, // turn on tab resizing
							        //minTabWidth: 120,
							        tabWidth:150,
								    resizeTabs:true,
							        split: true,
							        enableTabScroll:true,
							        collapsible: true,
									collapseMode: "mini",
									hideCollapseTool:true,
									items:[this.inlinePanelBlog, this.inlinePrivateBlog]
								});
	
	this.myTabPanel.setActiveTab(this.inlinePanelBlog);
	
	

	this.wrappPanel =  new Ext.Panel({
									
									//iconCls:'menu_icon',
									region:'center',
									split: true,
									border:false,
									//defaults: {autoScroll:false},
									//width:220,
									layout:'border',
									//collapsible: true,
									
									items:[this.myInfoPanel,this.myTabPanel]
						      });
					
					
	Ext.hansub.camping.MyCampingWrapperPanel.superclass.constructor.call(this, {
		id:this.config.id,
		title:this.config.title,
		layout:'border',
		closable:true,
		iconCls:'user_icon',
		border:false,
		defaults: {autoScroll:true},
		closable:this.config.closable,
		items:[this.myMapPanel,this.wrappPanel]
        
	});
	
	//this.on('afterlayout', this.init, this);
	this.on('activate', this.initLayout, this);
	//this.on('close', this.closed, this);
	this.on('resize', this.wrappPanel.doLayout, this);
	//this.on('render',this.doLayout(),this);
   
};

Ext.extend(Ext.hansub.camping.MyCampingWrapperPanel, Ext.Panel, {

	
	
	
	initLayout : function(){

		this.myMapPanel.init();
		this.inlinePanelBlog.store.load();
		this.myInfoPanel.init();
		this.myMapPanel.markMyCamping();
		//this.myTabPanel.add(this.inlinePanelBlog);
		
		//Ext.getCmp('InlineBlog').setData(this.config.name,this.config.record_data.uid);
		
	}
	
	
});