Mys.hrdView = function(config)
{
	Mys.hrdView.superclass.constructor.call(this, config);
};

Ext.extend(Mys.hrdView, Mys.KMAView, {
	bodyTemplate : (new Ext.Template([
		'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
			'<tr>',
				'<td colspan="1">',
					'<div id="view_top_left">{admin}</div>',
				'</td>',
				'<td colspan="1">',
					'<div id="view_top_right">',
			    	'<a class="mys-item-list" onfocus="blur()" href="#state=list&page={page}"><img width="47" hspace="5" height="17" src="/images/common/btn_list.gif"/></a>',
					'</div>',
				'</td>',
			'</tr>',
			'<tr>',
				'<td colspan="2" style="border:solid 5px #e7e7e7; padding:7px 0 5px 0"><table width="100%" border="0" cellspacing="0" cellpadding="0">',
					'<tr>',
						'<td width="50" height="30" align="center" class="mys-item-agree"><div class="score" title="추천수">{agree_count}</div><span><img src="/images/chuchun.gif" width="19" height="11"></span></td>',
						'<td width="5" bgcolor="#e7e7e7">&nbsp;</td>',
						'<td style="padding-left:10px" class="subject">{title} {isAddition}</td>',
						'<td width="64">{cufonUseBtn1}</td>',
						'{applyBtn}',
						'{refundLinkTD}',
					'</tr>',
				'</table></td>',
			'</tr>',
			'{banner}',
			'<tr>',
				'<td colspan="2" height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">',
					'<tr>',
						'<td width="55"><img src="/images/common/stit_schedule.gif" width="39" height="13" hspace="5" /></td>',
						'<td class="txt1266">{dateRange}</td>',
						'<td width="50"><img src="/images/common/stit_view.gif" width="39" height="13" /></td>',
						'<td width="190" class="num">{read_count}</td>',
					'</tr>',
				'</table></td>',
			'</tr>',
			'<tr>',
				'<td colspan="2" height="1" bgcolor="#e7e7e7"></td>',
			'</tr>',
			'<tr>',
				'<td colspan="2" height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">',
					'<tr>',
						'<td width="55"><img src="/images/common/stit_place.gif" width="39" height="13" hspace="5" /></td>',
						'<td class="c66">{location}</td>',
						//'<td width="50" ><img class = "replytitle" src="../images/common/stit_comment.gif" width="39" height="13" /></td>',
						//'<td width="190" class="num mys-item-reply">{reply_count} <a href="#reply"><img src="../images/common/btn_viewcomment.gif" width="47" height="15" hspace="5" border="0" align="absmiddle" /></a></td>',
					'</tr>',
				'</table></td>',
			'</tr>',
			'<tr>',
				'<td colspan="2" height="1" bgcolor="#e7e7e7"></td>',
			'</tr>',
			'<tr>',
				'<td colspan="2" align="right" style="padding-right: 5px;height : 30px;"><a href="{link}" class="s11 c88 link">{link}</a> <a class="copy" href="javascript:void(0);"><img src="/images/common/btn_coppyaddress.gif" width="49" height="17" hspace="5" border="0" align="absmiddle" /></a></td>',
			'</tr>',
			'<tr>',
				'<td colspan="2" class="contents"><div class="view-static-contents">',
					'<table width="625" border="0" cellspacing="0" cellpadding="0" align="center">',
						'<tr>',
							'<td height="20" align="right" class="s11 c88"><img src="/images/common/dot_green.gif" width="3" height="3" vspace="5" align="absmiddle" /> 교육관련문의 : KMA연수센터 02)3274-9222,9215~6 <img src="/images/common/line_devidec.gif" width="9" height="9" />		 <img src="/images/common/dot_green.gif" width="3" height="3" vspace="5" align="absmiddle" /> 팩스확인전화 : KMA연수센터 02)3274-9215~6 Fax:02-833-9684</td>',
						'</tr>',
						'<tr>',
							'<td height="20" align="right" class="s11 c88"><img src="/images/common/dot_green.gif" width="3" height="3" vspace="5" align="absmiddle" /> 교육관련문의 : 대구 지부 053)253-4181~4 <img src="/images/common/line_devidec.gif" width="9" height="9" />		 <img src="/images/common/dot_green.gif" width="3" height="3" vspace="5" align="absmiddle" /> 팩스확인전화 : 대구 지부 053)253-4181~4 Fax:053-253-4185</td>',
						'</tr>',
						
						'<tr>',
							'<td bgcolor="#dcd9cf"><table width="625" border="0" cellspacing="1" cellpadding="0">',
								'<tr>',
									'<td width="80" height="25" class="tblt">교육일정</td>',
									'<td width="227" class="tblc">{dateList}</td>',
									'<td width="80" class="tblt">교육장소</td>',
									'<td width="228" class="tblc">{location}</td>',
								'</tr>',
								'<tr>',
									'<td height="25" class="tblt">교육정원</td>',
									'<td class="tblc">{inwon} 명</td>',
									'<td class="tblt">수강시간</td>',
									'<td class="tblc">{subperiod}일({subhour}시간)</td>',
								'</tr>',
								'<tr>',
									'<td height="25" class="tblt">수강대상</td>',
									'<td class="tblc">{subtarget}</td>',
									'<td class="tblt">참가비</td>',
									'<td class="tblc">회원사 : {publicamt1}원<br/>비회원사 : {publicamt2}원<br/> 교육참가비에는 중식비 및 교재비가 포함되어 있습니다.</td>',
								'</tr>',
								'<tr>',
									'<td height="25" class="tblt">신청기간</td>',
									'<td class="tblc">교육시작 1일전까지<br/>(인원에 따라 조기마감될 수 있음)</td>',
									'<td class="tblt">환급금</td>',
									'<td class="tblc">우대기업 : {labormoney1}원<br/>대기업 : {labormoney2}원<br/>정확한 환급액은 과정이 시작되어 교육참가인원이 정해진 후에 알 수 있습니다.</td>',
								'</tr>',
								'<tr>',
									'<td height="25" class="tblt">교육시간</td>',
									'<td colspan="3" class="tblc">{lecturetime}</td>',
									'</tr>',
							'</table></td>',
						'</tr>',
						'<tr>',
							'<td height="30" valign="bottom" align="right"> {refundAlert}</td>',
						'</tr>',
						'<tr>',
							'<td height="40" align="right" valign="bottom">',
								'{cufonUseBtn2} ',
								'{applyBtn2}',
								'{refundLink}',
							'</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td height="20">&nbsp;</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td class="c00 b"><img src="/images/hrd/ntit_01.gif" width="13" height="20" align="absmiddle" /> KMA역량</td>',
						'</tr>',
						'<tr>',
							'<td height="10"></td>',
						'</tr>',
						'<tr>',
							'<td style="padding-left:10px" class="c66 h16">{kmaability}</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td height="20">&nbsp;</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						
						'<tr>',
							'<td class="c00 b"><img src="/images/hrd/ntit_02.gif" width="13" height="20" align="absmiddle" /> 과정의 목적</td>',
						'</tr>',
						'<tr>',
							'<td height="10"></td>',
						'</tr>',
						'<tr>',
							'<td style="padding-left:10px" class="c66 h16">{subpurpose}</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td height="20">&nbsp;</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td class="c00 b"><img src="/images/hrd/ntit_03.gif" width="13" height="20" align="absmiddle" /> 기대 효과</td>',
						'</tr>',
						'<tr>',
							'<td height="10"></td>',
						'</tr>',
						'<tr>',
							'<td style="padding-left:10px" class="c66 h16">{subeffect}</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td height="20">&nbsp;</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td class="c00 b"><img src="/images/hrd/ntit_04.gif" width="13" height="20" align="absmiddle" /> 과정의 특징</td>',
						'</tr>',
						'<tr>',
							'<td height="10"></td>',
						'</tr>',
						'<tr>',
							'<td style="padding-left:10px" class="c66 h16">{subcharacter}</td>',
						'</tr>',
					'</table>{processfilenameStr}',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td height="20">&nbsp;</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td height="20">&nbsp;</td>',
						'</tr>',
					'</table>',
					'<table width="100%" border="0" cellspacing="0" cellpadding="0">',
						'<tr>',
							'<td class="c00 b"><img src="/images/hrd/ntit_06.gif" width="13" height="20" align="absmiddle" /> 기본 시간표</td>',
						'</tr>',
						'<tr>',
							'<td height="10"></td>',
						'</tr>',
						'<tr>',
							'<td style="padding-left:10px" class="c66 h16">{subtimetable}</td>',
						'</tr>',
						'<tr>',
							'<td height="10"></td>',
						'</tr>',
						'<tr>',
							'<td style="padding-left:10px" class="c66 h16">{submonthtable}</td>',
						'</tr>',
					'</table></div>',
				'</td>',
			'</tr>',
			'<tr>',
				'<td height="20">&nbsp;</td>',
			'</tr>',
		'</table>',
		'{fileTable}'
	])).compile(),
	
	className : "mys-view-item",
	
	createAdmin : function(data)
	{
		if(Global.Session.isAdmin())
		{
			var tag = this.safeArray(data.tag);
			
			for(var i = 0, tags = []; i < tag.length; i++)
				tags.push(tag[i].tag_name);
			
			var admin = '' +
				'<a href="#" onfocus="blur()" class="mys-item-del"><img src="/images/common/btn_delsemi.gif" width="32" height="17" /></a>' +
				' <img src="/images/common/line_devidebtn.gif" width="1" height="17" /> ' +
				'<span class="show-index">인덱스에 보이기</span><input type="checkbox" class="mys-item-default" ' + (data.default_flag ? 'checked' : '') + '/>' +
				' <img src="/images/common/line_devidebtn.gif" width="1" height="17" /> ' +
				'<form class="mys-tag-modify" style="display:inline" onsubmit="return false;"><input type="text" name="tag" value="' + tags.join(", ") + '"/><button type="submit">수정</button></form>';
			return admin;
		}
		else
			return '';
	},
	
	prepareData : function(data)
	{
		data.page = (Math.floor(this.safeNumber(data.start) /10) + 1) || this.page;
		
		data.className = this.className;
		
		data.title = data.title || "제목없음";
		
		data.read_count = this.safeNumber(data.read_count);
		data.agree_count = this.safeNumber(data.agree_count);
		data.reply_count = this.safeNumber(data.reply_count);
		data.cufonUseBtn1 = "";
		data.cufonUseBtn2 = "";
		data.processfilenameStr = "";
		if(data.processfilename)
		{
			data.processfilenameStr = "<table width='100%' border='0' cellspacing='0' cellpadding='0'>"
			data.processfilenameStr += "<tr><td class='c00 b'><img src='/images/hrd/ntit_05.gif' width='13' height='20' align='absmiddle' /> 학습 모형</td>";
			data.processfilenameStr += "</tr><tr><td height='10'></td></tr><tr><td style='padding-left:10px' class='c66 h16'>";
			data.processfilenameStr += "<img src='/download/view_process_img.php?filename="+encodeURIComponent(data.processfilename)+"'/ ></td></tr></table>";
		}
		
		
		//일부 과정만 쿠폰 신청 가능
		if(data.serial == 4 || data.serial == 59 || data.serial == 60 || data.serial == 64 || data.serial == 51 || data.serial == 30 || 
			data.serial == 31 ||  data.serial == 97 || data.serial == 20 || data.serial == 72 || data.board_id == 90 )
		{
			data.cufonUseBtn1 =  "<a href='/hrd/apply_edu01_01.htm?chk=C&nlidx="+data.nlidx+"&rcnt="+data.agree_count+"'><img src='/images/hrd/btn_applycoupons.gif' width='59' height='29' border='0' /></a>";
			data.cufonUseBtn2 = "<a href='/hrd/apply_edu01_01.htm?chk=C&nlidx="+data.nlidx+"&rcnt="+data.agree_count+"'><img src='/images/hrd/btn_applycoupon.gif' width='146' height='30' border='0' /></a>";
		}

		if ( data.board_id == 90 ){
		}
		else{
			data.applyBtn = "<td width='64'><a href='/hrd/apply_edu01_01.htm?chk=A&nlidx="+data.nlidx+"&rcnt="+data.agree_count+"'><img src='/images/hrd/btn_applynormals.gif' width=59 height=29 border='0' /></a></td>";
			data.applyBtn2 = "<a href='/hrd/apply_edu01_01.htm?chk=A&nlidx="+data.nlidx+"'&rcnt="+data.agree_count+"' onclick='return confirm_noRefund();'><img src='/images/hrd/btn_applynormal.gif' width='146' height='30' border='0' /></a>"; 
		}

		
		data.publicamt1 = this.safeAmount(data.publicamt1);
		data.publicamt2 = this.safeAmount(data.publicamt2);
		data.labormoney1 = this.safeAmount(data.labormoney1);
		data.labormoney2 = this.safeAmount(data.labormoney2);
		
		var startDate = Date.parseDate(data.start_date, "Y.m.d");
		var endDate = Date.parseDate(data.end_date, "Y.m.d");
		
		if(startDate && endDate)
		{
			data.dateRange = startDate.format("n월 j일");
			
			if(startDate.format("ymd") == endDate.format("ymd"));
			else if(startDate.format("ym") == endDate.format("ym"))
				data.dateRange += " ~ " + endDate.format("j일");
			else if(startDate.format("y") == endDate.format("y"))
				data.dateRange += " ~ " + endDate.format("n월 j일");
			else
				data.dateRange += " ~ " + endDate.format("y년 n월 j일");
		}
		
		data.tags = this.createTags(data.tag);
		data.fileTable = this.createFiles(data);
		data.admin = this.createAdmin(data);
		data.link = this.createLink(data);
		data.dateList = this.createDateList(data);
		
		if(data.labotype == "01")
		{
			data.refundLink = '<a href="/hrd/apply_edu01_01.htm?chk=B&nlidx=' + data.nlidx + '&rcnt=' + data.agree_count + '"><img src="/images/hrd/btn_applyreturn.gif" width="146" height="30" hspace="5" border="0" /></a>';
			data.refundLinkTD = '<td width="64"><a href="/hrd/apply_edu01_01.htm?chk=B&nlidx=' + data.nlidx + '&rcnt=' + data.agree_count + '"><img src="/images/hrd/btn_applyreturns.gif" width="59" height="29" border="0" /></a></td>';
			data.refundAlert = '<img src="/images/common/dot_green.gif" width="3" height="3" vspace="5" align="absmiddle" /> 고용보험 미가입자는 일반신청을 하시기 바랍니다.';
		}
		else
		{
			data.refundLink = '';
			data.refundLinkTD = '';
			data.refundAlert = '';
		}
		
		if(data.is_addition == 1)
			data.isAddition = '<img class="mys-hrd-addition" src="/images/hrd/add_new.gif" />';
		
		//배너 삽입
		switch(data.serial){
			case "332":
			case "301":
			case "294":
				data.banner = '<tr><td colspan="2" style="text-align:center;"><a href="/cus_center/notice_list.htm#state=view&board_id=16&item_id=8017" target="_blank"><img src="/images/hrd/banner_091123.jpg" style="width:650px;height:120px;" /></a></td></tr>';
				break;
			default:
				data.banner = '';
				break;
		}
		
		return data;
	},
	
	setEvents : function(el)
	{
		if(Mys.hrdView.superclass.setEvents.call(this, el) === false)
			return false;
		
		el.child(".mys-hrd-date").on("change", this.onChangeDate, this);
	},
	
	onChangeDate : function(e, el)
	{
		var select = e.getTarget("select");
		
		if(select.value)
			location.hash = "#state=view&item_id=" + select.value;
	},
	
	createDateList : function(data)
	{
		var dateList = this.safeArray(data.date_list);
		
		var inner = '<select class="mys-hrd-date">';
		
		for(var i = 0; i < dateList.length; i++)
			inner += '<option value="' + dateList[i].item_id + '"' + (data.item_id == dateList[i].item_id ? 'selected' : '') + '>' + dateList[i].start_date + ' ~ ' + dateList[i].end_date + '</option>';
		
		inner += '</select>';
		
		return inner;
	},

	fileTemplate : (new Ext.Template([
		'<li>{file_type}</li>',
		'<li class="btnready"><a href="{url}">{btn_down}</a></li>'
	])).compile(),

	fileTableTemplate : (new Ext.Template([
		'<div class="edu_view">',
			'<ul>',
			'{files}',
			'</ul>',
		'</div>'
	])).compile(),

	createFiles : function(data)
	{
		var f_typename;
		//과정요약자료 안보이도록 수정 20100903 정동수
		//for(var i = 1, files = []; i <= 3; i++)
		for(var i = 1, files = []; i <= 2; i++)
		{
			if (i == 1) f_typename = "교육 시간표";
			if (i == 2) f_typename = "과정 안내문";
			if (i == 3) f_typename = "과정 요약자료";

			if(data["file" + i])
				files.push(this.fileTemplate.apply({url : "/download/download.php?filename=" + data["file" + i].encode() + "&gubun=" + i, name : data["file" + i].split("/").pop().decode(), file_type : f_typename, btn_down : '<img src="/images/common/btn_down.gif" alt="다운로드" />'}));
			else
				files.push(this.fileTemplate.apply({url : "javascript:alert('준비중입니다');", name : "준비중입니다", file_type : f_typename, btn_down : '<img src="/images/common/btn_ready.gif" alt="준비중입니다." />'}));
		}
		
//		return files.length ? this.fileTableTemplate.apply({files : files.join('<div class="under-line"></div>')}) : '';
		return files.length ? this.fileTableTemplate.apply({files : files.join('')}) : '';
	},
	
	render : function(el)
	{
		if(Mys.KMAView.superclass.render.call(this, el) === false)
			return false;
		
		this.el.select(".mys-item-agree").on("click", this.agree, this);
		this.el.select(".mys-item-scrap").on("click", this.scrap, this);
		this.el.select(".mys-item-print").on("click", this.print, this);
	},
	
	loadHrd : function(boardID, serial)
	{
		if(KMAList.rendered)
			KMAList.el.setStyle("display", "none");
		
		this.render("kma-view");
		
		this.page = KMAList.pager.page;
		
		this.startLoading();
		
		this.el.show();
		
		Global.modelItem.getHrd(boardID, serial, this.onLoadView, this);
	}
	
	,print : function()
	{
		var url = "edu_print.htm?item_id=" + this.data.item_id;
		window.open(url,"" , "popup=1,width=800, height=768, top=0, left=0, location=0, toolbar=0, directories=0, status=0, menubar=1, scrollbars=1, resizable=1");
	}
});
