<!-- #include virtual="/_vir0001/common_asp/dblib.asp" -->
<!-- #include virtual="/_vir0001/common_asp/usersession_web.asp" -->
<!-- #include virtual="/_vir0001/all_site/common_include.asp" -->
<!-- #include virtual="/top.asp" -->
<style>
	.artConPack:nth-child(odd){float:left;width:360px;}
	.artConPack:nth-child(even){float:right;width:360px;}
	
    #divOptionLayer {width:500px;display:none;position: fixed; left: 50%; bottom: 0px;cursor: pointer; z-index: 9999;}
    #divOption {width : 400px;border: 3px solid #2d2d2d;padding : 15px 20px 15px 20px;cursor: pointer; z-index: 9999; float:left;background-color:rgba(0,0,0,0.6);}
    .go-option {position: fixed; left: 50%; bottom: 0px; margin-left: 432px; cursor: pointer;z-index: 9999;}
    .back-option {float:left;}
    #divOptionGoods{color:#FFFFFF;font-weight:bold;font-size:13px;padding-bottom:10px;border-bottom: 1px solid #CACACA;margin-bottom:10px;width:100%;text-align:left;}
	

.singleProduct{width: 95%;border: 1px solid rgb(229,229,229);padding: 10px;margin-top: 5px;}
.singleTop{font-size: 12px; color: rgb(51,51,51); font-weight:bold;position: relative;}
.singleTop .selclose{width: 10px; position: absolute;right: 0;top:0;}
.singleBottom{width: 100%;}
.singleBottom:after{content: "";clear: both;display: block;}
.singleBottom .singleCnt{width: 25%; display: table; float: left; height: 15px; margin-top:10px}
.singleBottom .singleCnt .sMinus{border:1px solid rgb(229,229,229); display: table-cell; width: 20px; height:20px;text-align: center;vertical-align: middle;}
.singleBottom .singleCnt .sPlus{border:1px solid rgb(229,229,229); display: table-cell; width: 20px; height:20px;text-align: center;vertical-align: middle;}
.singleBottom .singleCnt .control{color: rgb(51,51,51); font-weight:bold; border:1px solid rgb(229,229,229);  display: table-cell;text-align: center;vertical-align: middle; font-family: 'Roboto', sans-serif;}
.singleBottom .singleCnt .control input{width: 100%; border: 0}
.singleBottom .total{font-size: 1.5em; color: rgb(51,51,51); font-weight: bold; width: 35%; float: right; font-family: 'Roboto', sans-serif;}
.singleBottom .total p{float: right;}

.priceCnt{width: 90%;display: table; margin: 10px;}
.priceCnt:after{content: "";clear: both;display: block;}
.priceCnt .totalCnt{width:50%;font-size: 1em; color: rgb(51,51,51); display: table-cell; vertical-align: middle;}
.priceCnt .totalMoney .totCnt{font-size: 1em; color: rgb(221,36,113);font-weight:bold; }
.priceCnt .totalPrice{display: table-cell; vertical-align: middle;}
.priceCnt .totalMoney{float: right; display: table-cell; vertical-align: middle;}
.priceCnt .totalPrice .price {font-size: 1em; color: rgb(51,51,51); font-weight:bold; margin-left: 5px;}
.priceCnt .totalMoney .resultMoney{font-size: 2em; color: rgb(221,36,113); vertical-align: middle; font-weight: bold; font-family: 'Roboto', sans-serif;}	
</style>
<%
	'´ÜÇ°/ÆÑÅ°Áö °­Á¦ º¯°æ
    strQuery = "select top 1 * from [petitelin_CRM]..[product_change] where sourcePro = "& pack_content_id
    execOrder = "list"
    set changeRs = SetDatabaseByblank(oConn, strQuery, execOrder)

    if not(changeRs.bof and changeRs.eof) then
        response.redirect(replace(httpUrl, split(split(httpUrl,"pack_content_id=")(1),"&")(0), changeRs("targetPro")))
        response.end
    end if

	'¶ó¿îÁö »óÇ° È®ÀÎ
	isLounge = false
	if meWork<>true then
		if cnt_Rs("pack_content_id","[petitelin_CRM]..[view_lounge_pack_category]","and pack_content_id=" & pack_content_id,oconn) >0  then
			if seRank = 99 then
				response.redirect("/")
				response.end
			else
				isLounge = true
			end if
		end if
	end If

	isAddProduct = false
	'Ãß°¡»óÇ° È®ÀÎ
	if cnt_Rs("pack_content_id2","[petitelin_CRM]..[pack_content_link]","and pack_content_id2=" & pack_content_id,oconn) >0  Then
		response.redirect("/")
		response.end

		isAddProduct = true
	end If

	isNpayPackExcept = false
    '³×ÀÌ¹ö ÆäÀÌ Á¦¿Ü»óÇ° È®ÀÎ
    if cnt_Rs("pack_content_id","[petitelin_CRM_MANAGE]..[naverpay_except_package]","and pack_content_id=" & pack_content_id,oconn) >0  Then
        isNpayPackExcept = true
    end If

    if meWork then '³»ºÎ¿¡¼­´Â »óÇ°ÀÇ »óÅÂ¿Í »ó°ü¾øÀÌ ´Ù º¸ÀÓ
        strQuery = "select * from [petitelin_CRM]..[view_pack_content] where id = "& pack_content_id
    else
		strQuery = "select * from [petitelin_CRM]..[view_pack_content_web] where id = "& pack_content_id
    end if
    execOrder = "list"
    set adoRs = SetDatabaseByblank(oConn, strQuery, execOrder)

    if adoRs.bof and adoRs.eof then
        response.redirect("/")
        response.end
    ELSE
		'±ÕÀÏ°¡ »óÇ°ÀÏ °æ¿ì
        if adoRs("old_id") = "y" then
            response.redirect("shopview_event.asp?pack_content_id=" & pack_content_id)
            response.end
        end If

		'µôÄÚµå »óÇ°ÀÏ °æ¿ì
        if adoRs("old_id") = "D" then
            response.redirect("shopview_2016_deal.asp?pack_content_id=" & pack_content_id)
            response.end
        end if

		txtdisplay = ""
        if moneyChange then
            now_discount = adoRs("amodiscount_ratio")
			now_count_last2 = adoRs("count_ori_last")
        else
            now_discount = adoRs("discount_ratio")
			now_count_last2 = adoRs("count_ori_last")
        end if

		if adoRs("ori_count") = adoRs("count_ori_last") then
			txtdisplay = "display:none;"
		end if

        '·Î±×±â·Ï
        strQuery =  " insert into [petitelin_CRM]..[log_pack_content] (pack_content_id, sessionID, divide) values ("& pack_content_id &", "& session.sessionId &", 's') "
        execOrder = "exec"
        call SetDatabaseByblank(oConn, strQuery, execOrder)

        if request("isrecom")="1" then
            strQuery =  " insert into [petitelin_SEARCH]..[log_recom] (pack_content_id, sessionID, thissite, serank, gubun) values ("& pack_content_id &", "& session.sessionId &", '"& thissite  &"', '"& serank  &"', '"& request("recomtype")  &"') "
            execOrder = "exec"
            call SetDatabaseByblank(oConn, strQuery, execOrder)
        end if
    end if




	iniCnt = 20
	salesCnt = iniCnt
	onlymember = "n"
	onlyOne = "n"

	'ÇØ´ç ´ÜÇ°/ÆÑÅ°Áö¿¡ °É·ÁÀÖ´Â ÇÁ·Î¸ð¼Ç È®ÀÎ
	procName = "[petitelin_CRM]..[proc_shopview_promotion]"
	arrParam1 = array(pack_content_id)
	arrParam2 = array("pack_contnet_id")
	execOrder="list"
    set promotionRs = GetRecordSetByProc(oConn, procName, arrParam1, arrParam2, null, execOrder)

    if not(promotionRs.bof and promotionRs.eof) then
        do while not promotionRs.eof
			if  promotionRs("onlymember")="y" then
				onlymember = promotionRs("onlymember")
			end if

			if promotionRs("onlyOne") = "y" then '1ÀÎ ÇÑÁ¤±¸¸Å
				onlyOne = promotionRs("onlyOne")
				cntOnlyOne = cnt_Rs("A.id","[petitelin_CRM]..[order_buy_ini] A inner join [petitelin_CRM]..[order_buy_item] B ON A.id=B.order_buy_ini_id INNER JOIN [petitelin_CRM]..[promotion_pack] C ON C.pack_content_id=B.pack_content_id INNER JOIN [petitelin_CRM]..[view_promotion] D ON D.id=C.promotion_id"," and A.userid='"& seUserid &"' and B.pack_content_id='" & pack_content_id & "' and B.cancel='n'  and D.onlyOne = 'y' and A.wdate between sdate and isNull(nullif(edate,'1900-01-01'),getdate())",oconn)

				if cntOnlyOne > 0 then
					salesCnt = 0
				else
					salesCnt = 1
				end if
			end if

        promotionRs.movenext
        loop

		promotionRs.movefirst
    end if
%>


<script language="javascript">
    viewImg = new Array();
    <%
        strQuery = "select top 5 * from [petitelin_CRM]..[pack_photo] where pack_content_id = "& pack_content_id &" and sunser between 1 and 9 order by sunser asc"
        execOrder = "list"
        set Rs = SetDatabaseByblank(oConn, strQuery, execOrder)

        if not(Rs.bof and Rs.eof) then
            firstImgName = Rs("subject")
            do while not Rs.eof
                imgLoding = imgDivideNew(Rs("subject"))
    %>
    viewImg.push(new Array(new Image,"<%=imgLoding%><%=Rs("subject")%>"));
    <%
                Rs.movenext
            loop
        end if
    %>
    for (var i=0; i<viewImg.length; i++) viewImg[i][0].src = viewImg[i][1];

    function changeLargeImg(val) {
        document.images["largeImg"].src = viewImg[val][0].src;
    }
</script>


<table width="800" cellpadding="0" cellspacing="0" border="0" align="center" style="margin:0 auto;">
    <tr>
        <td rowspan="2" align="center" valign="top">
            <script language="javascript">
                document.write ('<img src="'+ viewImg[0][1] +'" name="largeImg" width="370" height="370">');
                document.write ("<div style='padding-top:5px'>");
                for (var i=0 ; i<viewImg.length ; i++) document.write ('<img src="'+ viewImg[i][1] +'" width="70" height="70" hspace="1" style="border:solid 1px #e0e0e0;cursor:pointer" onmouseover="changeLargeImg('+ i +')" onclick="MM_openBrWindow('+ i +')" style="cursor:pointer">');
                document.write ("</div>");
            </script>
        </td>
        <td width="100%" style="padding-left:22px" valign="top">
            <div id="promotionTitle"  name="promotionTitle" style="color:orange;font-weight:bold;padding-bottom:5px"></div>
            <div style="color:#6A6A6A;font-weight:bold;font-size:15px;"><%=replace(adoRs("goods_model"),"^"," ")%></div>
            <br />

			<table width="100%" border="0" cellspacing="5" cellpadding="0">
				<col width="20%"><col width="80%">
				<tr>
					<td><img src="partImages/38/onstore_detail_01.gif" /></td>
					<td>
						<span id="ori_count" name="ori_count" style="display:none"><%=adoRs("ori_count")%></span>
						<strike style="font-size:11px;<%=txtdisplay%>" id="ori_price" name="ori_price"><%=formatnumber(adoRs("ori_count"),0)%></strike>  <!-- ori_count : RRP -->
						<img src="partImages/arrow_btn.jpg" style="<%=txtdisplay%>" id="price_arrow" name="price_arrow">
						<span id="promotion_ID" name="promotion_ID" style="font-weight:bold;color:#DA2F21;font-size:15px"><%=formatnumber(now_count_last2,0)%></span>
					</td>
				</tr>
				<!--<tr id="rank_info" name="rank_info">
					<td><img src="partImages/38/onstore_detail_02.gif" /></td>
					<td>
						<span id="promotion_ID2" name="promotion_ID2" style="color:#1786EA;font-weight:bold" ><b style="color:#1786EA;font-size:15px"> <%=formatnumber(adoRs("count_amori_last"),0)%></b></span>
						<span style="font-size:11px;">¿ì¼öÈ¸¿ø 5% Ãß°¡ÇÒÀÎ</span> <span style="color:#aaaaaa; font-size:11px; margin-left:3px;">(*ÀÏºÎ ÇÁ·Î¸ð¼Ç »óÇ° Á¦¿Ü)</span>
					</td>
				</tr>-->
				<tr>
					<td><img src="partImages/38/onstore_detail_04.gif" /></td>
					<td><%=adoRs("goods_jejo")%></td>
				</tr>
				<tr>
					<td><img src="partImages/38/onstore_detail_05.gif" /></td>
					<td><%=adoRs("goodsnation")%></td>
				</tr>
			</table>

			<div style="min-height:180px">
				<div id="productLayer" style="padding:10px;">
					<form name="form1">
						<div id="makeSelect"></div>
					</form>
					<form name="cartForm">
						<div id="cartInsert"></div>
						<input type="hidden" name="category_site_id" value="<%=iniCategory%>">
						<input type="hidden" name="category_name_id" value="<%=thisCategory%>">
						<input type="hidden" name="user_id" value="<%=seUserid%>">
						<input type="hidden" name="gubun">
						<input type="hidden" name="immediately" value="y">
					</form>

					<div class="priceCnt">
						<div class="totalCnt">ÃÑ ¼ö·® <span id="totCnt">0</span>°³</div>
						<div class="totalPrice"><span class="price">ÃÑ ±Ý¾×</span></div>
						<div class="totalMoney"><span class="resultMoney" id="totPrice">0</span></div>
					</div>
				</div>
			</div>

			<div id="makeButton">
				<div style="margin-bottom:15px;margin-left:2px;text-align:left;padding:5px;background-color:rgba(255,255,255,0.8">
					<%if gUserid="" then%>
						<span style="color:#c5216a;">½Å±Ô°¡ÀÔ ½Ã ÃÖ´ë 4,000¿ø ÇÒÀÎ</span>
						<a href="http://www.petitelinstore.com/_vir0001/all_site/notice/NoticeView.asp?idx=2821" style="color:#696969;">ÀÚ¼¼È÷º¸±â ></a><br>
					<%end if%>
					<span style="color:#c5216a;">¹«ÀÌÀÚ 2~8°³¿ù</span> ÇÏ³ª, »ï¼º, Çö´ë, ±¹¹Î, ½ÅÇÑ, ºñ¾¾, ³óÇù, ¾¾Æ¼, ±¤ÁÖ, ·Ôµ¥ <br>(5¸¸¿ø ÀÌ»ó)
				</div>

				<div name="buttonTr" style="text-align:center">
					<img src="partImages/38/button_03.gif" onclick="this_submit('cart')" style="cursor:pointer;">
					<img src="partImages/38/button_05.gif" onclick="this_submit('')" style="cursor:pointer;">
					<img src="partImages/38/button_07.gif" onclick="this_submit('wish')" style="cursor:pointer;">
				</div>
				<div name="buttonTr" style="display:none;text-align:center">
					<%if isLounge then%>
						<img src="partImages/sold_out_special.jpg">
					<%else%>
						<img src="partImages/sold_out_button.jpg" onclick="view_restock()" style="cursor:pointer;">
					<%end if%>
				</div>
			</div>
</td></tr></table>


<%if isAddProduct = False then%>
<%if isNpayPackExcept = False then%>
<div class="naver_pay" style="float:right;margin-top:10px;margin-right:108px;margin-bottom:10px;">
	<script type="text/javascript" src="https://pay.naver.com/customer/js/naverPayButton.js"></script>
	<script type="text/javascript">
		function buy_nc() {
			document.cartForm.gubun.value = "cart"
			document.cartForm.immediately.value = "y"

			$.ajax({
				type: 'POST',
				url: "https://m.petitelinstore.com/views/order/mobileToStore/order_naver.run",
				data: $("form[name=cartForm]").serialize(),
				xhrFields : { withCredentials : true} ,
				success: function (obj) {
					if (obj.indexOf("³×ÀÌ¹ö") == -1) {
						location.href = obj;
					} else {
						alert(obj)
					}
				}
			})
		}

		function wishlist_nc() {
			window.open("https://m.petitelinstore.com/views/order/mobileToStore/zzim_naver?pack_content_id=<%=pack_content_id%>","","scrollbars=yes,resizeable=yes,width=400,height=267");
			return false;
		}

		naver.NaverPayButton.apply({
			BUTTON_KEY: "CF763148-C90F-4A25-90C0-A0EEB910AE2E", // ³×ÀÌ¹öÆäÀÌ¿¡¼­ Á¦°ø¹ÞÀº ¹öÆ° ÀÎÁõ Å° ÀÔ·Â
			TYPE: "A", // ¹öÆ° ¸ðÀ½ Á¾·ù ¼³Á¤
			COLOR: 1, // ¹öÆ° ¸ðÀ½ÀÇ »ö ¼³Á¤
			COUNT: 2, // ¹öÆ° °³¼ö ¼³Á¤. ±¸¸ÅÇÏ±â ¹öÆ°¸¸ ÀÖÀ¸¸é 1, ÂòÇÏ±â ¹öÆ°µµ ÀÖÀ¸¸é 2¸¦ ÀÔ·Â.
			ENABLE: "Y", // Ç°Àý µîÀÇ ÀÌÀ¯·Î ¹öÆ° ¸ðÀ½À» ºñÈ°¼ºÈ­ÇÒ ¶§¿¡´Â "N" ÀÔ·Â
			BUY_BUTTON_HANDLER: buy_nc, //±¸¸ÅÇÏ±â ¹öÆ° ÀÌº¥Æ® Handler ÇÔ¼ö µî·Ï
			WISHLIST_BUTTON_HANDLER:wishlist_nc, // ÂòÇÏ±â ¹öÆ° ÀÌº¥Æ® Handler ÇÔ¼ö µî·Ï
			"":""
		});
	</script>
</div>
<%end if%>
<%end if%>


<script src="/_vir0001/common_asp/fixed_js/jquery-ui.js"></script>


<%	'//Á¾ÇÕ¸ô, ºê·£µå »çÀÌÆ® °øÅë ¹è³Ê
    strQuery = " select * from [petitelin_CRM]..[site_shopview_banner] where divide='site' and getdate() between sdate and edate "
    execOrder = "list"
    set bannerRs = SetDatabaseByblank(oConn, strQuery, execOrder)
	if not (bannerRs.EOF And bannerRs.BOF) then
	    do while not bannerRs.eof
	%>
		<div style="padding:10px;text-align:center">
			<a href="<%=bannerRs("link")%>" target="_blank"><img src="<%=bannerRs("img")%>"></a>
		</div>
	<%
		bannerRs.movenext
		num = num + 1
		loop
	end if
%>
<br />

<div align="center" >
<% If adoRs("old_id") = "m" Then
		tmpArtConPackId = adoRs("art_con1")
		If InStr(defaultValue(adoRs("art_con1"),""),"$$$$$»ó´Ü»ó¼¼$$$$$") > 0 Then
			Response.write(Trim(Replace(Split(tmpArtConPackId,"$$$$$»ó´Ü»ó¼¼$$$$$")(1),chr(10),"")) & "<br><br>")		'MDÁ¶ÇÕ »ó¼¼ Á¸ÀçÇÔ.
			tmpArtConPackId = Trim(Replace(Split(tmpArtConPackId,"$$$$$»ó´Ü»ó¼¼$$$$$")(0),vbCrlf,""))
		End if
		set exeQuery = new arrayPush
		exeQuery.append("select * from ( ")
		exeQuery.append("	select ")
		exeQuery.append("		A.*, row_number() over (partition by pack_content_id,pack_sunser order by sunser) as row ")
		exeQuery.append("	from ( ")
		exeQuery.append("		select  ")
		exeQuery.append("			A.pack_sunser,A.name,A.code4Name,A.id as product_id,C.pack_content_id,subject,sunser  ")
		exeQuery.append("		from ( ")
		exeQuery.append("			select *, row_number() over (order by divide) as pack_sunser ")
		exeQuery.append("			from [petitelin_CRM]..[view_option] where pack_content_id = " & pack_content_id & ") A ")
		exeQuery.append("		inner join [petitelin_CRM]..[UF_TEXT_SPLIT]('" & tmpArtConPackId & "',',') B on A.pack_sunser = B.id ")
		exeQuery.append("		inner join [petitelin_CRM]..[pack_photo] C on C.pack_content_id = B.result ")
		exeQuery.append("		inner join [petitelin_CRM]..[view_product_store] D on D.id = A.id")
		exeQuery.append("		where sunser between 1 and 3 ")
		exeQuery.append("	) A ")
		exeQuery.append(") A ")
		exeQuery.append("where row=1 ")
		exeQuery.append("order by pack_sunser,row ")

		strQuery = exeQuery.toString()
		execOrder = "list"
		set contRs = SetDatabaseByblank(oConn, strQuery, execOrder)
%>
<script language="javascript">
	<%
	if not(contRs.bof and contRs.eof) Then
		thisProductId = ""
		thisPackId = ""
		do while not contRs.eof

			If thisPackId<>contRs("pack_content_id") Then
				if thisPackId <> "" then
%>
				for (var i=0; i<viewImg<%=thisPackId%>.length; i++) viewImg<%=thisPackId%>[i][0].src = viewImg<%=thisPackId%>[i][1];
<%
				end if
				thisProductId = contRs("product_id")
				thisPackId = contRs("pack_content_id")
%>
	viewImg<%=thisPackId%> = new Array();
<%
			End If

			If thisProductId=contRs("product_id") Then
				imgLoding = imgDivideNew(contRs("subject"))
%>
	viewImg<%=thisPackId%>.push(new Array(new Image,"<%=imgLoding%><%=contRs("subject")%>"));
<%
			end if
			contRs.movenext
		loop
%>
	for (var i=0; i<viewImg<%=thisPackId%>.length; i++) viewImg<%=thisPackId%>[i][0].src = viewImg<%=thisPackId%>[i][1];
</script>
<%
	end if

	contRs.movefirst
	if not(contRs.bof and contRs.eof) Then
		thisProductId = ""
		thisPackId = ""
		do while not contRs.eof
			If thisPackId = "" then
%>
<div style="width:750px;"><img src="http://img.petitelin.com/amoretto/event/201803/180329_detail_pc.jpg" style="width:100%;"/></div>
<br/><br/>
<div style="width:750px;">
	<div class="artConPack" style="border:5px solid #eeeeee;margin-bottom:20px;padding-top:15px;">
		<div style="margin:15px;">
			<span style="font-size:24px;text-align:center;line-height:120%;font-weight:700;color:#000000;">
<%
			Else
				If thisPackId <> contRs("pack_content_id") Then
					If thisProductId <> contRs("product_id") Then
%>
			</span>
		</div>
		<script language="javascript">
			document.write ('<div style="padding:10px;box-sizing:border-box;width:100%;cursor:pointer;" onclick="view_pack(<%=thisPackId%>)"><img src="'+ viewImg<%=thisPackId%>[0][1] +'" style="border:solid 1px #e0e0e0;width:100%;"></div>');
		</script>
	<%
					End If
	%>
	</div>
	<div class="artConPack" style="border:5px solid #eeeeee;margin-bottom:20px;padding-top:15px;">
		<div style="margin:15px;">
			<span style="font-size:24px;text-align:center;line-height:120%;font-weight:700;color:#000000;">
<%
				End If
			End If

			If thisProductId <> contRs("product_id") Then
				If thisProductName <> contRs("name") Then
					If thisPackId = contRs("pack_content_id") Then
						response.write("<br>")
					End If
					response.write(contRs("name"))
				End If
				If contRs("code4Name") <> "" Then
					If thisProductName <> contRs("name") Then
						Response.write " : " & contRs("code4Name")
					Else
						Response.write ", " & contRs("code4Name")
					End If
				End If
			End If

			thisPackId = contRs("pack_content_id")
			thisProductId = contRs("product_id")
			thisProductName = contRs("name")
			contRs.movenext
			Loop
		End If
%>
			</span>
		</div>
		<script language="javascript">
		document.write ('<div style="padding:10px;box-sizing:border-box;width:100%;cursor:pointer;" onclick="view_pack(<%=thisPackId%>)"><img src="'+ viewImg<%=thisPackId%>[0][1] +'" style="border:solid 1px #e0e0e0;width:100%;"></div>');
		</script>
	</div>
</div>
<% else
	response.write (adoRs("art_con1"))
End If %>
    <br />

    <img src="/_vir0001/process/etcimg/bn_amoretto.jpg"><br /><br /><br />
    <img src="partImages/shopping_view_cg.gif"><br />
    <img src="partImages/shopping_review_tit.gif" usemap="#review_tit"><br />
    <map name="review_tit">
        <area shape="rect" coords="588,154,732,178" href="/_vir0001/process/productAfter/myreview_list_2016.asp" alt="" />
    </map>
    <iframe name="viewAfter" id="viewAfter" width="750" allowtranparency="true" frameborder="no" border="0" scrolling="no"></iframe>
</div>

<div id="order_div" name="order_div" style="z-index:10;position:fixed;width:400px;display:none; top:50%; left:50%;margin-left:-200px; margin-top:-100px; " class="border38">
    <div align="center" style="padding:20px;background-color:#ffffff;" >
        <div id="title_span" name="title_span" style="padding-bottom:10px"></div>
        <img src="http://img.petitelin.com/amoretto/cart_move02.jpg" width="119" height="46" alt="¼îÇÎ°è¼ÓÇÏ±â" onclick="document.getElementsByName('order_div')[0].style.display='none'" style="cursor:pointer" />&nbsp;
        <img src="http://img.petitelin.com/amoretto/cart_move03.jpg" width="119" height="46" alt="Àå¹Ù±¸´ÏÈ®ÀÎÇÏ±â" id="view_result" name="view_result" style="cursor:pointer" />
    </div>
</div>

<div id="divOptionLayer">
    <div id="divOption">
        <div id="divOptionGoods"><%=adoRs("goods_name")%></div>
        <form name="form2">
			<div id="makeSelect2"></div>
			<div id="makeButton2"></div>
        </form>
    </div>
    <div class="back-option"><img src="/_vir0001/process/partImages/op_btn_on.gif"></div>
</div>
<div class="go-option" style="display:none"><img src="/_vir0001/process/partImages/op_btn.gif"></div>

<iframe name="hidden_iframe" style="display:none"></iframe>

<!-- #include virtual="/bottom.asp" -->


<script language="javascript">
<%
	'´ÜÇ°/ÆÑÅ°Áö, Ãß°¡ÇÒÀÎ»óÇ° ±¸¼ºµÇ¾î ÀÖ´Â ±âÃÊ»óÇ° È®ÀÎ
	procName = "[petitelin_CRM]..[proc_shopview_option]"
	arrParam1 = array(pack_content_id,gubun)
	arrParam2 = array("pack_contnet_id","asp")
	execOrder="list"
    set product_option = GetRecordSetByProc(oConn, procName, arrParam1, arrParam2, null, execOrder)

	chainProductOption = ""
	if not(product_option.bof and product_option.eof) then
		do while not product_option.eof
			chainProductOption  = chainProductOption & product_option(0)
		product_option.movenext
		loop
	end if
%>
AA = <%=chainProductOption%>
	divideArray = new Array()
	for(var key in AA) divideArray.push(AA[key]["divide"]);
	divideArray.unique()

	iniCnt = 20
	salesCnt = iniCnt //onlyOne
	noOption = iniCnt //´ÜÀÏ¿É¼Ç
	noStock = iniCnt //´ÜÀÏ¿É¼ÇÀÇ Ç°Àý»óÇ° À¯¹«

	for(var i=0,len=divideArray.length ; i<len ; i++) {
		for (var key in AA) {
			make_select = new Array()
			if (AA[key]["divide"] == divideArray[i] && AA[key]["options"] == 1) {
				make_select.push('<select style="width:100%;margin-bottom:2px" name="select_product_id" onchange="check_option(this)">')
				break
			} else if (AA[key]["divide"] == divideArray[i] && AA[key]["options"] == 2) {
				make_select.push('<select style="width:100%;margin-bottom:2px;background-color:#fffadd" name="select_product_id2" onchange="check_option(this)">')
				break
			}
		}
		for (var key in AA) {
			if (AA[key]["divide"]==divideArray[i]) {
				if (make_select.length==1) make_select.push('<option>========= '+ AA[key]["code2name"] +' ¼±ÅÃ =========</option>')
				OPT = AA[key]
				addStyle = ""
				optionValue = key
				OPT["addContent"] = ""

				if (iniCnt != salesCnt) {
					OPT["stock"] = salesCnt
				} else if (OPT["stock"] > iniCnt) {
					OPT["stock"] = iniCnt
				} else if (OPT["stock"] <= 0 && OPT["normal"]=="y") {
					OPT["stock"] = 0
				}

				if (OPT["options"]=="1") noOption = OPT["optionSelect"]
				if (OPT["stock"]==0) noStock=0

				if (OPT["remain_ready_wdate"]>0) {
					OPT["addContent"] = "[¿¹¾àÆÇ¸Å : "+ OPT["ready_wdate"] +"ºÎÅÍ Ãâ°í]"
					addStyle = 'style="color:blue"'
				}
				if (OPT["stock"]==0) {
					optionValue = "restock_"+ OPT["product_id"]
					addStyle = 'style="color:red"'
					OPT["addContent"] = "[ÀçÀÔ°í ¾Ë¸²]"
				}

				if (!(OPT["stock"] < 0 && OPT["normal"]=="n")) {
					if (OPT["options"]==1) {
						make_select.push('<option '+ addStyle +' value="'+ optionValue +'">'+ OPT["name"] +' '+ OPT["code4name"] +' '+ OPT["addContent"] + '</option>')
					} else {
						make_select.push('<option '+ addStyle +' value="'+ optionValue +'">'+ OPT["name"] +' ('+ comma_make(OPT["etc_money"]) +')</option>')
					}
				}
			}
		}

		make_select.push('</select>')
		$("#makeSelect").append(make_select.join(""));
	}

function check_option(val) {
	if (val.value.indexOf("restock") != -1) {
		view_restock(val.value.split("_")[1]);
		val.options[0].selected = true
		return false
	}

	if (val.name=="select_product_id2" && !oriProductBe()) {
		alert("Ãß°¡ÇÒÀÎ »óÇ°¸¸ ±¸¸ÅÇÒ ¼ö ¾ø½À´Ï´Ù.")
		val.options[0].selected = true
		return false
	}

	nameV = new Array()
	product_idV = new Array()
	stockV = new Array()

	pack_idV = ""
	moneyV = new Array()
	allCheck = true

	chk = document.getElementsByName(val.name)
	for (var i=0,len=chk.length ; i<len ; i++) {
		idx = chk[i].options[chk[i].selectedIndex].value
		allCheck = allCheck & !chk[i].options[0].selected

		if (allCheck) {
			nameV.push('<li>'+ AA[idx]["name"] +' '+ AA[idx]["code4name"])
			product_idV.push(AA[idx]["product_id"])
			stockV.push(parseInt(AA[idx]["stock"]))

			pack_idV = AA[idx]["pack_content_id"]
			moneyV.push(parseInt(AA[idx]["etc_money"]))
		} else {
			break
		}
	}

	if (allCheck) {
		$("#cartInsert").prepend(make_Option(nameV.join(","), product_idV.join(","), stockV.sort()[0], chk, pack_idV, moneyV.join(",")))
		calTotal()
	}
}

order_id = 0
function make_Option(name, product, stock, chk, pack, money) {
	if (money>0) {
		price = money
	} else {
		price = <%=now_count_last2%>
	}
	ini_option(chk[0].name)
	for (var i=0,len=document.getElementsByName("product_id").length ; i<len ; i++) {
		if (document.getElementsByName("product_id")[i].value==product) {
			alert("ÀÌ¹Ì ¼±ÅÃÇÏ¼Ì½À´Ï´Ù.")
			return ""
		}
	}

	order_id += 1
	delBtn = ""
	if (!(noOption==1 && chk[0].name=="select_product_id")) delBtn = '<img src="/_vir0001/common/img/select_close.png" class="selclose">'
	return '<div class="singleProduct">\
				<div class="singleTop"><li>'+ name + delBtn +'</div>\
		<div class="singleBottom">\
			<div class="singleCnt">\
				<div class="sMinus"><img src="/_vir0001/common/img/btn_minus.png" style="width:10px"></div>\
				<div class="control" name="'+chk[0].name+'_control"><input class="control" type="text" name="cnt" id="cnt" value="1" readonly></div>\
				<input type="hidden" name="product_id" value="'+ product +'">\
				<input type="hidden" name="ini_cnt" value="'+ stock +'">\
				<input type="hidden" name="order_id" value="'+ order_id +'">\
				<input type="hidden" name="pack_content_id" value="'+ pack +'">\
				<div class="sPlus" data-num="'+ stock +'"><img src="/_vir0001/common/img/btn_plus.png" style="width:10px"></div>\
			</div>\
			<div class="total"><p name="pPrice" id="pPrice">'+ make_money_down(price) +'</p></div>\
		</div>\
	</div>'
}

function oriProductBe() {
	oriPackSales = false
	thisVal = document.getElementsByName("pack_content_id")
	for (var i=0 ; i<thisVal.length ; i++) if (thisVal[i].value.indexOf("<%=pack_content_id%>")!=-1) {oriPackSales = true; break;}
	return oriPackSales
}

function calTotal() {
	tot_cnt = 0
	tot_price = 0
	for (var i=0 ; i<document.getElementsByName("cnt").length ; i++) {
		tot_cnt += parseInt(document.getElementsByName("cnt")[i].value)
		tot_price += parseInt(document.getElementsByName("cnt")[i].value) * erase_comma(document.getElementsByName("pPrice")[i].innerText)
	}
	$("#totCnt").text(tot_cnt);
	$("#totPrice").text(make_money_down(tot_price))
}

function ini_option(val) {
	ori = document.getElementsByName(val)
	copy = document.getElementsByName(val.replace("select","copy"))

	for (var i=0,len=ori.length ; i<len ; i++) {
		ori[i].options[0].selected = true
		if (copy[i]) copy[i].options[0].selected = true
	}
}
</script>

<script language="javascript">

	if (noOption==1) {
		for (var i=0, len=document.getElementsByName("select_product_id").length ; i<len ; i++) {
			document.getElementsByName("select_product_id")[i].options[1].selected = true
			document.getElementsByName("select_product_id")[i].style.display = "none"
		}
		if (noStock==0) {
			document.getElementsByName("buttonTr")[0].style.display="none"
			document.getElementsByName("buttonTr")[1].style.display=""
			//Ç°ÀýÀÎ »óÇ° ³×ÀÌ¹öÆäÀÌ ¹öÆ° ºñ³ëÃâ
			document.getElementsByClassName("naver_pay")[0].style.display="none"
		} else {
			check_option(document.getElementsByName("select_product_id")[0])
		}
	}

	//ÆÇ¸Å°¡°¡ 0¿øÀÎ »óÇ° ³×ÀÌ¹öÆäÀÌ ¹öÆ° ºñ³ëÃâ
	if ($("#promotion_ID").text() == 0){
		document.getElementsByClassName("naver_pay")[0].style.display="none"
	}


	$(function() {
		//ºü¸¥±¸¸ÅÃ¢
		document.getElementById("makeSelect2").innerHTML =document.getElementById("makeSelect").innerHTML.replace(/check_option/gi,"check_option_ori").replace(/select_product_id/gi,"copy_product_id")
		document.getElementById("makeButton2").innerHTML = document.getElementById("makeButton").innerHTML

		var openOptionDiv = false;
		$(".go-option").click(function() {
			$(".go-option").hide();
			openOptionDiv = true;
			$( "#divOptionLayer" ).show({ effect: "slide", direction: "down" });
		});
		$(".back-option").click(function() {
			openOptionDiv = false;
			$( "#divOptionLayer" ).hide({ effect: "slide", direction: "down", complete:function(){$(".go-option").show();} });
		});
		$(window).scroll(function(){
			var scrollTopNum = 0
			if (document.compatMode == "BackCompat") {
				scrollTopNum = document.body.scrollTop
			} else {
				scrollTopNum = document.documentElement.scrollTop
			}

			if(!openOptionDiv && scrollTopNum >= 700 ){
				$(".go-option").show();
			} else if(openOptionDiv && scrollTopNum < 700 ){
				$( "#divOptionLayer" ).hide({ effect: "slide", direction: "down"});
				openOptionDiv = false;
				$(".go-option").hide();
			} else {
				$(".go-option").hide();
			}
		});

		<%IF request("wdate2") <>"" THEN%>
		document.getElementsByName("eventdiscount")[0].innerHTML="<%=defaultValue(now_discount,0)%>";
		<%END IF%>
		viewAfter.location.replace("productAfter/productAfter.asp?iniCategory=<%=iniCategory%>&thisCategory=<%=thisCategory%>&pack_content_id=<%=pack_content_id%>");

		//¿À´Ãº»»óÇ°
		new_cookie = "<%=pack_content_id%>^<%=firstImgName%>^^,";
		todayGoodsCnt = 1;
		TodyGoods = getCookie("TodayGoods").split(',');
		for (var i=0; i<TodyGoods.length; i++) {
			if (TodyGoods[i].split('^')[0] != "" && TodyGoods[i].split('^')[0] != "<%=pack_content_id%>") {
				todayGoodsCnt++;
				new_cookie += "," + TodyGoods[i];
			}
			if (todayGoodsCnt == 10) break;
		}
		setCookie("TodayGoods",new_cookie,1);

		$(document).on("click", ".selclose", function () {
			$(this).parent().parent().parent().remove();
			if (!oriProductBe()) $(".singleProduct").remove();
			calTotal();
		});

		$(document).on("click", ".sMinus", function () {
			var cnt = $(this).parent().find("#cnt");
			if (cnt.val() > 1) {
				cnt.val(parseInt(cnt.val()) - 1);
				calTotal();
			}
		});

		$(document).on("click", ".sPlus", function () {
			// Ãß°¡±¸¸Å »óÇ° ¼ö·® Ã¼Å©
			var arr = [];
			$("div[name='select_product_id_control'] input[name='cnt']").each(function (index, item) {
				 arr.push($(this).val());
			});

			var max = Math.max.apply(null, arr);

			if ($(this).parent().find("div[name='select_product_id2_control']").length){
				if ($(this).parent().find("#cnt").val() >= max){
					alert("Ãß°¡ ±¸¸Å »óÇ°Àº º»Ç°ÀÇ ¼ö·®¸¸Å­ ±¸¸ÅÇÒ ¼ö ÀÖ½À´Ï´Ù.")
					return false;
				}
			}


			var cnt = $(this).parent().find("#cnt");
			if (cnt.val() < parseInt(this.getAttribute("data-num"))) {
				cnt.val(parseInt(cnt.val()) + 1);
				calTotal();
			}
		});
	})

	function check_option_ori(val) {
		chk = document.getElementsByName(val.name)
		ori = document.getElementsByName(val.name.replace("copy","select"))
		for (var i=0,len=chk.length ; i<len ; i++) ori[i].options[chk[i].selectedIndex].selected = true
		ori[0].dispatchEvent(new Event("change"))
	}

	function view_restock (val) {
        <% if seMobile = "" then %>
        if (confirm("·Î±×ÀÎ ÇÏ½Ã°Ú½À´Ï±î?")) location.href="https://www.petitelinstore.com/_vir0001/all_site/member/login_2016.asp?refer_page=<%=server.urlencode(httpUrl)%>";
        height = 700;
        <% else
			db_cnt = 0
			strsql = "select count(*) from [petitelin_CRM]..[pack_content_restock_ini] A inner join [petitelin_CRM]..[pack_content_restock_user] B on a.id = b.pack_content_restock_ini_id where 1 = 1 " & _
				" and A.pack_content_id = "&pack_content_id&" and B.user_id = '"&seUserid&"' and isnull(A.send_yn,'N') = 'N' and isnull(B.sms_no,'') <> '' and isnull(b.email,'') <> '' "
			execorder = "list"
			set rs_1 = setdataBaseByblank(oconn,strsql,execorder)
			db_cnt = rs_1(0)

			if db_cnt > 0 then %>
			alert("ÀÌ¹Ì ½ÅÃ»ÇÏ¼Ì½À´Ï´Ù.");
			return;
			<% end if %>

        height = 400;
        <% end if %>
		if (!val) {
              const options = document.getElementsByName("select_product_id");

              for (let i = 0; i < options.length; i++) {
                  if (options[i].value.indexOf("restock_") === 0) {
                      val = options[i].value.split("_")[1];
                      break;
                  }
              }
          }

        window.open("restock_alert_input.asp?pack_content_id=<%=pack_content_id%>&restock_sel="+ val +"&category_name_id=<%=category_name_id%>","pop_restock","width=500,resizable,height="+ height);
    }

    function view_pack(val) {
        window.open("shopviewPackDetail.asp?pack_content_id="+ val,"","width=770,height=700,scrollbars=yes");
    }

    function this_submit(val) {
		if (document.getElementsByName("product_id").length == 0) {
			alert ("¼±ÅÃµÈ »óÇ°ÀÌ ¾ø½À´Ï´Ù.")
			return false
		}

		document.cartForm.gubun.value = val
		$.ajax({
			url: "https://m.petitelinstore.com/views/order/mobileToStore/order_list_insert_DB.run",
			type:"POST",
			data: $("form[name=cartForm]").serialize(),

			success: function (obj) {
				if (obj.result == "OK"){
					if (val == ""){
						window.location.href= "https://www.petitelinstore.com/_vir0001/process/order_buy_2016.asp?order_id="+obj.order_id
					} else {
						inputOrder(val);
					}
				}
			}
		});
    }

    function inputOrder(val) {
		if (val == "cart") {
			document.getElementsByName("title_span")[0].innerHTML = '<img src="http://img.petitelin.com/amoretto/cart_move01.jpg" width="334" height="93" />';
			document.getElementsByName("view_result")[0].onclick = function() { location.replace("order_list_2016.asp"); }
			document.getElementsByName("view_result")[0].src = "http://img.petitelin.com/amoretto/cart_move03.jpg";

			fbq('track', 'AddToCart', {
				content_type: 'product',
				content_ids: ['<%=pack_content_id%>'],
				value: <%=adoRs("count_ori_last")%>,
				currency: 'KRW'
			});

			if (window.wcs) {
                var _conv = {};
                _conv.type = 'add_to_cart';
                _conv.items = [
                    {
                        id: '<%=pack_content_id%>',
                        name: '<%=replace(adoRs("goods_model"),"^"," ")%>'
                    }
                ];
                wcs.trans(_conv);
            }
		} else {
			document.getElementsByName("title_span")[0].innerHTML = '<img src="http://img.petitelin.com/amoretto/wish_move01.jpg" width="334" height="93" />';
			document.getElementsByName("view_result")[0].onclick = function() { location.replace("wish_list.asp?iniCategory=0"); }
			document.getElementsByName("view_result")[0].src = "http://img.petitelin.com/amoretto/wish_move03.jpg";

			if (window.wcs) {
                var _conv = {};
                _conv.type = 'add_to_wishlist';
                _conv.items = [
                    {
                        id: '<%=pack_content_id%>',
                        name: '<%=replace(adoRs("goods_model"),"^"," ")%>',
                    }
                ];
                wcs.trans(_conv);
            }
		}

        document.getElementsByName("order_div")[0].style.display = "";
    }

    function MM_openBrWindow(val) {
        window.open("shopviewimg.asp?pack_content_id=<%=pack_content_id%>&sunser="+ val,"","width=900,height=510,scrollbars=no,resizable");
    }

<% if not(promotionRs.bof and promotionRs.eof) then
	do while not promotionRs.eof %>
thisOri = parseInt(document.getElementsByName("ori_count")[0].innerHTML);
	<% if defaultValue(promotionRs("discount_ratio"),0)>0 and defaultValue(promotionRs("money"),0)=0 then %>
    document.getElementsByName("promotion_ID")[0].innerHTML = make_money_down(thisOri - thisOri*<%=promotionRs("discount_ratio")%>/100);
	<% end if %>
document.getElementsByName("promotionTitle")[0].innerHTML = document.getElementsByName("promotionTitle")[0].innerHTML +"[<%=html_value(promotionRs("subject"))%>]<br>";
<%	promotionRs.movenext
	loop
end if %>
</script>