{*** ¸ð¹ÙÀÏ ¸ÞÀÎÆäÀÌÁö | index.php ***}
{#header}

<!-- carousel only // 20141004 taegun yoon  -->
<link rel="stylesheet" href="common/css/owl.carousel.min.css">
<link rel="stylesheet" href="common/css/owl.theme.default.css">
<script src="common/js/jquery-1.10.1.min.js"></script>
<script src="common/js/owl.carousel.js"></script>
<!-- carousel only // 20141004 taegun yoon  -->


<script type="text/javascript">
function closePop() {
	$("#popup").hide();
	$("#background").hide();
}

function closeTodayPop(popupNo) {
	setCookieMobile('popup_'+popupNo, 1, 1, '/');
	$("#popup").hide();
	$("#background").hide();

}
function createHtmlGoodsScroll(design_data, disp_data) { // À̺¥Æ®½ºÅ²Àü¿ë ¸ÞÀÎÆäÀÌÁö Á¦Ç° ³ª¿­
	// var page_goods_cnt = parseInt(design_data.line_cnt) * parseInt(design_data.disp_cnt);

	var page_goods_cnt = parseInt(design_data.line_cnt);
	// alert(design_data.line_cnt);
	// var page_cnt = Math.floor(disp_data.length / page_goods_cnt);
	var page_cnt = Math.floor(disp_data.length);
	
	// var remain_cnt = disp_data.length % page_goods_cnt;
	
	// if(remain_cnt > 0) {
	// 	page_cnt = page_cnt + 1;
	// }
	
	// var item_width = Math.floor(99 / parseInt(design_data.disp_cnt));
	var item_style = "";

	// var item_name_width = Math.floor(document.body.clientWidth / parseInt(design_data.disp_cnt));  
	// var item_name_style = "style=\"width:"+(item_name_width-26)+"px;\"";
	var item_name_style = "";

	var r_goods_cnt = 0;
	
	var tmp_html = "";
	
	tmp_html += "<div class=\"list_goodsscroll\" id=\"goodsscroll-"+design_data.mdesign_no+"\">";
	
	if(design_data.title == null || design_data.title == "undefined") {
		design_data.title = ' ';
	}
	tmp_html += "<div class=\"list_title\"><div class=\"title\">"+design_data.title+"</div></div>";
	
	var goods_cnt = 0;
	// tmp_html += "<div class=\"sw1ipe_gs\" id=\"swipe_gs-"+design_data.mdesign_no+"\"><div>";
	tmp_html += "<div id=\"swipe_gs-"+design_data.mdesign_no+"\">";
	// tmp_html += "<div class=\"list_content\" id=\"goodsscroll-"+design_data.mdesign_no+"-"+ (i + 1).toString() +"\">";
	tmp_html += "<div class=\"list_content\">";
	for(var i=1; i<=page_cnt; i++) {
		var hidden_class = " ";
		// if(i != 0) {
		// 	hidden_class = " hidden";
		// }
		var goodsno = "";
				var goods_img = "";
				var goodsnm = "";
				var goods_price = "";
				var special_discount = "";
				var couponImage = "";
				var js_html = "";
				var speach_description = "";
				if(disp_data[goods_cnt] != undefined) {
					
					if(disp_data[goods_cnt].goodsno != null && disp_data[goods_cnt].goodsno != "undefined") {
						goodsno = disp_data[goods_cnt].goodsno;
					}
					
					if(disp_data[goods_cnt].goods_img != null && disp_data[goods_cnt].goods_img != "undefined") {
						goods_img = disp_data[goods_cnt].goods_img;
					}

					if(disp_data[goods_cnt].goodsnm != null && disp_data[goods_cnt].goodsnm != "undefined") {
						goodsnm = disp_data[goods_cnt].goodsnm;
					}

					if(disp_data[goods_cnt].goods_price != null && disp_data[goods_cnt].goods_price != "undefined") {
						goods_price = disp_data[goods_cnt].goods_price;
					}

					if(disp_data[goods_cnt].special_discount != null && disp_data[goods_cnt].special_discount != "undefined") {
						special_discount = disp_data[goods_cnt].special_discount;
					}

					if(disp_data[goods_cnt].coupon_discount != null && disp_data[goods_cnt].coupon_discount != "undefined") {
						couponImage = "<div class=\"item_coupon_img\"></div>";
					}

					if(design_data.display_type == '3') {
						js_html = "javascript:goCate('"+goodsno+"');"
					}
					else {
						js_html = "javascript:goGoods('"+goodsno+"');"
					}
					
					if (disp_data[goods_cnt].tts_url) {
						speach_description = '<div class="goods-speach-description" style="display: none;">'
								  + '<span class="speach-description-play" data-src="' + disp_data[goods_cnt].tts_url + '">Àç»ý</span>'
								  + '<span class="speach-description-timer"></span>'
								  + '</div>';
					}

				}

				tmp_html += "<div class=\"list_item\" "+item_style+" onClick=\""+js_html+"\">";
				if(goods_img != "") {
					tmp_html += "<div class=\"item_img\">" + couponImage + "<img src=\""+goods_img+"\" />" + speach_description + "</div>";
				}
				else {
					tmp_html += "<div class=\"item_img\">" + couponImage + "</div>";
				}
				tmp_html += "<div class=\"item_name\" " + item_name_style + " >"+goodsnm+"</div>";
				tmp_html += "<div class=\"item_price\">"+goods_price+"</div>";
				if( special_discount ) {
					tmp_html += "<div class=\"item_discount\" style=\"display: none;\">"+special_discount+" ÇÒÀÎ</div>";
				}
				tmp_html += "</div>		";

				goods_cnt++;

	}
	tmp_html += "</div>";
	tmp_html += "</div><button type='button' class='btn btn-w btn-white morebtn1'>MORE</button></div>";
	tmp_html += "</div>";
	
	return tmp_html;
}

function displayGoods(mdesign_no, page_type) {

	var design_data;
	design_data = getDesignData(mdesign_no, page_type);
	if(design_data.mdesign_no) {
		var disp_data;
		disp_data = getDisplayData(design_data.mdesign_no, design_data.display_type);
		
		var displayHtml = "";
		
		if(page_type == "cate") {
			if(design_data.text_temp1) {
				displayHtml += "<div>" + design_data.event_body + "</div>";	
			}
		}
		
		displayHtml = createHtml(design_data, disp_data);
		$('#main').append(displayHtml);
		$('#goodsscroll-'+mdesign_no+' .list_item').slice(0,4).css('display','inline-block');
		$(".speach-description-play").unbind("click").bind("click", function(event){
			var $player = $("#speach-description-player");
			if (!$player.length) return false;
			$player.trigger("$play", [$(this).parent()]);
			event.preventDefault();
			event.stopPropagation();
		});
	}
	else {
		return false;
	}
}


</script>

<!--{ ? popup_data }-->
<!--{ ? isset(_COOKIE['popup_'+popup_data.mpopup_no]) === false }-->
<div id="popup" >

<div class="popup_wrap">
<!--{ ? popup_data.link_url }-->
<a href="http://{=popup_data.link_url}">
<!--{ / }-->
<div class="popup_content">
	<!--{ ? popup_data.popup_type == '0' }-->
	{=popup_data.popup_img}
	<!--{ : }-->
	{=popup_data.popup_body}
	<!--{ / }-->
</div>
<!--{ ? popup_data.link_url }-->
</a>
<!--{ / }-->
<div class="popup_btn">
	<div class="btn-today-close" onClick="javascript:closeTodayPop('{popup_data.mpopup_no}');">¿À´ÃÇÏ·ç ´Ý±â</div>
	<div class="btn-close" onClick="javascript:closePop();">´Ý±â</div>
</div>
</div>
</div>
<!--
¿À´Ã ÇÏ·ç º¸ÀÌÁö ¾ÊÀ½ <input type="checkbox" style="cursor:pointer; background-color:#000000;" onClick="setCookieMobile('popup', 1, 1, '/'); $('div#popup').hide();">
-->
<div id="background"></div>
<!--{ / }-->
<!--{ / }-->

<!-- carousel -->
<div class="owl-carousel">
	<div class="item"><a href="https://mongmongmall.com/shop/farm/indexm.html"><img src="common/img_light2/banner_87.png" /></a></div>
	<div class="item"><a href="{_mobileRootDir}/goods/list.php?kw=%C8%A6%BD%E6"><img src="common/img_light2/banner_88.png" /></a></div>
	<div class="item"><a href="{_mobileRootDir}/goods/view.php?&goodsno=22622"><img src="common/img_light2/banner_86.png" /></a></div>
	<div class="item"><a href="{_mobileRootDir}/goods/list.php?kw=%BA%A3%B8%A3%B0%A1%B8%F0"><img src="common/img_light2/banner_81.png" /></a></div>
	<div class="item"><a href="{_mobileRootDir}/goods/list.php?kw=%BA%A5%C6%BC%20kg"><img src="common/img_light2/banner_89.png" /></a></div>
</div>
<!-- carousel //-->


<div id="main_img_bnr" >
   <ul>
		<li><a href="{_mobileRootDir}/goods/goods_view.php?goodsno=27118"><img src="djds/m_main_bn41.png" alt="¼öÄÆ¿ë±âÀú±Í"></a></li>
		<li class="mib_cline"></li>
		<li><a href="{_mobileRootDir}/goods/goods_view.php?goodsno=27123"><img src="djds/m_main_bn42.png" alt="Ç÷º½Ã±Û·¥À®"></a></li>
		<li class="mib_cline"></li>
		<li class="lilast"><a href="{_mobileRootDir}/goods/list.php?kw=%C5%D7%C0%CC%BD%BA%C6%BC%BA%BB"><img src="djds/m_main_bn43.png" alt="Å×À̽ºÆ¼º»"></a></li>
	</ul>	
</div>

<!---<div id="mc_bnr01">
    <a href="{_mobileRootDir}/html.php?htmid=service/event_03.htm&tplSkin=DJDS-DP"><img src="djds/m_main_bottom_bn05.png" alt="ÅÛÅ×À̼Ç"></a>
</div>--->
<!---<div id="mc_bnr01">
    <a href="{_mobileRootDir}/goods/view.php?goodsno=19590"><img src="djds/m_main_bottom_bn03.png" alt="À̺¥Æ®_½¬¹Ù"></a>
</div>--->
<!---<div id="mc_bnr01">
    <a href="{_mobileRootDir}/goods/view.php?goodsno=14587"><img src="djds/m_main_bottom_bn04.png" alt="À̺¥Æ®_±×¸®´Ï½º"></a>
</div>--->
<div id="mc_bnr">
    <a href="{_mobileRootDir}/goods/view.php?goodsno=9622"><img src="djds/m_main_bottom_bn01.png" alt="µ§Å»²­"></a>
</div>

<section id="main" class="content" >
	<audio id="speach-description-player"></audio>
</section>
<!-- ÀÌ ¾Æ·¡ ÅÛÇø´ ¼Ò½ºÄÚµå ¸¦ ºÙ¿© ³ÖÀ¸¼¼¿ä. -->

<script type="text/javascript">displayGoods('1', 'main');</script>
<script type="text/javascript">displayGoods('2', 'main');</script>

<!-- Ç°Àý»óÇ° ¸¶½ºÅ© -->
<div id="el-goods-soldout-image-mask" style="display:none;position:absolute;top:0;left:0;background:url({ ? _cfg_soldout.mobile_display_overlay == 'custom'}{_cfg.rootDir}/data/goods/icon/mobile_custom_soldout{:}{_cfg.rootDir}/data/goods/icon/mobile_icon_soldout{_cfg_soldout.mobile_display_overlay}{/}) no-repeat center center; background-size:cover;"></div>
<script>
addOnloadEvent(function(){ setGoodsImageSoldoutMask() });
</script>

{#footer}