style24
/
style24.front


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256
							<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="web/common/layout/BrandLayoutWeb">
<!--
 *******************************************************************************
 * @source  : PlanningDetailFormWeb.html
 * @desc    : 기획전디테일 Page
 *============================================================================
 * Pastelmall
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.3.9     sowon     최초 작성
 *******************************************************************************
 -->
<body>
<th:block layout:fragment="content">
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
		<div class="breadcrumb"> 
			<ul>
                <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
				<li class="bread_2depth" th:if="${planInfo.planGb == 'P'}" ><a href="javascript:void(0);"onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
				<li class="bread_2depth" th:if="${planInfo.planGb == 'E'}" ><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">이벤트/혜택</a></li>
				<li class="bread_2depth" th:text="${planInfo.planNm}"></li>
			</ul> 
		</div>
		<div class="wrap">
            <!-- 상단 프로모션 배너 -->
				<div class="content wide dp_detail_visual">
					<div class="cont_head">
						<div>
							<h3 th:text="${planInfo.planNm}"></h3>
							<div class="period">
								<span th:text="${planInfo.dispStdt}"></span> ~ <span th:text="${planInfo.dispEddt}"></span>
							</div>
							<div class="shareSet">
								<button class="btn_share" data-name="openShare">공유하기</button>
								<div class="shareWrap">
									<div id="layerShare" class="setShare open">
										<span>
											<button type="button" class="kk"
												th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainPimg}');|">
												<span>카카오톡</span>
											</button>
											<button type="button" class="fb"
												th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
												<span>페이스북</span>
											</button>
											<button type="button" class="tw" 
												th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|">
												<span>트위터</span>
											</button>
											<button type="button" class="url btn_copy">
												<span>URL</span>
											</button>
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				<div class="cont_body" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}">
                    <!-- 프로모션배너 type1 --> 
                    <!-- <div class="promotion_visual type1" th:if="${fsrcInfoTop != null and planInfo.planGb == 'P'}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div> -->
                    <!-- <div class="promotion_visual type2" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div> -->           
                    <!-- 프로모션배너 type1 -->                    
                    <!-- 프로모션배너 type2 --> 
               <!-- <div class="promotion_visual type2">
                        <div class="swiper-container">
                            <div class="swiper-wrapper ">
                                <div class="swiper-slide">
                                    <img alt="" src="/images/pc/thumb/bigbanner_slide01.png">
                                </div>
                                <div class="swiper-slide">
                                    <img alt="" src="/images/pc/thumb/bigbanner_slide02.png"> 
                                </div>
                            </div>
                        </div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-pagination"></div>
                    </div> -->
                    <!-- 프로모션배너 type2 -->                    
                </div>
            </div>
            <!-- //상단 프로모션 배너 -->
            
            <th:block th:each="a, template : ${templateOrd}">
				<th:block th:if="${a.tmplType == 'G082_10'}">
						<div class="content wide dp_review" th:id="${a.tmplType}" style="display: none"></div> <!-- //리뷰 -->
					</th:block>
				<th:block th:if="${a.tmplType == 'G082_20'}">
						 <div class="content wide dp_coupon" th:id="${a.tmplType}" style="display: none"></div>  <!-- //할인쿠폰 -->
					</th:block>
				<th:block th:if="${a.tmplType == 'G082_30'}">
						<div class="content dp_mid_banner" th:id="${a.tmplType}" style="display: none"></div> <!-- //이미지-->
					</th:block>
				<th:block th:if="${a.tmplType == 'G082_50'}">
						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}" style="display: none"></div>
				</th:block>
				<th:block th:if="${a.tmplType == 'G082_51'}">
						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}" style="display: none"></div>
				</th:block>
				<th:block th:if="${a.tmplType == 'G082_52'}">
						<div class="content dp_special" th:id="${a.tmplType + a.planContSq}" style="display: none"></div>
				</th:block>
				<th:block th:if="${a.tmplType == 'G082_60'}">
						<div class="content dp_announce" th:id="${a.tmplType}" style="display: none"></div>
				</th:block>
			</th:block>
			
			<div class="coner_item01" th:if="${fsrcInfoBtm != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoBtm.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div>
			<div class="coner_item01" th:if="${planInfo.pollSq != null}">
				<div class="content dp_btn_area">
					<div class="cont_head">
						<div>
							<h4>버튼영역</h4>
						</div>
					</div>
					<div class="cont_body">
						<div class="btn_wrap">
							<a href="javascript:void(0);" class="btn btn_primary go_next" onclick="javascript:fnJoinConfirm()"> <span>설문조사 참여하기</span></a>
						</div>
					</div>
				</div>
			</div>
				<!-- 댓글리스트 -->
			<th:block th:if="${planInfo.replyYn == 'Y'}">
			<div class="content wide cmt">
				<div class="cont_body">
					<div class="cmt_wrap">
						<div class="cmt_write">
							<form class="form_wrap">
								<div class="cmt_tarea">
									<textarea class="cmt_ans" name="replyText" id="replyText" placeholder="댓글을 입력해주세요.(500자 이내)" onclick="fnTextConfirm()"></textarea>
									<p class="txt_cnt"><span id="cmt_cnt" class="c_primary">0</span>/500</p>
								</div>
								<div class="cmt_thumb">
									<div class="form_field">
										<div class="imgUpload">
											<label for="fileAdd" class="fileAdd" id="fileAdd_reply">업로드</label>
											<input type="file" id="fileAdd" name="files"/>
										</div>
									</div>
								</div>
								<button type="button" class="btn btn_dark" onclick="fnReplySave()"><span>등록</span></button>
							</form>
						</div>
						<div class="cmt_group" id="replyList">

						</div>
						<div class="paging_wrap">
							<ul class="pageNav" id="paging">
								
							</ul>
						</div>
					</div>
				</div>
			</div>
			</th:block>            
            
            <!-- 관련상품 리스트 -->
			<div class="content sticky_nav_list" id="cornerList">

          </div>
		  
            <!-- //관련상품 리스트 -->  
             <!-- 다른 기획전,이벤트 보기 -->
            <div class="content other_promotion_slide">
                <div class="cont_head">
                    <div>
                        <h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
                        <h4 th:if="${planInfo.planGb == 'E'}">다른 이벤트 보기</h4>
                        <a href="javascript:void(0);" th:if="${planInfo.planGb == 'P'}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
                        <a href="javascript:void(0);" th:if="${planInfo.planGb == 'E'}" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">전체보기</a>
                    </div>
                </div>
                <div class="cont_body">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                           <th:block th:each="PlanData, PlanStat : ${planList}">
                            <div class="swiper-slide">                   
                                <a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
                                    <div class="thumb">
                                        <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
                                    </div>
                                    <div class="txt">
                                        <p class="tit" th:text="${PlanData.planNm}"></p>
                                    </div>
                                </a>
                            </div>
                            </th:block>   
                        </div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
       </div>
  </div>       
  

<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
                <!-- 쿠폰사용안내 팝업 내용 -->      
			</div>
		</div>
</div>
<!-- <form id="pollListForm" name="pollListForm" th:action="@{'/planning/event/poll/form'}" th:method="post">
	<input type="hidden" name="planSq" th:value="${planInfo.planSq}"/>
</form> -->
<form id="searchForm" name="searchForm" th:action="@{/planning/reply/list}" th:method="post">
	<input type="hidden" name="pageNo" value="1" />
	<input type="hidden" name="planSq" th:value="${planInfo.planSq}" />
	<input type="hidden" name="pageSize" value="10" />
</form>

<!-- 댓글 이미지 팝업 -->
	<div class="modal fade thumb_img_pop" id="thumbImgPop" tabindex="-1" role="dialog" aria-labelledby="thumbImgLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
				<div class="modal-header sr-only">
                    <h5 class="modal-title" id="thumbImgLabel">이미지 상세보기</h5>
                </div>
                <div class="modal-body">
                    <div class="pop_cont">
 						<div class="swiper-container">
							<div class="swiper-wrapper">
								<!-- 이미지 슬라이드 영역 -->
							</div>
						</div>
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>						
						<div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>        
    </div>
	<!-- //댓글 이미지 팝업 -->	    
<script src="/ux/plugins/gaga/gaga.paging.js"></script>
<script th:inline="javascript">
let review = [[${reviewInfo}]];
let reviewContent = [[${reviewContent}]];
let coupon = [[${couponInfo}]];
let couponContent = [[${couponContent}]];
let plan = [[${planInfo}]];
let image = [[${imageInfo}]];
let notice = [[${noticeInfo}]];
let goods1 = [[${goods1Info}]];
let goods1Content = [[${goods1Content}]];
let goods2 = [[${goods2Info}]];
let goods2Content = [[${goods2Content}]];
let goods4 = [[${goods4Info}]];
let goods4Content = [[${goods4Content}]];
let template =[[${templateOrd}]];
let replyList = [[${replyList}]];
let replyCount = [[${replyCount}]];
let replyAttachList = [[${replyAttachList}]];
let planCornerGoodsList = [[${planCornerGoodsList}]];
let planCornerList = [[${planCornerList}]];

if(notice.length>0){
	$("#G082_60").show();
	
	var html = '';
	
	html += '    <div class="cont_head">\n';
	html += '        <div>\n';
	html += '            <h4>유의사항</h4>\n';
	html += '        </div>\n';
	html += '    </div>\n';
	html += '    <div class="cont_body">\n';
	html += '        <div class="announce_txt">\n';
	html += '            <div class="note_txt">\n';
	html += '                <img src="/images/pc/ico_content_find.png" alt="유의사항">\n';
	html += '                <p>유의사항</p>\n';
	html += '            </div>\n';
	html += '            <div class="announce_list">\n';
	html += '                <ul>\n';
	$.each(notice, function(idx, item)  {
		html += '				<li>' +item.itemVal+ '</li>\n';
	});
	html += '                </ul>\n';
	html += '            </div>\n';
	html += '        </div>\n ';
	html += '    </div>\n';

	$("#G082_60").append(html);
	
}


if(planCornerList.length>0){
	var html = '';
	
	html += '<div class="cont_head">\n';
	html += '     <div class="sticky_nav">\n';
	html += '         <ul>\n    ';
	$.each(planCornerList, function(idx, item)  {
		html += '             <li><a href="#brand'+(idx+1)+'">'+item.cornerNm+'</a></li>\n';
	})
	
	html += '         </ul>\n';
	html += '     </div>\n';
	html += '</div>\n';
	html += '<div class="cont_body">\n';
	html += '     <div class="list_content">\n';
	$.each(planCornerList, function(idx, item)  {
		html += '         <div id="brand'+(idx+1)+'" class="dp_item_list">\n';
		html += '             <div class="item_header">\n';
		html += '                 <h4>'+item.cornerNm+'</h4>\n';
		html += '             </div>\n';
		html += '             <div class="itemsGrp';
		if(item.cornerDispType == 'G045_2'){
			html += ' cut2';
		}else if(item.cornerDispType == 'G045_4'){
			html += ' cut4';
		}else if(item.cornerDispType == 'G045_5'){
			html += ' cut5';
		}
		html += '">\n';
		$.each(planCornerGoodsList, function(idx2, item2)  {
			if (item2.cornerNm == item.cornerNm) {
				html += '                 <div class="item_prod">\n';
				html += '                     <div class="item_state">\n';
				html += '		<button type="button" class="itemLike';
				if(item2.likeIt == 'likeit'){
					html += ' likeit';
				}
				html += ' "';
				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
				
				html += '                         <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\')" class="itemLink">\n';
				html += '                             <div class="itemPic">\n';
				html += '                                 <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'">\n';
				html += '                             </div>\n';
				html += '                             <p class="itemBrand">'+item2.brandGroupNm+'</p>\n';
				html += '                             <div class="itemName">'+item2.goodsNm+'</div>\n';
				html += '                             <p class="itemPrice">'+item2.currPrice.addComma();
				if (item2.currPrice != item2.listPrice) {
					html += '                                 <span class="itemPrice_original">'+item2.listPrice.addComma()+'</span>\n';
				}
				if (item2.dcRate != 0) {
					html += '                                 <span class=" itemPercent">'+item2.dcRate.addComma()+'%</span>\n';
				}
				
				
				html += '                             </p>\n';
				html += '                             <div class="itemcolorchip">\n';
				if(!gagajf.isNull(item2.colorChips)){
					var colorArr = item2.colorChips.split(",");
					var colorCd = '';
					var rgbColor = '';
					for(let i=0; i<colorArr.length; i++){
						var colorInfo = colorArr[i].split(":");
						colorCd = colorInfo[0];
						rgbColor = colorInfo[1];
						if(rgbColor=='#FFFFFF'){
							html += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>\n';
						}else{
							html += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>\n';
						}
					}
				}
				html += '                             </div>\n';
				if(!gagajf.isNull(item2.icon)){
					var iconArr = item2.icon.split(",");
					var iconGb = '';
					var iconNm = '';
					html += '	<p class="itemBadge">\n';
					for(let i=0; i<iconArr.length; i++){
						var iconInfo = iconArr[i].split(":");
						iconGb = iconInfo[0];
						iconNm = iconInfo[1];
						html += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>\n';
					}
					html += '	</p>\n';
				}
				if(item2.goodsTnm != null){
					html += '			<div class="itemComment">'+item2.goodsTnm+'</div>\n';
				}
				html += '                         </a>\n';
				html += '                     </div>\n';
				html += '                 </div>\n';
			}
			
		})
		html += '             </div>\n';
		html += '         </div>\n';
	})
	html += '     </div>\n';
	html += ' </div>\n';
	
	$("#cornerList").append(html);
	
}

if(template.length>0){
	if(review.length>0 || reviewContent[0].title != ''){
		$("#G082_10").show();
		var html = '';
		
		html += ' <div class="cont_head">\n';
		html += ' 	<div>\n';
		html += '		<h4>'+reviewContent[0].title+'</h4>\n';
		html += ' 	</div>\n';
		html += '	<div class="cont_body">\n';
		html += ' 		<div class="review_list">\n';
		$.each(review, function(idx, item)  {
			html += '		<div class="reviw_box">\n'
			html += '			<div class="best_review">\n';
			if(item.reviewSysImg!= null){
				if (item.bestYn == 'Y') {
					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'Y\', \'Y\',\''+item.reviewSq+'\');">\n';
				}else{
					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'N\', \'Y\',\''+item.reviewSq+'\');">\n';
				}
				
			}else{
				if (item.bestYn == 'Y') {
					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'Y\', \'N\',\''+item.reviewSq+'\');">\n';
				}else{
					html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'N\', \'N\',\''+item.reviewSq+'\');">\n';
				}
				
			}
			
			html += '					<div class="pic">\n';
			if(item.reviewSysImg!= null){
				if (item.fileGb == 'M') { 
					html += '								<span class="thumb mov" style="background-image: url('+ _uploadImageUrl+item.reviewSysImg +');"></span>\n';	
				}else{
					html += '								<span class="thumb" style="background-image: url('+ _uploadImageUrl +item.reviewSysImg +');"></span>\n';			
				}
			}else{
				html += '								<span class="thumb" style="background-image: url('+ _uploadGoodsUrl+'/'+item.sysImgNm +');"></span>\n';	
			}
			
			html += '                   </div>\n';
			html += '                  <div class="star_score">\n';
			html += '                      <span class="star">\n';
			html += '                          <em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
			html += '                      </span>\n';
			if(item.bestYn == 'Y'){
				html += '<em class="ico ico_besttag"></em>\n';	
			}
			html += '                  </div>\n';
			html += '                  <div class="txt_best_review">\n';
			html += '                      <p>'+item.reviewContent+'</p>\n';
			html += '                  </div>\n';
			html += '                  <div class="info_writer">\n';
			html += '                      <span class="wr_id">'+item.maskingCustId+'</span>\n';
			html += '                      <span class="wr_date">'+item.regDt+'</span>\n';
			html += '                  </div>\n';
			html += '              </a>\n';
			html += '          </div>\n';
			html += '          <div class="review_item">\n';
			html += '              <div class="item_prod">\n';
			html += '                  <div class="item_state">\n';
			html += '                      <a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
			html += '                          <div class="itemPic">\n';
			html += '                            	<img alt="" class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
			html += '                          </div>\n';
			html += '                          <div class="itemName">'+item.goodsNm+'</div>\n';
			html += '                          <p class="itemPrice">'+item.currPrice.addComma()+'</p>\n';
			html += '                      </a>\n';
			html += '                  </div>\n';
			html += '              </div>\n';
			html += '          </div>\n';
			html += '      </div>\n';
		});
		html += '       </div>\n                    ';
		html += '	 </div>\n';
		html += '</div>\n';

		$("#G082_10").append(html);
	}
}

if(image.length>0){
	
	if (image[0].itemVal != null && image[0].itemVal != '') {
		$("#G082_30").show();
		var html = '';
		
		html += '<div class="cont_body">\n     ';
		html += '    <div class="mid_banner">\n';
		html += '        <div class="swiper-container">\n';
		html += '            <div class="swiper-wrapper">\n';
		for (var i = 0; i < image.length; i++) {
			html += '                	<div class="swiper-slide">\n';
			if (image[i].linkOpenGb == 'M') {
				html += '                    	<a href="'+image[i].linkUrl+'" target="_self"><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>\n';
			}else{
				html += '                    	<a href="'+image[i].linkUrl+'" target="_blank"><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>\n';
			}
			
			html += '                	</div>\n';
		}
		html += '            </div>\n';
		html += '        </div>\n';
		html += '        <div class="swiper-button-prev"></div>\n';
		html += '        <div class="swiper-button-next"></div>\n';
		html += '        <div class="swiper-pagination"></div>\n';
		html += '    </div>\n';
		html += '</div>\n';
		
		$("#G082_30").append(html);
	}
}

if(template.length>0){
	var array = [];
	for (var j = 0; j < template.length; j++) {
		if(template[j].tmplType == 'G082_50'){
			array.push(template[j].planContSq);
		}
	}	
	for (var i = 0; i < template.length; i++) {
		var html = '';
		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
			if(template[i].title != null && template[i].title != ''){
				$("#G082_50" +template[i].planContSq).show();
			}
			html += '<div class="cont_head">\n';
			html += '	<div>\n';
			html += '        <h4>\n';
			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
				if (template[i].linkOpenGb == 'M') { //본창
					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
				}else{
					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
				}
				
			}else{
				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>\n';
			}
			html += '		</h4>\n';
			html += '    </div>\n';
			html += '</div>\n';
			html += '<div class="cont_body">\n';
			html += '    <div class="dp_listItems_cont type1">\n';
			html += '        <ul>\n';
		$.each(goods1, function(idx, item)  {
			if (item.planContSq == template[i].planContSq) {
				$("#G082_50" + item.planContSq).show();
				html += '            <li>\n';
				html += '                <div class="dp_listItems">\n';
				html += '                    <div class="dp_listItems_img">\n';
				html += '                        <img src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'" alt="">\n';
				html += '                    </div>\n';
				html += '                    <div class="dp_listItems_info">\n';
				html += '                        <div class="dp_listItems_brand">'+item.brandGroupNm+'</div>\n';
				html += '                        <div class="dp_listItems_name">'+item.goodsNm+'<br></div>\n';
				html += '                        <div class="dp_listItems_price">\n';
				html += '                            <span class="price">'+item.currPrice.addComma()+'</span>\n';
				if (item.currPrice != item.listPrice) {
					html += '                            <del>'+item.listPrice.addComma()+'</del>\n';
					html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>\n';
				}
				html += '                        </div>\n';
				if(item.goodsTnm != null){
					html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
				}
				html += '                        <div class="ui_row">\n';
				html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')"><span>자세히 보기</span></button>\n';
				html += '                        </div>\n';
				html += '                    </div>\n';
				html += '                </div>\n';
				html += '            </li>\n';
			}
		});
		html += '        </ul>\n';
		html += '    </div>\n       ';
		html += '</div>';
		$("#G082_50" +array[0]).append(html);
	}
		if($("#G082_50" +template[i].planContSq).length){
			array.shift();
		}
	}
}

if(template.length>0){
	var array = [];

	for (var j = 0; j < template.length; j++) {
		if(template[j].tmplType == 'G082_51'){
			array.push(template[j].planContSq);
		}
	}	
	for (var i = 0; i < template.length; i++) {
		var html = '';
		
		if(template[i].tmplType == 'G082_51' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
			if(template[i].title != null && template[i].title != ''){
				$("#G082_51" +template[i].planContSq).show();
			}
			html += '<div class="cont_head">\n';
			html += '	<div>\n';
			html += '        <h4>\n';
				if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
					if (template[i].linkOpenGb == 'M') { //본창
						html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
					}else{
						html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
					}
				}else{
					html+='            <a href="javascript:void(0)">'+template[i].title+'</a>\n';
				}
			html += '        </h4>\n';
			html += '    </div>\n';
			html += '</div>\n';
			html += '<div class="cont_body">\n';
			html += '    <div class="dp_listItems_cont type2">\n';
			html += '        <div class="swiper-container">\n';
			html += '            <div class="swiper-wrapper">\n';
			$.each(goods2, function(idx, item) {
				if (item.planContSq == template[i].planContSq) {
					$("#G082_51" + item.planContSq).show();
					html += '                <div class="swiper-slide">\n';
					html += '                    <div class="item_prod">\n';
					html += '                        <div class="item_state">\n';
					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
					html += '                                <div class="itemPic">\n';
					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
					html += '                                </div>\n';
					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
					if (item.currPrice != item.listPrice) {
						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
					}
					html += '                                </p>\n';
					if(item.goodsTnm != null){
						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
					}
					html += '                            </a>\n';
					html += '                        </div>\n';
					html += '                    </div>\n';
					html += '                </div>\n           ';
				}
			});
			html += '            </div>\n';
			html += '        </div>\n';
			html += '        <div class="swiper-button-prev"></div>\n';
			html += '        <div class="swiper-button-next"></div>\n';
			html += '        <div class="swiper-pagination"></div>\n';
			html += '    </div>\n       ';
			html += '</div>\n';
			$("#G082_51" +array[0]).append(html);
		}
		
		if($("#G082_51" +template[i].planContSq).length){
			array.shift();
		}
	}
}

if(template.length>0){
	var array = [];

	for (var j = 0; j < template.length; j++) {
		if(template[j].tmplType == 'G082_52'){
			array.push(template[j].planContSq);
		}
	}	
	for (var i = 0; i < template.length; i++) {
		var html = '';
		if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
			if(template[i].title != null && template[i].title != ''){
				$("#G082_52" +template[i].planContSq).show();
			}
			html += '<div class="cont_head">\n';
			html += '<div>\n';
			html += '        <h4>\n';
			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
				if (template[i].linkOpenGb == "M") { //본창
					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
				}else{
					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
				}
			}else{
				html+='            <a href="javascript:void(0)">'+template[i].title+'</a>\n';
			}
			html += '        </h4>\n';
			html += '    </div>\n';
			html += '</div>\n';
			html += '<div class="cont_body">\n';
			html += '    <div class="dp_listItems_cont type3">\n';
			html += '        <div class="swiper-container">\n';
			html += '            <div class="swiper-wrapper">\n';
			$.each(goods4, function(idx, item) {
				if (item.planContSq == template[i].planContSq) {
					$("#G082_52" + item.planContSq).show();
					html += '                <div class="swiper-slide">\n';
					html += '                    <div class="item_prod">\n';
					html += '                        <div class="item_state">\n';
					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
					html += '                                <div class="itemPic">\n';
					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
					html += '                                </div>\n';
					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
					if (item.currPrice != item.listPrice) {
						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
					}
					html += '                                </p>\n';
					if(item.goodsTnm != null){
						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
					}
					html += '                            </a>\n';
					html += '                        </div>\n';
					html += '                    </div>\n';
					html += '                </div>\n';
				}
			});
			html += '            </div>\n';
			html += '        </div>\n';
			html += '        <div class="swiper-button-prev"></div>\n';
			html += '        <div class="swiper-button-next"></div>\n';
			html += '        <div class="swiper-pagination"></div>\n';
			html += '    </div>\n       ';
			html += '</div>\n';
			$("#G082_52" +array[0]).append(html);
			
		}
		if($("#G082_52" +template[i].planContSq).length){
			array.shift();
		}
	}
}

if(template.length>0){
	if(coupon.length>0 || (couponContent[0].title != '' && couponContent[0].title != null) || (couponContent[0].cpnNote0 != '' && couponContent[0].cpnNote0 != null)){
		$("#G082_20").show();
		var html = '';
		 
		html += '<div class="cont_head">\n';
		html += '	<div>\n';
		html += '		<h4>'+couponContent[0].title+'</h4>\n';
		html += '	</div>\n';
		html += '</div>\n';
		html += '<div class="cont_body">\n';
		html += '	<div class="coupon_list">\n';
		html += '		<ul>\n';
		$.each(coupon, function(idx, item) {
			html += '			<li>\n';
			html += '				<div class="coupon">\n';
			html += '					<div>\n';
			html += '						<p class="cp_name">'+item.cpnNm+'</p>\n';
			html += '						<p class="cp_cont">\n';
			html += '							<span><em>'+item.dcVal.addComma()+'</em>'+item.dcWay+'</span>\n';
			html += '						</p>\n';
			html += '						<p class="cp_condition">'+item.useCondition;
			html += '								<span>'+item.issueCondition+'</span>\n';	
			html += '						</p>\n';
			html += '					</div>\n';
			if (item.couponStat == '쿠폰받기') {
				html += '					<button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">\n'; 
				html += '						<span>쿠폰받기</span>\n';								
				html += '					</button>\n';			
			}else{
				html += '					<button type="button"';
				html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>\n';  
				html += '						<span>받기완료</span>\n';								
				html += '					</button>\n';			
			}
			html += '				</div>\n';
			html += '				<button type="button" class="btn_underline"	id="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')">\n';
			html += '					<span>사용안내</span>\n';
			html += '				</button>\n';
			html += '			</li>\n';
		});
		html += '		</ul>\n';
		html += '	</div>\n';
		html += '</div>\n';
		if(couponContent[0].cpnNote0 != null && couponContent[0].cpnNote0 != ''){
			html += '<div class="content dp_announce line">\n                                                 ';
			html += '    <div class="cont_head">\n                                                       ';
			html += '        <div>\n                                                                     ';
			html += '            <h4>유의사항</h4>\n                                                         ';
			html += '        </div>\n                                                                    ';
			html += '    </div>\n                                                                        ';
			html += '    <div class="cont_body">\n                                                       ';
			html += '        <div class="announce_txt">\n                                                ';
			html += '            <div class="note_txt">\n                                                ';
			html += '                <img src="/images/pc/ico_content_find.png" alt="유의사항">\n            ';
			html += '                <p>유의사항</p>\n                                                       ';
			html += '            </div>\n                                                                ';
			html += '            <div class="announce_list">\n                                           ';
			html += '               <ul>\n';
			html += '                  <li>' + couponContent[0].cpnNote0 +'</li>\n';
			if(couponContent[0].cpnNote1 != null && couponContent[0].cpnNote1 != '')
				html += '                  <li>' + couponContent[0].cpnNote1 +'</li>\n';
			if(couponContent[0].cpnNote2 != null && couponContent[0].cpnNote2 != '')
				html += '                  <li>' + couponContent[0].cpnNote2 +'</li>\n';
			if(couponContent[0].cpnNote3 != null && couponContent[0].cpnNote3 != '')
				html += '                  <li>' + couponContent[0].cpnNote3 +'</li>\n';	
			if(couponContent[0].cpnNote4 != null && couponContent[0].cpnNote4 != '')
				html += '                  <li>' + couponContent[0].cpnNote4 +'</li>\n';
			if(couponContent[0].cpnNote5 != null && couponContent[0].cpnNote5 != '')
				html += '                  <li>' + couponContent[0].cpnNote5 +'</li>\n';
			if(couponContent[0].cpnNote6 != null && couponContent[0].cpnNote6 != '')
				html += '                  <li>' + couponContent[0].cpnNote6 +'</li>\n';
			if(couponContent[0].cpnNote7 != null && couponContent[0].cpnNote7 != '')
				html += '                  <li>' + couponContent[0].cpnNote7 +'</li>\n';
			if(couponContent[0].cpnNote8 != null && couponContent[0].cpnNote8 != '')
				html += '                  <li>' + couponContent[0].cpnNote8 +'</li>\n';
			if(couponContent[0].cpnNote9 != null && couponContent[0].cpnNote9 != '')
				html += '                  <li>' + couponContent[0].cpnNote9 +'</li>\n';
			html += '               </ul>\n';
			html += '            </div>                                                                '; 
			html += '        </div>                                                                    '; 
			html += '    </div>                                                                        '; 
			html += '</div>                                                                            ';
		}
		$("#G082_20").append(html);
	}
}


//사용안내 모달
var usePlanInfoCoupon = function (id) {
	var data = {cpnId : id
			    ,planSq : plan.planSq};
	var jsonData = JSON.stringify(data);
	
	 $.ajax( {
		type		: "POST",
		url 		: '/planning/coupon/detailpop',
		data		: jsonData,
		contentType: 'application/json',
		dataType 	: 'html',
		success 	: function(result) {
			if (result != null) {
				$("#couponInfoPop").html(result);
				$("#couponInfoPop").modal("show");
			}
		}
	});
	
	return false; 
}
//쿠폰 다운로드
var fnPlanCouponDown = function(obj){

	if (!cfCheckLogin()) {
		cfnGoToPage(_PAGE_LOGIN);
		return false;
	}
	
	let cpnId = obj;
	gagajf.ajaxJsonSubmit(_PAGE_PLANNING_CPN_DOWNLOAD, JSON.stringify({cpnId: cpnId}), fnPlanCouponCallBack);
}

// 쿠폰다운로드 콜백
var fnPlanCouponCallBack = function(result){
	console.log(result);
	$.each(result.couponList, function (idx, item) {
		if (Number(item.custPubLimitQty) > 0){
			if (Number(item.custPubLimitQty) <= Number(item.custCouponCnt)){
				$('#coupon_'+ item.cpnId).html('<span>받기완료</span>');
				$('#coupon_'+ item.cpnId).attr('disabled', true);
			}
		}
	});
}

// 설문조사 참여 버튼 클릭
var fnJoinConfirm = function () {
	let planSq = plan.planSq;
	
	cfnGoToPollDetail(planSq);

}

// 댓글 입력 확인
var fnTextConfirm = function() {
	//로그인 확인
	if (!cfCheckLogin()) {
		mcxDialog.alert("로그인 후 참여 가능합니다.");
		$("#replyText").val('');
		return false;
	}
}

var ajaxReplyList = function () {
	gagaPaging.init('searchForm', fnSearchCallback, 'paging', 10);
	gagaPaging.load(1);
}

var fnSearchCallback = function (result) {
	 $("#replyList").html('');
	 if (result!=null) {
		 var html = '';
		 html += '<div class="cmt_list_tit">\n';
		 html += '	<strong>댓글</strong><span class="cnt">('+result.replyCount.addComma()+')</span>\n';
		 html += '</div>\n';
		 if (result.replyList.length>0) {
			 html += '<ul class="cmt_list">\n';
			 $.each(result.replyList, function (idx, item) {
				 html += '	<li>\n';
				 html += '		<div class="cmt_top">\n';
				 html += '			<span class="writer">'+item.maskingCustId+'</span>\n';
				 html += '			<span class="date">'+item.entryDt+'</span>\n';
				 html += '		</div>\n';
				 html += '		<div class="cmt_cont">\n';
				 html += '			<div class="img_wrap clear">\n';
				 if (result.replyAttachList.length>0) {
					 var j = 0;
					for (var i = 0; i < result.replyAttachList.length; i++) {
						if(result.replyAttachList[i].planEntrySq == item.planEntrySq){
							//html += '				<span class="pics"><img class="picsThumbs" src="'+ _uploadImageUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>\n';
							html += '				<span class="pics"><img class="picsThumbs" onclick="cfMoPlanReplyDetail(\''+item.planSq+'\',\''+item.planEntrySq+'\',\''+result.replyAttachList[i].planEntryAtSq+'\', \''+ j +'\');" src="'+ _uploadImageUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>\n';
						 	j++;
						}
					}	
				 }
				
				 html += '			</div>\n';
				 html += '			<p>'+item.entryVal1.escapeHtml()+'</p>\n';
				 if (item.entryCustNo == result.custNo) {
					 html += '			<button class="btn btn_default btn_del" value="'+item.planEntrySq+'" onclick="fnDelReply(this.value)"><span>삭제</span></button>\n';
				 }
				 html += '		</div>\n';
				 html += '	</li>\n';
			 });
			 html += '</ul>\n';
		}else{
			html += '<div class="nodata" id="replyNoData">\n';
			html += '	<div class="txt_box">\n             ';
			html += '		<p>\n                           ';
			html += '			등록된 댓글이 없습니다.             ';
			html += '		</p>\n                          ';
			html += '	</div>\n                            ';
			html += '</div>\n                                ';
		}
		 
	 }
	 $("#replyList").append(html);
	 
	// Create pagination
	gagaPaging.createPagination(result.paging.pageable);
}

// 댓글 삭제
var fnDelReply = function(obj) {
	
	data = {planEntrySq : obj};
	var jsonData = JSON.stringify(data);

	mcxDialog.confirm("댓글을 삭제 하시겠습니까?", {
		cancelBtnText : "취소",
		sureBtnText : "확인",
		sureBtnClick : function() {

		gagajf.ajaxJsonSubmit('/planning/reply/delete', jsonData,function() {
			ajaxReplyList();	
			});
		}
	})
}
$('#fileAdd').on('change', function() { fnChooseFile(this); });

var fnChooseFile = function(obj) {
	var picLength = $(".pics").length;
	
	// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
	var file = obj.files[0];

	if (!gagajf.isNull(file.name)) {
		var extension = "\.(jpg|jpeg|png)$";
		if (!(new RegExp(extension, "i")).test(file.name)) {
			mcxDialog.alertC('이미지는 [jpg, jpeg, png] 파일만 가능합니다.', {
				sureBtnText: "확인",
				sureBtnClick: function() {
					//$(obj).parent('.imgUpload').find('.removes').trigger('click');
					$('.imgUpload').find('span').eq(0).remove();
				}
			});
			return false;
		}
	}
	// 이거 왜 안먹히지 
	if (!gagajf.isNull(file.size) && Number(file.size) > (10 * 1000000)) {
		mcxDialog.alertC('이미지는 최대 10MB 이하 파일만 가능합니다.', {
			sureBtnText: "확인",
			sureBtnClick: function() {
				$(obj).parent('.imgUpload').find('.removes').trigger('click');
			}
		});
		return false;
	}
	
	// 파일 업로드
	 gagajf.ajaxFileUpload('/common/file/upload?subDir=/reply'
			, file
			, function(result) {
				// 업로드한 파일명 설정
				$(".pics").children().eq(0).append("<input type='hidden' name='orgFileNm' id='orgFileNm"+(picLength+1)+"' value='"+result.oldFileName+"'>");
				$(".pics").children().eq(0).append("<input type='hidden' name='sysFileNm' id='sysFileNm"+(picLength+1)+"' value='"+result.newFileName+"'>");
			}
	); 
}

// 댓글 등록 버튼 클릭 시 
var fnReplySave = function() {
	var fileLength = $("input[name='sysFileNm']").length;

	var content = $('#replyText').val();
	if (content.length < 2){
		mcxDialog.alert("최소 2자 이상 입력해주세요.");
		return;
	}
	
	var yokList = new Array('<script>','script','D쥐고','D지고','jonna','jot같','mi쳤','ssㅑ','tlqkf','wlfkf','같은새끼','같은새끼','개새끼','개같','개넷','개년','개념빠가','개독','개련','개련','개마이','개부랄','개삼성','개새기','개새끼','개섹','개셈','개소리','개쓰래기','개저씨','계새끼','골빈','골1빈','골빈','괘새끼','껒여','꺼지세요','꺼져요','로꺼져','로꺼져','로꺼.져','꺼.지','나빼썅','나쁜새끼','년놈','늬믜','늬미','니년','니믜','니미럴','닝기리','다꺼져','닥쳐라','닥치세','도라이','뒈져','뒤져버','디져라','디졌','디지고','디질','딴년','또라이','또라인','똘아이','ㅁㅊ','ㅁ친','맘충','보이루','망돌','머갈','먹.금','먹.끔','먹1금','먹금','먹끔','명존','믜칀','믜친','미:놈','미:놈','미1친','미놈','미시친발','미쳣네','미쳤나','미쳤니','미췬','미칀','미친새','미친~','미친개','미친새','미친색','미친ㅋ','미틴','및힌','별창','병1신','병1크','병맛','병신','병크','봊','븅신','빠큐','빡새끼','빻았','빻은','뻐규','뻐큐','뻑유','뻑큐','뻨큐','뼈큐','뽄새','뽄세','삐걱','ㅄ','ㅅ','ㅂ','ㅅ.ㅂ','ㅅ1ㅂ','ㅅ1발','ㅅㄲ네','ㅅㄲ들','ㅅ루','ㅅㅋ','ㅅㅡ루','사새끼','새.끼','새1끼','새1키','새77ㅣ','새끼라','새끼야','새퀴','새킈','새키','색희','색히','샊기','샊히','샹년','섀키','솔1친','솔친','쉬발','쉬버','쉬이바','쉬이이','쉬이이이','쉬펄','슈1발','슈레기','슈발','슈벌','슈우벌','슈ㅣ발','스.루','스벌','스죄','스타죄국','싑창','시1발','시미발친','시미친발','시바','시바류','시바시바','시바알','시바앙','시발','시방새','시벌탱','시볼탱','시부럴','시부렬','시부울','시뷰럴','시뷰렬','시빨','시새발끼','시이발','시친발미','시키가','시팔','시펄','십창','십팔','ㅆ1ㄺ','ㅆ1ㅂ','ㅆㄹㄱ','ㅆㄺ','ㅆㅂ','싸가지없','싸가지없','싸물어','쌉가','쌍년','쌍놈','쌔끼','썅','썌끼','쒸펄','쓰1레기','쓰래기같','쓰레기새','쓰레기새','쓰렉','씝창','씨1발','씨바라','씨바알','씨발','씨방새','씨버럼','씨벌','씨벌탱','씨볼탱','씨부럴','씨부렬','씨뷰럴','씨뷰렬','씨빠빠','씨빨','씨뻘','씨새발끼','씨이발','씨팔','씹귀','씹덕','씹못','씹뻐럴','씹새끼','씹쌔','씹창','씹치','씹팔','씹할','ㅇㅍㅊㅌ','아가리','아닥','아오ㅅㅂ','아오시바','아오ㅅㅂ','아오시바','애미','앰','앰창','얘쁘','얘쁜','얪','에라이퉤','에라이퉷','에라이퉤','에라이퉷','엠뷩신','엠븽신','엠빙신','엠생','엠창','엿같','엿이나','예.질','예1질','예질','옘병','외1퀴','외퀴','웅앵','웅엥','은년','은새끼','이새끼','이따위','이새끼','입털','입털','ㅈ.ㄴ','ㅈㄴ','ㅈㄹ','절라','정병','젖같','젗같','젼나','젼낰','졀라','졀리','졌같은','졏같','조낸','조온','조온나','족까','존나','존나','존','나','존.나','존1','존1나','존귀','존귘','존ㄴ나','존나','존낙','존내','졸라','좁밥','조센징','짱깨','짱개','짱꼴라','꼴라','착짱','죽짱','짱골라','좃','종나','좆','좆까','좇같','죠낸','죠온나','죤나','죤내','죵나','죶','죽어버려','죽여버리고','죽여버리고','죽여불고','죽여뿌고','중립충','줬같은','쥐랄','쥰나','쥰내','쥰니','쥰트','즤랄','지랄','지1랄','지1뢰','지껄이','지들이','지랄','지롤','지뢰','지인지조','짱깨','짱께','쪼녜','쪼다','착짱죽짱','섬숭이','쪽본','쪽1바리','쪽바리','쪽발','쫀맛','쫀1','쫀귀','쫀맛','쫂','쫓같','쬰잘','쬲','찝째끼','창년','창녀','창놈','창넘','처먹','凸','첫빠','쳐마','친년','친놈','친구년','친년','친노마','친놈','손놈','남미새','여미새','혐석','호로새끼','호로잡','화낭년','화냥년','후.려','후1려','후1빨','후려','후빨','ㅗ');
	
	if(yokList.indexOf(content)>=0){
		mcxDialog.alert("입력 불가한 내용을 포함하고 있습니다.");
		$('#replyText').val('');
		$('#cmt_cnt').text(0);
		return;
	}
	
	//파일관련 데이터 담기
	var multiReplyOrgFile = [];
	var multiReplySysFile = [];
	for (var i = 0; i < fileLength; i++) {
		multiReplyOrgFile.push($(".pics").eq(i).find('input[name="orgFileNm"]').val());
		multiReplySysFile.push($(".pics").eq(i).find('input[name="sysFileNm"]').val());
	}
	data = {entryVal1 : content,
			planSq : plan.planSq,
			multiReplyOrgFile : multiReplyOrgFile,
			multiReplySysFile : multiReplySysFile};
	var jsonData = JSON.stringify(data);

	mcxDialog.confirm("댓글을 등록 하시겠습니까?", {
		cancelBtnText : "취소",
		sureBtnText : "확인",
		sureBtnClick : function() {

		gagajf.ajaxJsonSubmit('/planning/reply/save', jsonData,function() {
			ajaxReplyList();	
			$('#replyText').val('');
			$('.pics').remove();
			$('.fileAdd').show();
			//댓글 작성시 글자 카운트
			$('#cmt_cnt').text(0);
			});
		}
	})
}


var fnImgAttach = function (obj) {
	 $("#thumbImgPop .swiper-wrapper").empty();
	//var popSlideIndex = $(obj).find('span').length -1;
	var popSlideIndex = 0;
	contactPopSwiper.slideTo(popSlideIndex);
	contactPopSwiper.update();
	
	var contactImglength = $(obj).find('span').length;
	var popImgHtml = "";
	for (i = 0; i < contactImglength; i++) {
		
		var contactImgSrc =$(obj).find('img').eq(i).attr('src');
		popImgHtml += "<div class='swiper-slide'><div class='pop_img' style='background-image:url("+ contactImgSrc +")'></div></div>";
	}

	$("#thumbImgPop .swiper-wrapper").append(popImgHtml);
	$('#thumbImgPop').modal("show");
	
	return false;
}


/* SLIDE - 댓글 이미지 팝업 */
var contactPopSwiper = new Swiper('.thumb_img_pop .swiper-container', {
	navigation: {
		nextEl: '.thumb_img_pop .swiper-button-next',
		prevEl: '.thumb_img_pop .swiper-button-prev',
	},
	pagination: {
		el: '.thumb_img_pop .swiper-pagination',
		clickable: true,
	},
	observer:true,
	observeParents: true,
});				


$(document).ready( function() {
	ajaxReplyList();
	//공유 버튼 토글 
	$("button[data-name=openShare]").on("click", function(){
		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
		return false;
	});
	//영역밖 클릭으로 공유토글 닫기
	$("body").on('click', function(e) { 
		if(!$(".shareWrap.on").parent().has(e.target).length) {
			$("button[data-name=openShare]").removeClass("on");
			$(".shareWrap").removeClass("on");
		};
	});
	
	$('.btn_copy').bind('click', function() {
		copyToClipboard();
	});
	
	$('#replyText').bind('input paste', function() {
		  $(this).trigger('keyup');
	});

	//팝업 - 쿠폰사용안내
	$(document).on('click','#btn_couponInfo_pop',function(e){
		$("#couponInfoPop .modal-content").load("popup_couponInfo.html");
		$("#couponInfoPop").modal("show");
		return false;
	});      
	$("#couponInfoPop_close").click(function() {
		$.modal.close();
	});					

    //팝업 - 상품 베스트 리뷰 (detail)
    $(document).on('click','#btn_pdBestReview_pop, .area_rv_best .best_review a',function(e){
        $("#pdBestReviewPop .modal-content").load("pd_bestreviewdetail_pop.html");
        $("#pdBestReviewPop").modal("show");
        return false;
    });      
    $("#pdBestReviewPop_close").click(function() {
        $.modal.close();
    });            

    /* SLIDE - 상단 프로모션 배너 */
	var promotion_visual_slide = new Swiper ('.dp_detail_visual .promotion_visual.type2 .swiper-container', {
		loop: true,
		slidesPerView: 1,
		speed : 1500,
		navigation: {
			nextEl: '.promotion_visual.type2 .swiper-button-next',
			prevEl: '.promotion_visual.type2 .swiper-button-prev',
		},
        pagination: {
			el: '.promotion_visual.type2 .swiper-pagination',
			clickable: true,
		},
	}); 

    /* SLIDE - 중간 배너 */
	var mid_banner_slide = new Swiper ('.dp_mid_banner .mid_banner .swiper-container', {
		loop: true,
		slidesPerView: 1,
		speed : 1500,
		navigation: {
			nextEl: '.mid_banner .swiper-button-next',
			prevEl: '.mid_banner .swiper-button-prev',
		},
        pagination: {
			el: '.mid_banner .swiper-pagination',
			clickable: true,
		},
	});

    /* SLIDE - 대표상품 슬라이드 2열 상품 */
    var dp_listItems_slide1 = new Swiper ('.dp_listItems_cont.type2 .swiper-container', {
        loop: false,
        slidesPerView: 2,
        slidesPerGroup: 2,
        spaceBetween: 20,
        speed : 800,
        navigation: {
            nextEl: '.dp_listItems_cont.type2 .swiper-button-next',
            prevEl: '.dp_listItems_cont.type2 .swiper-button-prev',
        },
        pagination: {
            el: '.dp_listItems_cont.type2 .swiper-pagination',
            clickable: true,
        },
    });

    /* SLIDE - 대표상품 슬라이드 4열 상품 */
    var dp_listItems_slide2 = new Swiper ('.dp_listItems_cont.type3 .swiper-container', {
        loop: false,
        slidesPerView: 4,
        slidesPerGroup: 4,
        spaceBetween: 20,
        speed : 800,
        navigation: {
            nextEl: '.dp_listItems_cont.type3 .swiper-button-next',
            prevEl: '.dp_listItems_cont.type3 .swiper-button-prev',
        },
        pagination: {
            el: '.dp_listItems_cont.type3 .swiper-pagination',
            clickable: true,
        },
    });
    /* SLIDE - 다른 기획전,이벤트 보기 */
    var other_slide_slide = new Swiper ('.other_promotion_slide .swiper-container', {
		slidesPerView: 5,
        spaceBetween: 20,
		navigation: {
			nextEl: '.other_promotion_slide .swiper-button-next',
			prevEl: '.other_promotion_slide .swiper-button-prev',
		},
	});            
    
	 // 첨부파일 갯수제한
	$('.imgUpload .fileAdd').click(function(){
		if (!cfCheckLogin()) {
			mcxDialog.alert("로그인 후 참여 가능합니다.");
			$("#replyText").val('');
			return false;
		}
		var imgFiles=$('.imgUpload .pics');
		var maxFileLength = 10; /* 최대 파일 갯수를 입력해 주세요 */
		if (imgFiles.length >= maxFileLength) {
			mcxDialog.alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.');
			$('#fileAdd').attr("disabled",true);
		} else if(imgFiles.length < maxFileLength){
			$('#fileAdd').removeAttr("disabled");
		}
	});			
	

	//댓글 작성시 글자 카운트
	$('.cmt_ans').keyup(function (e){
		var content = $(this).val();
		$('#cmt_cnt').html(content.length);
		if (content.length > 500){
			$(this).val(content.substring(0, 500));
			$('#cmt_cnt').html("500");
		}
	});
	
	$('.cmt_ans').bind('input paste', function() {
		  $(this).trigger('keyup');
	});
	

});
</script>
</th:block>

</body>
</html>