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

Ext.hansub.camping.CampingHeaderPanel= function(config) {
	
	this.config = config;
	
	

	Ext.hansub.camping.CampingHeaderPanel.superclass.constructor.call(this, this.config);
	
	this.on('afterRender', this.init, this);
	 
   
};

Ext.extend(Ext.hansub.camping.CampingHeaderPanel, Ext.Panel, {
	
	// rendering
	init:function(){
		
		//camping_uid가 넘어온 경우
		if(this.config.camping_uid){
			Ext.Ajax.request({
				url: './src/api/Interface.php',
				params:{
					'class':'Camping',
		   			method:'getCampingList',
		   			html:'true',
		   			camping_uid:this.config.camping_uid,
						limit:1
						},
				scope:this,
				success:function(response, options){
					var json = Ext.decode(response.responseText);
					this.config.data = json;
					this.reload();
				},
				failure:function(response, options){
					Ext.MessageBox.alert('오류', '서버에 응답이 없습니다. 잠시 후 다시 접근해 주세요.')
				}
			});	

		}else{
			this.reload();
		}
	},
	
	// Content
	setContent:function(content){

		this.config.data.content = content;
		// body
		if(this.body){
			this.reload();
		}
		
	},
	
	setData:function(data){
		
		this.config.data = data;
		if(this.body){
			this.reload();
		}
		
	},
	
	 
	reload : function(){
		
		
		if(!this.detailEl){
	    
			var bd = this.body;
	    	bd.update('').setStyle('background','#fff');
	    	this.detailEl = bd.createChild(); //create default empty div
	    	
		}
		this.setTitle(this.config.data.name);
		//
    	//this.detailEl.hide().update("<div class='template_header'>"+this.config.data.name+"</div><pre><div class='template_content'>"+this.config.data.content+"</div></pre>").slideIn('l', {stopFx:true,duration:.5});
		this.detailEl.hide().update(
				
				"<table cellspacing=0 cellpadding='0' border=0 width=100% > "+
				"	<tr class='infoHead'>"+
				"	<td width='25%' style='border-bottom-width:2; border-bottom-color:#8db2e3; border-bottom-style:solid;' rowspan='2' valign='middle'>"+
				"	            <p align='center'>"+this.config.data.name+"&nbsp;<br></b>"+this.config.data.tel+"<br><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_off_48.png width=16 height=16></td>"+
				"	<td width='75%' class='info'  colspan='7' bgcolor='#F0F0F0' style='border-bottom-width:0; border-bottom-color:rgb(0,102,0); border-bottom-style:solid;'>"+
				"	            <p align='left'><b>캠핑장주소</b> : "+this.config.data.address+" / <b>예약문의</b> "+
				"	            : "+this.config.data.tel+" / <b>홈페이지</b> : <a target=_blank href="+this.config.data.homepage+">"+this.config.data.homepage+ 
				"	            </a>&nbsp;<br></td>"+
				"	</tr>"+
				"	<tr class='infoHead'>"+
				"	<td width='75%' colspan='7' class='info'  bgcolor='white' style='border-bottom-width:2; border-bottom-color:#8db2e3; border-bottom-style:solid;'>"+
				"	<p><img src=./images/info/sink_"+this.config.data.sink+".png><img src=./images/info/water.png><img src=./images/info/hwater_"+this.config.data.water+".png><img src=./images/info/barbecue_"+this.config.data.barbecue+".png><img src=./images/info/shower_"+this.config.data.shower+".png><img src=./images/info/power_"+this.config.data.power+".png><img src=./images/info/toilet_"+this.config.data.toilet+".png><img src=./images/info/waterplay_"+this.config.data.waterplay+".png><img src=./images/info/internet_"+this.config.data.internet+".png><img src=./images/info/store_"+this.config.data.store+".png></p>"+
				"	</td>"+
				"	</tr>"+
				"	<tr class='even'>"+
					"	<td class='info'  width='25%'>캠핑장 유형</td>"+
					"	<td  width='8%'>"+
					"	            <p align='center'>"+this.config.data.location+"</td>"+
					"	<td class='info'  width='25%'>텐트최대수용</td>"+
					"	<td  width='8%'>"+
					"	            <p align='center'>"+this.config.data.capacity+" 동</td>"+
					"	<td class='info'  width='25%'>연중휴무</td>"+
					"	<td  width='8%'>"+
					"	            <p align='center'>없음</td>"+
					"	<td class='info'  width='25%'>개수대</td>"+
					"	<td  width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.sink+".png width=12 height=12 border=0></td>"+
				"	</tr>"+
				"	<tr class='odd'>"+
					"	<td class='info'  width='25%'>전기지원</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.power+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>온수지원</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.water+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>텐트옆주차</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.withcampingcar+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>매점</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.store+".png width=12 height=12 border=0></td>"+
				"	</tr>"+
				"	<tr class='even'>"+
					"	<td class='info'  width='25%'>샤워시설</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.shower+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>노면타입</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'>"+this.config.data.landtype+"</td>"+
					"	<td class='info'  width='25%'>인터넷</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.internet+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>화로사용</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.barbecue+".png width=12 height=12 border=0></td>"+
				"	</tr>"+
				"	<tr class='odd'>"+
					"	<td class='info'  width='25%'>화장실</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.toilet+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>물놀이</td>"+
					"	<td   width='8%'>"+
					"	            <p align='center'><img src=./images/info/"+this.config.data.waterplay+".png width=12 height=12 border=0></td>"+
					"	<td class='info'  width='25%'>예약방식</td>"+
					"	<td  width='30%' colspan=3>"+
					"	            <p align='center'>"+this.config.data.reservationtype+"</td>"+
				"	</tr>"+
//				"	<tr class='odd'>"+
//				"	<td class='info'  width='25%'>요금방식</td>"+
//				"	<td class='info'  width='75%' colspan='7'>"+
//				"	            <p align='left'>1동 12000원</td>"+
//				"	</tr>"+
				"	<tr class='even'>"+
				"	<td class='info'  width='25%'>주변레져환경</td>"+
				"	<td   width='75%' colspan='7'>"+
				"	            <p align='left'>낚시 : <img src=./images/info/"+this.config.data.fishing+".png width=12 height=12 border=0> , 등산 : <img src=./images/info/"+this.config.data.mountain+".png width=12 height=12 border=0> , MTB : <img src=./images/info/"+this.config.data.mtb+".png width=12 height=12 border=0> , 스키 : <img src=./images/info/"+this.config.data.ski+".png width=12 height=12 border=0> , 수영 : <img src=./images/info/"+this.config.data.swimming+".png width=12 height=12 border=0></td>"+
				"	</tr>"+
				"	<tr class='odd'>"+
				"	<td class='info'  width='25%' style='border-bottom-width:1; border-bottom-color:rgb(53,81,124); border-bottom-style:solid;'>기타정보</td>"+
				"	<td   width='75%' colspan='7' style='border-bottom-width:1; border-bottom-color:rgb(53,81,124); border-bottom-style:solid;'>"+
				"	            <p align='left'>"+this.config.data.description+"</td>"+
				"	</tr>"+
				"	<p>"+
				"</table>").slideIn('l', {stopFx:true,duration:.5});
				
				
	}		
				
				
				
				/**
				
				"<div class=infoBody>" +
										"<div class='infoHead'>"+
											this.config.data.content+
										"</div>" +
									"</div>"
											
									).slideIn('l', {stopFx:true,duration:.5});
		
	}
	
	"<table cellspacing=0 cellpadding='1' border=0 width=100%>"+
	"	<tr class='odd'>"+
	"	<td width='25%' style='border-bottom-width:3; border-bottom-color:#8db2e3; border-bottom-style:solid;' rowspan='2' valign='middle'>"+
	"	            <p align='center'><br><b>&nbsp;<font color=#35517c>"+this.config.data.name+"</font>&nbsp;<br></b>"+this.config.data.tel+"<br><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_48.png width=16 height=16><img src=./images/info/star_off_48.png width=16 height=16><b><br></b></td>"+
	"	<td width='75%' class='info'  colspan='7' bgcolor='#F0F0F0' style='border-bottom-width:0; border-bottom-color:rgb(0,102,0); border-bottom-style:solid;'>"+
	"	            <p align='left'>캠핑장주소 : "+this.config.data.address+" / 예약문의 "+
	"	            : "+this.config.data.tel+" / 홈페이지 : <a target=_blank href="+this.config.data.homepage+">"+this.config.data.homepage+ 
	"	            </a>&nbsp;<br></td>"+
	"	</tr>"+
	"	<tr class='odd'>"+
	"	<td width='75%' colspan='7' class='info'  bgcolor='white' style='border-bottom-width:3; border-bottom-color:#8db2e3; border-bottom-style:solid;'>"+
	"	<p><img src=./images/info/sink_"+this.config.data.sink+".png><img src=./images/info/water.png><img src=./images/info/hwater_"+this.config.data.water+".png><img src=./images/info/barbecue_"+this.config.data.barbecue+".png><img src=./images/info/shower_"+this.config.data.shower+".png><img src=./images/info/power_"+this.config.data.power+".png><img src=./images/info/toilet_"+this.config.data.toilet+".png><img src=./images/info/waterplay_"+this.config.data.waterplay+".png><img src=./images/info/internet_"+this.config.data.internet+".png><img src=./images/info/store_"+this.config.data.store+".png></p>"+
	"	</td>"+
	"	</tr>"+
	**/
});