/* item view item info */
$(function() {
    $(document).on("click",".tabs li, .tabpage",function(e){
        var $this = $(this),
			telecom = $('input[name="item_telecom"]').val() ? $('input[name="item_telecom"]').val() : '';
            tabs = $this.data('cate'),
			shop = $this.data('shop'),
            page = $this.data('page');
		e.preventDefault();
        $.ajax({
               type: "POST",
               async:false,
               data: {act:tabs, itemcode:viewItemCode, modelcode:viewModelCode, telecom:telecom, shop:shop, page:page},
               url: './ajax.mshop.php',
               success: function(data) {
                    //console.log(data);
                    html = '';
                    if(tabs == 'iteminfo') { //제품정보
						if(data.template) {
							html += '<div class="item_content mobile-padding">'+data.template+'</div>';
						}
						if(data.contents) {
							html += '<div class="item_content mobile-padding">'+data.contents+'</div>';
						}
                    }
                    if(tabs == 'itemuse') { //사용후기
						star = get_star('vstar',0,false,20,'#dc3545');
						html += star[0];
						html += '<div class="tab_title d-flex justify-content-between mobile-padding">';
							html += '<h3 class="sm_title"><i class="fa fa-comments-o fa-fw"></i>구매후기</h3>';
							html += '<button type="button" class="bton bton-bg-accent view_more" data-class="fadedown" data-shop="'+shop+'" data-page="use_write"><i class="fa fa-edit fa-fw"></i>구매후기작성</button>';
						html += '</div>';
                        if(data.is_best == 1) {
							html += '<div class="best_wrap">';
								html += '<div class="itemuse_best sw-wrap swiper-container">';
									html += '<ul class="sw-ul swiper-wrapper mobile-padding">';
										$.each(data.best, function(i, $i) {
											var star = get_star('best_star',$i.score,false,20,'#dc3545');
											html += '<li class="useview view_more sw-li swiper-slide" data-class="fadedown" data-page="use_view" data-uid="'+$i.is_id+'">';
												html += '<div class="itemuse_box sw-box">';
													html += '<div class="sw-img"><img src="'+$i.image+'"></div>';
													html += '<div class="itemuse_content">';
														html += '<p>'+$i.is_subject+'</p>';
														html += '<span>'+$i.contents+'</span>';
														html += '<div class="star">'+star[1]+'</div>';
														html += '<div class="user"><span>'+$i.name+'</span><small>'+$i.datetime+'</small></div>';
													html += '</div>';
												html += '</div>';
											html +='</li>';
										});
									html += '</ul>';
								html += '</div>';
							html += '</div>';
                        }
                        
                        if(data.is_list == 1) {
                            html += '<div class="itemuse_list dtable_list">';
                                html += '<div class="list_head mobile-none">';
                                    html += '<span class="list_td td_img"></span>';
                                    html += '<span class="list_td td10">구매모델</span>';
                                    html += '<span class="list_td td15">평점</span>';
                                    html += '<span class="list_td td_grow">제목/내용</span>';
                                    html += '<span class="list_td td10">작성자</span>';
                                    html += '<span class="list_td td10">작성일</span>';
                                html += '</div>';
                                html += '<ul>';
                                    $.each(data.list, function(i, $i) {
										var star = get_star('list_star',$i.score,false,20,'#dc3545');
                                        html += '<li class="list_body">';
                                            html += '<div class="list_wrap d-flex">';
                                                html += '<span class="list_td td_img mobile-none"><img src="'+$i.image+'"></span>';
                                                html += '<span class="list_td td10 mobile-none">'+$i.modelname+'</span>';
                                                html += '<span class="list_td td15 mobile-none">'+star[1]+'</span>';
                                                html += '<div class="list_td td_subject td_grow">';
                                                    html += '<div class=" mobile-only"><div class="mobile_star"><span class="mstar">'+star[1]+'</span><span class="mphone">'+$i.modelname+'</span><span class="mname">'+$i.name+'</span></div></div>';
                                                    html += '<div class="useview view_more" data-class="fadedown" data-page="use_view" data-uid="'+$i.is_id+'">';
													html += '<p>'+$i.is_subject+'</p>';
                                                    //html += '<span>'+$i.contents+'</span>';
													html += '</div>';
                                                html += '</div>';
                                                html += '<span class="list_td td10 mobile-none">'+$i.name+'</span>';
                                                html += '<span class="list_td td10 mobile-none">'+$i.datetime+'</span>';
                                            html += '</div>';
                                        html +='</li>';
                                    });
                                html += '</ul>';
                            html += '</div>';
                        }
                        html += data.pageing;
                    }
                    if(tabs == 'itemqna') { //제품문의
                        if(data.is_list == 1) {

							html += '<div class="tab_title d-flex justify-content-between mobile-padding">';
								html += '<h3 class="sm_title"><i class="fa fa-exclamation-circle fa-fw"></i>1대1문의</h3>';
								html += '<button type="button" class="bton bton-bg-accent view_more" data-class="fadedown" data-shop="'+shop+'" data-page="qna_write"><i class="fa fa-edit fa-fw"></i>문의하기</button>';
							html += '</div>';

							html += '<div class="itemqna_list dtable_list">';
								html += '<div class="list_head mobile-none">';
									html += '<span class="list_td td10">번호</span>';
									html += '<span class="list_td td_grow">제목</span>';
									html += '<span class="list_td td10">작성자</span>';
									html += '<span class="list_td td10">작성일</span>';
									html += '<span class="list_td td10">답변</span>';
								html += '</div>';
								html += '<ul>';
									$.each(data.list, function(i, $i) {
										html += '<li class="list_body">';
											html += '<span class="list_td td10 mobile-none">'+$i.num+'</span>';
											html += '<div class="list_td td_subject td_grow qnaview view_more mobile-none" data-class="fadedown" data-page="qna_view" data-uid="'+$i.iq_id+'">';
												html += '<span>'+$i.subject+'</span>';
											html += '</div>';
											html += '<span class="list_td td10 mobile-none">'+$i.name+'</span>';
											html += '<span class="list_td td10 mobile-none">'+$i.datetime+'</span>';
											html += '<span class="list_td td10 mobile-none">'+$i.answer+'</span>';
											html += '<div class="mobile-only td100">';
												html += '<div class="list_mobile qnaview view_more" data-class="fadedown" data-page="qna_view" data-uid="'+$i.iq_id+'">';
													html += '<div class="list_td answer">'+$i.answer+'</div>';
													html += '<div class="list_td subject">'+$i.subject+'</div>';
													html += '<div class="writer">';
														html += '<span class="name">'+$i.name+'</span>';
														html += '<span class="date">'+$i.datetime+'</span>';
													html += '</div>';
												html += '</div>';
											html += '</div>';
										html +='</li>';
									});
								html += '</ul>';
							html += '</div>';
                        }
                        html += data.pageing;
                    }
                    if(tabs == 'itemnotice') { //개통 및 배송
						if(data.template) {
							html += '<div class="item_content mobile-padding">'+data.template+'</div>';
						}
                    }
               }
            });
        $('#tab_content').html(html);
        $('.tabs li').removeClass('on');
        $this.addClass('on');

		const best_swiper = new Swiper('.itemuse_best', {
			slidesPerView: 'auto',
		});
    })
	$('.tabs li').filter('.tabs li').eq(0).trigger('click');
});


$(function() {
	$(document).on("click",".kakao",function(){
		var $this = $(this),
			kakao_chat = $this.data('channel');
		winOpenPop(kakao_chat,'kakao',450,680);
		return false;
	});

	$(document).on("click",".callcenter",function(){
		var $this = $(this),
			classname = $this.data('class'),
			shop = $this.data('shop') ? $this.data('shop') : '1';
		$('#myModal').addClass(classname);
		var opt = '';
		$.ajax({
			type: "POST",
			async:false,
			data: {act:'dlqalist', shop:shop},
			url: g5_url+'/mshop/ajax.mshop.php',
			success: function(data) {
				if(shop == '1') {
					$.each(data.model, function(i, $i) {
						var selected = (viewModelCode == $i.mm_model_code) ? 'selected' : '';
						opt += '<option value="'+$i.mm_model_code+'" '+selected+'>'+$i.mm_model_cname+'('+$i.mm_model_name+')</option>';
					});
				}
			}
		});
		var tle = '전화상담 신청';
		var html = '';
		var loadDate = new Date();

		html += '<form name="dlqaform">';
			html += '<input type="hidden" name="act" value="dlqa_input">';
			html += '<div class="dlqaform" id="dlqaform">';
				
				if(shop == '1') {
					html += '<div class="dtable_wrap dlqa_model">';
						html += '<div class="dth td25">선택모델</div>';
						html += '<div class="dtd td75"><select name="dl_model" id="dl_model" class="input_select td100">'+opt+'</select></div>';
					html += '</div>';
				} else if (shop == '2') {
					html += '<div class="dtable_wrap dlqa_model">';
						html += '<div class="dth td25">상담신청</div>';
						html += '<div class="dtd td75">인터넷 가입 상담 신청</div>';
					html += '</div>';
				} else {
				}

				html += '<div class="dtable_wrap">';
					html += '<div class="dth td25">이름</div>';
					html += '<div class="dtd td75"><input type="text" name="dl_name" class="input_text td100" placeholder="이름입력"></div>';
				html += '</div>';

				html += '<div class="dtable_wrap">';
					html += '<div class="dth td25">희망통신사</div>';
					html += '<div class="dtd td75">';
						html += '<div class="radio_wrap">';
						$.each(arr_telecom, function(i,$i) {
							var checked = (i == tid) ? 'checked' : '';
							if(shop == '2' && $i == '알뜰폰') {
								//continue;
							} else {
								html += '<div class="radio_box">';
								html += '<input type="radio" name="dl_telecom" id="dl_telecom_'+i+'" value="'+i+'" '+checked+'>';
								html += '<label for="dl_telecom_'+i+'" class="dl_telecom input_radio_label">'+$i+'</label>';
								html += '</div>';
							}
						});
						html += '</div>';
					html += '</div>';
				html += '</div>';

				if(shop == '1') {
					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25">가입유형</div>';
						html += '<div class="dtd td75">';
							html += '<div class="radio_wrap">';
							$.each(arr_ordtype, function(i,$i) {
								var checked = ($i == oid) ? 'checked' : '';
								html += '<div class="radio_box">';
								html += '<input type="radio" name="dl_rdtype" id="dl_ordtype_'+i+'" value="'+$i+'" '+checked+'>';
								html += '<label for="dl_ordtype_'+i+'" class="dl_ordtype input_radio_label">'+$i+'</label>';
								html += '</div>';
							});
							html += '</div>';
						html += '</div>';
					html += '</div>';
				}

				html += '<div class="dtable_wrap">';
					html += '<div class="dth td25">연락처</div>';
					html += '<div class="dtd td75"><input type="text" name="dl_hp" class="input_text hp td100" placeholder="연락처를 입력하세요"></div>';
				html += '</div>';

				html += '<div class="dtable_wrap">';
					html += '<div class="dth td25">상담희망일</div>';
					html += '<div class="dtd td75">';
						html += '<div class="d-flex justify-content-between">';
						html += '<select name="dl_date" class="dlqa_date input_select td49">';
						for (var i = 0; i < 11; i++) {
							var newDate = new Date(Date.parse(loadDate) + i * 1000 * 60 * 60 * 24);
							var strDate = get_date_str(newDate,'-');
							if(strDate != false) {
								html += '<option value="'+strDate+'">'+strDate+'</option>';
							}
						}
						html += '</select>';
						html += '<select name="dl_time" class="dlqa_time input_select td49">';
						html += '<option value="">시간선택</option>';
						for (var i = 9; i < 18; i++) {
							var h = i > 9 ? i : "0" + i;
							var nh = i + 1;
								h = h+':00';
								nh = nh+':00';
							var h = h+'~'+nh;
							html += '<option value="'+h+'">'+h+'</option>';
						}
						html += '</select>';
						html += '</div>';
					html += '</div>';
				html += '</div>';

				html += '<div class="dtable_wrap">';
					html += '<ul class="dot_list">';
						html += '<li>전화 상담을 통해 간편하게 휴대폰을 구매하실 수 있습니다.</li>';
						html += '<li>희망날짜와 시간을 지정하시면 지정된 시간대에 상담전화를 드립니다.</li>';
						html += '<li>평일 10:00~18:00 / 토요일 10:00~18:00 (일요일, 공휴일 제외)</li>';
					html += '</ul>';
				html += '</div>';

				html += '<div class="dtable_wrap">';
					html += '<div class="dth td25">전달사항</div>';
					html += '<div class="dtd td75"><textarea name="dl_content" class="input_textarea td100" placeholder="남기실 말씀"></textarea></div>';
				html += '</div>';

				html += '<div class="button_wrap mt-3 mb-3">';
					html += '<button type="button" class="bton big closex bg3"><span class="color-white">창닫기</span></button>';
					html += '<button type="button" class="bton big frmsubmit bg6" id="dlqa_input"><span class="color-white">전화상담신청</span></button>';
				html += '</div>';

			html += '</div>';
		html += '</form>';
		
		$('.header-title').empty().append(tle);
		$('.myModal-body').empty().append(html);
		
		$('#myModal').show(0,'swing', function() {
			$('html').addClass('noscroll');
			$('#myModal .myModal-content').addClass('open');
			
		});
		return false;
	});

	/* 모달 출력 */
	$(document).on("click",".view_more",function(){
		var $this = $(this),
			classname = $this.data('class'),
			shop = $this.data('shop') ? $this.data('shop') : 1,
			page = $this.data('page'),
			it_id = $('input[name="goods_it_id"]').val() ? parseInt($('input[name="goods_it_id"]').val()) : 0,
			itemtelecom = $('input[name="item_telecom"]').val() ? $('input[name="item_telecom"]').val() : '',
			tle = '',
			html = '',
			openModal = true;

		$('#myModal').addClass(classname+' '+page);

		if(page == 'view_gift') { //사은품 modal
			var userpoint = $('input[name="user_point"]').val() ? parseInt($('input[name="user_point"]').val()) : 0; //총적립금
			var dcpoint = $('input[name="dc_point"]').val() ? parseInt($('input[name="dc_point"]').val()) : 0; //기기할인 적립금
			var giftpoint = $('input[name="gift_point"]').val() ? parseInt($('input[name="gift_point"]').val()): 0; //사은품 구매 적립금
			var npoint = number_format(userpoint - giftpoint); //남은 포인트
			var gpoint = number_format(giftpoint);

			tle = '<span>사은품 전체보기</span><span>(사용 가능 포인트 : <b class="buypoint">'+npoint+'</b>P</span>)';
			html = '기프트';

			$.ajax({
				type: "POST",
				async:false,
				data: {act:'giftview', id:'list'},
				url: g5_url +'/mshop/ajax.mshop.php',
				success: function(data) {
					html += '<div id="gift_modal" class="mobile-padding">';
						html += '<ul class="d-flex flex-wrap">';
						$.each(data.gift, function(i, $i) {
							var checked = '';
							if( $('#gift_cart').find('input[name="gift['+$i.gi_id+']"]').prop('checked') == true ) {
								checked = 'checked';
							}
							html += '<li class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3">';
								html += '<div class="gift_list">';
									html += '<div class="check_wrap gift_check">';
										html += '<input type="checkbox" name="gift['+$i.gi_id+']" value="'+$i.gi_id+'" id="modal_gift_'+$i.gi_id+'" '+checked+' class="gift_num" data-point="'+$i.gi_gift_point+'">';
										html += '<label for="modal_gift_'+$i.gi_id+'" class="sm_label"></label>';
									html += '</div>';
									html += '<div class="gift_img border3"><img src="'+$i.image+'" title="무료 사은품-'+$i.gi_gift_name+'"></div>';
									html += '<div class="gift_name"><span class="color6">'+$i.gi_gift_name+'</span></div>';
									html += '<div class="gift_point"><span class="bg6 color-white"><i class="fa fa-database fa-fw"></i>'+number_format($i.gi_gift_point)+'</span></div>';
								html += '</div>';
							html += '</li>';
						});
						html += '</ul>';
					html += '</div>';
				}
			});
		}

		if(page == 'use_write') { //구매후기 작성
			var opt = '',
				ordercode = '',
				item_code = '',
				username = '',
				userphone = '';

			var editorform = true;
			$('#myModal').addClass('modal_editor'); //에디터폼

			$.ajax({
				type: "POST",
				async:false,
				data: { act:'use_write', shop:shop, telecom:itemtelecom },
				url: g5_url+'/mshop/ajax.mshop.php',
				success: function(data) {
					//console.log(data);
					$.each(data.model, function(i, $i) {
						var selected = (data.modelcode == $i.mm_model_code) ? 'selected' : '';
						opt += '<option value="'+$i.mm_model_code+'" '+selected+'>'+$i.mm_model_cname+'</option>';
					});
					if(data.ordercode) { ordercode = data.ordercode; }
					if(data.itemcode) { itemcode = data.itemcode; } else { itemcode = viewItemCode; }
					if(data.username) { username  = data.username; }
					if(data.userphone) { userphone = data.userphone; }
				}
			});
			
			var star = get_star('wstar',10,true,24,'#dc3545');
			html += star[0];
			html += '<form name="itemuseform">';
			html += '<input type="hidden" name="act" value="itemuse_input">';
			html += '<input type="hidden" name="ordercode" value="'+ordercode+'">';
			html += '<input type="hidden" name="itemcode" value="'+itemcode+'">';
			html += '<input type="hidden" name="shop" value="'+shop+'">';
			html += '<div class="dtable_wrap">';
				html += '<div class="dth col-2"><span>구매모델</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><select name="modelcode" class="input_select td100">'+opt+'</select></div>';
				html += '<div class="dth col-2"><span>평점</span></div>';
				html += '<div class="dtd col-10 col-lg-4">'+star[1]+'</div>';
				html += '<div class="dth col-2"><span>이름</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><input type="text" name="username" value="'+username+'" class="input_text td100"></div>';
				html += '<div class="dth col-2"><span>연락처</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><input type="text" name="userphone" value="'+userphone+'" class="input_text td100 hp"></div>';
				html += '<div class="dth col-2"><span>제목</span></div>';
				html += '<div class="dtd col-10"><input type="text" name="usesubject" value="" class="input_text td100"></div>';
				html += '<div class="dtd col-12" id="write_wrap"></div>';
				if(g5_is_member != 1) {
					html += '<div class="dth col-2"><span>비밀번호</span></div>';
					html += '<div class="dtd col-10"><input type="password" name="userpassword" value="" class="input_text"></div>';
				}
			html += '</div>';
			html += '<div class="dtable_wrap">';
				html += '<ul class="dot_list">';
					html += '<li>구매후기를 작성해 주신 고객님들께는 소정의 선물을 드립니다.</li>';
				html += '</ul>';
			html += '</div>';
			html += '<div class="button_wrap mt-3 mb-3">';
				html += '<button type="button" class="bton bton-bg-gray closex"><span class="color-white">창닫기</span></button>';
				html += '<button type="button" class="bton bton-bg-dark frmsubmit" id="itemuse_input"><span class="color-white">구매후기 작성</span></button>';
			html += '</div>';
			html += '</div>';
			html += '</form>';
		}

		if(page == 'qna_write') { //문의 작성
			var opt = '',
				typeopt = '',
				ordercode = '',
				itemcode = '',
				username = '',
				userphone = '',
				pageitem  = '',
				pagemodel = '';
			
			if(shop == 1) {
				var pageitem  = $('input[name="itemcode"]').val() ? $('input[name="itemcode"]').val() : '';
				var pagemodel = $('input[name="modelcode"]').val() ? $('input[name="modelcode"]').val() : '';
			}

			if(shop == 2) {
				var pageitem  = $('input[name="itemid"]').val() ? $('input[name="itemid"]').val() : '';
				var pagemodel = $('input[name="itemname"]').val() ? $('input[name="itemname"]').val() : '';
			}
			
			var editorform = true;
			$('#myModal').addClass('modal_editor'); //에디터폼

			$.ajax({
				type: "POST",
				async:false,
				data: { act:'qna_write', shop:shop, pageitem:pageitem, pagemodel:pagemodel},
				url: g5_url+'/mshop/ajax.mshop.php',
				success: function(data) {
					//console.log(data);
					if(shop == 1) {
						$.each(data.model, function(i, $i) {
							var selected = (data.modelcode == $i.mm_model_code) ? 'selected' : '';
							opt += '<option value="'+$i.mm_model_code+'" '+selected+'>'+$i.mm_model_cname+'</option>';
						});

						$.each(data.iqtype, function(i, $i) {
							typeopt += '<option value="'+$i+'">'+$i+'</option>';
						});

						if(data.ordercode) { ordercode = data.ordercode; }
						if(data.itemcode) { itemcode = data.itemcode; } else { itemcode = viewItemCode; }
						if(data.username) { username  = data.username; }
						if(data.userphone) { userphone = data.userphone; }
					}
					if(shop == 2) {
						$.each(data.model, function(i, $i) {
							var selected = (data.modelcode == $i.it_item_kind) ? 'selected' : '';
							opt += '<option value="'+$i.it_item_kind+'" '+selected+'>'+$i.it_item_name+'</option>';
						});

						$.each(data.iqtype, function(i, $i) {
							typeopt += '<option value="'+$i+'">'+$i+'</option>';
						});

						if(data.ordercode) { ordercode = data.ordercode; }
						if(data.itemcode) { itemcode = data.itemcode; } else { itemcode = viewItemCode; }
						if(data.username) { username  = data.username; }
						if(data.userphone) { userphone = data.userphone; }
					}
				}
			});

			html += '<form name="qnawriteform">';
			html += '<input type="hidden" name="act" value="qna_input">';
			html += '<input type="hidden" name="shopcode" value="'+shop+'">';
			html += '<input type="hidden" name="ordercode" value="'+ordercode+'">';
			html += '<input type="hidden" name="itemcode" value="'+itemcode+'">';
			html += '<div class="dtable_wrap">';
				html += '<div class="dth col-2"><span>문의유형</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><select name="iqtype" class="input_select td100">'+typeopt+'</select></div>';
				html += '<div class="dth col-2"><span>모델</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><select name="modelcode" class="input_select td100">'+opt+'</select></div>';
				
				html += '<div class="dth col-2"><span>이름</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><input type="text" name="username" value="'+username+'" class="input_text td100"></div>';
				html += '<div class="dth col-2"><span>연락처</span></div>';
				html += '<div class="dtd col-10 col-lg-4"><input type="text" name="userphone" value="'+userphone+'" class="input_text td100 hp"></div>';
				
				html += '<div class="dth col-2"><span>제목</span></div>';
				html += '<div class="dtd col-10"><input type="text" name="usesubject" value="" class="input_text td100"></div>';
				
				html += '<div class="dtd col-12" id="write_wrap"></div>';
				if(g5_is_member != 1) {
					html += '<div class="dth col-2"><span>비밀번호</span></div>';
					html += '<div class="dtd col-10"><input type="password" name="userpassword" value="" class="input_text"></div>';
				}
			html += '</div>';
			html += '<div class="dtable_wrap">';
				html += '<ul>';
					html += '<li>상담시간: 평일 09:00 ~ 18:00/토요일 13:00</li>';
					html += '<li>';
					html += '<div class="check_wrap">';
						html += '<input type="checkbox" name="ipcheck" id="ipcheck" value="1" class="ipcheck" checked>';
						html += '<label for="ipcheck" class="big_label">전화상담을 위한 개인정보수집에 동의합니다.</label>';
					html += '</div>';
					html += '</li>';
				html += '</ul>';
			html += '</div>';
			html += '<div class="button_wrap mt-3 mb-3">';
				html += '<button type="button" class="bton bton-bg-gray closex"><span class="color-white">창닫기</span></button>';
				html += '<button type="button" class="bton bton-bg-dark frmsubmit" id="qna_input"><span class="color-white">문의하기</span></button>';
			html += '</div>';
			html += '</div>';
			html += '</form>';
		}

		if(page == 'use_view') { //구매후기 상세보기
			var uid = $this.data('uid');
			$.ajax({
				type: "POST",
				async:false,
				data: { act:'use_view',uid:uid},
				url: g5_url+'/mshop/ajax.mshop.php',
				success: function(data) {
					//console.log(data);
					tle = data.view.name +'님의 구매후기';
					var star = get_star('starview',data.view.is_score,false,24,'#dc3545');
					html += star[0];
					html += '<div class="use_content d-flex justify-content-between flex-wrap">';
						//html += '<div class="use_content_image">';
						//	html += '<img src="'+data.view.image+'" alt="'+data.view.modelname+'">';
						//html += '</div>';
						html += '<div class="use_content_info" style="width: 100%;">';
							html += '<div class="box_wrap">';
								html += '<div class="box_header">';
									html += '<p>'+data.view.is_subject+'</p>';
								html += '</div>'
								html += '<div class="box_space d-flex justify-content-between">';
									html += '<div class="star">'+star[1]+'</div>';
									html += '<div><span>'+data.view.name+'</span><span>'+data.view.datetime+'</span></div>';
								html += '</div>';
								html += '<div class="box_content">';
									html += data.view.content;
								html += '</div>';
								if(data.view.modelimage && data.view.modelname) {
									html += '<div class="box_space d-flex justify-content-between">';
										html += '<div class="box_sm_image"><img src="'+data.view.modelimage+'"></div>';
										html += '<span class="box_model_name align-self-center"><a href="'+g5_url+'/mshop/item.php?itemid='+data.view.it_id+'">'+data.view.modelname+'</a></span>';
									html += '</div>';
								}
								if(data.view.is_replay_content) {
									html += '<div class="box_space">';
									html += '<p>'+data.view.is_reply_content+'</p>';
									html += '</div>';
								}
								html += '<div class="box_footer">';
									html += '<input type="password" name="password" class="input_text">';
									html += '<button type="button" class="bton blogin" data-page="use_view" data-action="modal_modify" data-uid="'+data.view.is_id+'">수정</button>';
									html += '<button type="button" class="bton blogin" data-page="use_view" data-action="modal_delete" data-uid="'+data.view.is_id+'">삭제</button>';
									html += '<span class="box_helper">수정/삭제는 비밀번호를 입력해 주세요</span>';
								html += '</div>';
							html += '</div>';
						html += '</div>';
					html += '</div>';
				}
			});
		}

		if(page == 'qna_view') { //문의 상세보기
			var uid = $this.data('uid');
			$.ajax({
				type: "POST",
				async:false,
				data: { act:'qna_view',uid:uid},
				url: g5_url+'/mshop/ajax.mshop.php',
				success: function(data) {
					//console.log(data);
					if(data.result == 'failer') {
						alert(data.message);
						openModal == false;
					}
					if(data.result == 'login') { //login form
						$('#myModal').addClass('smcenter loginform');
						tle = '비밀글 보기';
						html += '<div class="mloginform">';
							html += '<p>비밀글입니다. <span>비밀번호를 입력해 주세요</span></p>';
							html += '<input type="password" name="password" class="input_text" id="mlogin_pw">';
							html += '<div class="button_wrap">';
								html += '<button type="button" class="bton closex">닫기</button>';
								html += '<button type="button" class="bton bton_confirm" id="mlogin_btn" data-uid="'+uid+'">확인</button>';
							html += '</div>';
						html += '</div>';
					}
					if(data.result == 'success') { //view
						tle = data.view.iq_name +'님의 1대1 문의';
						html += '<div class="box_wrap">';
							html += '<div class="box_header d-flex">';
								html += '<div class="box_image"><img src="'+data.view.modelimage+'" title=""></div>';
								html += '<div class="box_subject"><p>'+data.view.iq_subject+'</p></div>';
							html += '</div>';
							html += '<div class="box_content">'+data.view.iq_question+'</div>';
							html += '<div class="box_content iqanswer">'+data.view.iq_answer+'</div>';
							if(data.view.is_replay_content) {
								html += '<div class="box_space">';
								html += '<p>'+data.view.is_reply_content+'</p>';
								html += '</div>';
							}
							html += '<div class="box_footer">';
							html += '<input type="password" name="password" class="input_text">';
							html += '<button type="button" class="bton blogin" data-page="qna_view" data-action="modal_modify" data-uid="'+data.view.iq_id+'">수정</button>';
							html += '<button type="button" class="bton blogin" data-page="qna_view" data-action="modal_delete" data-uid="'+data.view.iq_id+'">삭제</button>';
							html += '<span class="box_helper">수정/삭제는 비밀번호를 입력해 주세요</span>';
							html += '</div>';
							
						html += '</div>';
						html += '</div>';
					}
				}
			});
		}
		
		if(openModal == false) {
			return false;
		}

		/* modal view */
		$('.header-title').empty().append(tle);
		$('.myModal-body').empty().append(html);
		//dummy form
		if (editorform == true) {
			$editorform = $('#dummy_contents iframe');
			$('#write_wrap').append($('#wcontents'));
			$('#write_wrap').append($editorform);
		}

		$('#myModal').show(0,'swing', function() {
			$('html').addClass('noscroll');
			$('#myModal .myModal-content').addClass('open');
			
		});
		return false;
	});

	//사은품 선택
	$(document).on("click",".gift_num",function(){
		var $this     = $(this),
			$wrap     = $this.closest('ul'),
			category  = $('input[name="category"]').val() ? $('input[name="category"]').val() : '',
			userpoint = $('input[name="user_point"]').val() ? parseInt($('input[name="user_point"]').val()) : 0,
			dcpoint   = $('input[name="dc_point"]').val() ? parseInt($('input[name="dc_point"]').val()) : 0,
			giftpoint = $('input[name="gift_point"]').val() ? parseInt($('input[name="gift_point"]').val()): 0;
			itempoint = parseInt($this.data('point')),
			chkid = $this.val();
			if( $this.prop('checked') == true ) { //check true
				var buypoint = userpoint - giftpoint; //사은품을 구매할 경우 기존 사은품포인트만 합산해서 비교
				giftpoint = giftpoint + itempoint;
				if(itempoint > buypoint ) {
					alert('보유하신 포인트가 부족합니다.');
					$this.prop('checked',false);
					return false;
				}
			} else {
				giftpoint = giftpoint - itempoint;
				$('#gift_cart').find('input[name="gift['+chkid+']"]').prop('checked',false);
				$('#gift_modal').find('input[name="gift['+chkid+']"]').prop('checked',false);
			}
			/* 사은품을 구매 또는 취소하였으므로, 기기할인 포인트와 사은품 포인트를 재정의 해줍니다. */
			$('input[name="dc_point"]').val(userpoint - giftpoint);
			$('input[name="gift_point"]').val(giftpoint);

			var gift_item = new Array();
			$wrap.find('.gift_num').each(function(i) {
				var $chk = $(this),
					$chk_wrap = $chk.closest('li'),
					chk_item = '';
				if($chk.prop('checked') == true) {
					chk_item = $chk_wrap.clone()
					gift_item[i] = chk_item;
				} else {
				}
			});

			$('#gift_box').empty();
			for(var i in gift_item) {
				$('#gift_box').append(gift_item[i]);
			}
			if($('#gift_box').find('.gift_num').length > 0) {
				$('#gift_cart').show();
				$('#gift_wrap').hide();
			} else {
				$('#gift_cart').hide();
				$('#gift_wrap').show();
			}
			
			if(category == 'it') {
				itgoods_calc();
			} else {
				calc();
			}
	});
	
	
	$(document).on("click", ".of_close", function() {
		var message = $(this).data('message');
		$('#myModal').addClass('smcenter smalert');
		html = '';
		if(message == 'confirm') {
			var tle = '확인';
			var msg = '진행중인 가입을 취소하고 이전화면으로 돌아가시겠습니다.<br>현재까지 작성하신 내용은 저장되지 않습니다.';
		} else if(message == 'delivery') {
			var tle = '개통 및 배송조회';
			var msg = '핸드폰 배송 및 개통진행에 관하여 궁금하신 사항은 고객센터로 문의해 주세요!';
		}else {
			var tle = '신청완료';
			var msg = '접수가 완료되었습니다. 상담원이 확인 후 해피콜을 드립니다. 감사합니다.';
		}
		html += '<div class="closealert">';
			html += '<p>'+msg+'</p>';
			html += '<div class="button_wrap">';
				html += '<button type="button" class="bton bton-bg-turquoise closex">닫기</button>';
				html += '<button type="button" class="bton bton-bg-pomegranate bton_confirm" onclick="javascript:self.close();">확인</button>';
			html += '</div>';
		html += '</div>';
		
		//모달 띄우기
		$('.myModal-body').empty().append(html);
		$('#myModal').show(0,'swing', function() {
			$('html').addClass('noscroll');
			$('#myModal .myModal-content').addClass('open');
			
		});
	});
	

	/* 비밀글 보기 로그인 */
	$(document).on("click", "#mlogin_btn", function() {
		var $this = $(this),
			pw = $('#mlogin_pw').val(),
			uid = $this.data('uid');
		$.ajax({
			type: "POST",
			async:false,
			data: { act:'mlogin',uid:uid,pw:pw},
			url: g5_url+'/mshop/ajax.mshop.php',
			success: function(data) {
				if(data.result == 'success') {
					$('.closex').trigger('click');
					setTimeout( function() {
						$('.qnapc[data-uid="'+uid+'"]').trigger('click');
					}, 1000);
				}
			}
		});
	});

	/* 후기, 문의 수정 삭제 처리 */
	$(document).on("click", ".blogin", function() {
		var $this = $(this),
			page = $this.data('page'),
			act = $this.data('action'),
			uid = $this.data('uid'),
			pw = $this.siblings('input').val();
		if(!pw) {
			alert('비밀번호를 입력해 주세요');
			return false;
		}
		
		var editorform = true;
		$('#myModal').addClass('modal_editor'); //에디터폼
		var html = '',
			openModal = true;
		
		$.ajax({
			type: "POST",
			async:false,
			data: { act:act, page:page, uid:uid, pw:pw},
			url: g5_url+'/mshop/ajax.mshop.php',
			success: function(data) {
				//console.log(data);
				if(data.result == 'failer') {
					alert(data.message);
					openModal = false;
					return false;
				}
				if(data.result == 'modify') { //수정일때
					var opt = '';
					$.each(data.model, function(i, $i) {
						var selected = (data.view.mm_model_code == $i.mm_model_code) ? 'selected' : '';
						opt += '<option value="'+$i.mm_model_code+'" '+selected+'>'+$i.mm_model_cname+'</option>';
					});
					if(page == 'use_view') { //후기 수정 폼
						var star = get_star('starmodify',data.view.is_score,true,24,'#dc3545');
						html += star[0];
						html += '<form name="itemuseform">';
						html += '<input type="hidden" name="act" value="itemuse_modify">';
						html += '<input type="hidden" name="uid" value="'+data.view.is_id+'">';
						html += '<input type="hidden" name="ordercode" value="'+data.view.ot_order_code+'">';
						html += '<input type="hidden" name="itemcode" value="'+data.view.it_item_code+'">';
						html += '<div class="dtable_wrap">';
							html += '<div class="dth col-2"><span>구매모델</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><select name="modelcode" class="input_select">'+opt+'</select></div>';
							html += '<div class="dth col-2"><span>평점</span></div>';
							html += '<div class="dtd col-10 col-lg-4">'+star[1]+'</div>';
							html += '<div class="dth col-2"><span>이름</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><input type="text" name="username" value="'+data.view.is_name+'" class="input_text"></div>';
							html += '<div class="dth col-2"><span>개통번호</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><input type="text" name="userphone" value="'+data.view.is_phone+'" class="input_text hp"></div>';
							html += '<div class="dth col-2"><span>제목</span></div>';
							html += '<div class="dtd col-10"><input type="text" name="usesubject" value="'+data.view.is_subject+'" class="input_text"></div>';
							html += '<div class="dtd col-12" id="write_wrap"></div>';
							/* 후기 수정시에는 비밀번호를 입력받지 않음
							if(g5_is_member != 1) {
								html += '<div class="dth col-2"><span>비밀번호</span></div>';
								html += '<div class="dtd col-10"><input type="password" name="userpassword" value="" class="input_text"></div>';
							}
							 */
						html += '</div>';
						html += '<div class="dtable_wrap">';
							html += '<ul class="dot_list">';
								html += '<li>구매후기를 작성해 주신 고객님들께는 소정의 선물을 드립니다.</li>';
							html += '</ul>';
						html += '</div>';
						html += '<div class="button_wrap mt-3 mb-3">';
							html += '<button type="button" class="bton big closex bg3"><span class="color-white">창닫기</span></button>';
							html += '<button type="button" class="bton big frmsubmit bg6" id="itemuse_modify"><span class="color-white">구매후기 수정</span></button>';
						html += '</div>';
						html += '</div>';
						html += '</form>';
						$('#wcontents').val(data.view.is_content);
					}
					//여기에 문의 수정폼을 답니다.
					if(page == 'qna_view') {
						var typeopt = '';
						$.each(data.iqtype, function(i, $i) {
							var selected = ($i == data.view.iq_type) ? 'selected' : '';
							typeopt += '<option value="'+$i+'" '+selected+'>'+$i+'</option>';
						});
						html += '<form name="qnawriteform">';
						html += '<input type="hidden" name="act" value="qna_modify">';
						html += '<input type="hidden" name="uid" value="'+data.view.iq_id+'">';
						html += '<input type="hidden" name="ordercode" value="'+data.view.ot_order_code+'">';
						html += '<input type="hidden" name="itemcode" value="'+data.view.it_item_code+'">';
						html += '<div class="dtable_wrap">';
							html += '<div class="dth col-2"><span>문의유형</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><select name="iqtype" class="input_select">'+typeopt+'</select></div>';
							html += '<div class="dth col-2"><span>모델</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><select name="modelcode" class="input_select">'+opt+'</select></div>';
							
							html += '<div class="dth col-2"><span>이름</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><input type="text" name="username" value="'+data.view.iq_name+'" class="input_text"></div>';
							html += '<div class="dth col-2"><span>연락처</span></div>';
							html += '<div class="dtd col-10 col-lg-4"><input type="text" name="userphone" value="'+data.view.iq_hp+'" class="input_text hp"></div>';
							
							html += '<div class="dth col-2"><span>제목</span></div>';
							html += '<div class="dtd col-10"><input type="text" name="usesubject" value="'+data.view.iq_subject+'" class="input_text"></div>';
							
							html += '<div class="dtd col-12" id="write_wrap"></div>';
						html += '</div>';
						html += '<div class="dtable_wrap">';
							html += '<ul>';
								html += '<li>상담시간: 평일 09:00 ~ 18:00/토요일 13:00</li>';
								html += '<li>';
								html += '<div class="check_wrap">';
									html += '<input type="checkbox" name="ipcheck" id="ipcheck" value="1" class="ipcheck" checked>';
									html += '<label for="ipcheck" class="big_label">전화상담을 위한 개인정보수집에 동의합니다.</label>';
								html += '</div>';
								html += '</li>';
							html += '</ul>';
						html += '</div>';
						html += '<div class="button_wrap mt-3 mb-3">';
							html += '<button type="button" class="bton big closex bg3"><span class="color-white">창닫기</span></button>';
							html += '<button type="button" class="bton big frmsubmit bg6" id="qna_input"><span class="color-white">문의하기</span></button>';
						html += '</div>';
						html += '</div>';
						html += '</form>';
						$('#wcontents').val(data.view.iq_question);
					}
				}
			}
		});

		if(openModal == false) {
			return false;
		}

		if(openModal == 'msg') { //경고창 띄우기
			alertModal(msg);
			return false;
		}

		//모달 띄우기
		$('.myModal-body').empty().append(html);
		//dummy form
		if (editorform == true) {
			$editorform = $('#dummy_contents iframe');
			$('#write_wrap').append($('#wcontents'));
			$('#write_wrap').append($editorform);
		}

		$('#myModal').show(0,'swing', function() {
			$('html').addClass('noscroll');
			$('#myModal .myModal-content').addClass('open');
			
		});
	});

	$(document).on("click","#itemuse_modify",function(){ //후기 수정완료
		var $this = $(this),
			pw = $('input[name="userpassword"]').val() ? $('input[name="userpassword"]').val() : '',
			$wrap = $this.closest('form');
		formwrite($wrap.get(0));
		$.ajax({
			type: "POST",
			data: $wrap.serialize(),
			url: g5_url+'/mshop/ajax.mshop.php',
			success: function(data) {
				//console.log(data);
				if(data.result == 'success') {
					alert(data.message);
					$('.closex').trigger('click');
				}
			}
		});
	});

	$(document).on("click","#itemuse_input, #qna_input",function(){
		var $this = $(this),
			$wrap = $this.closest('form');
		formwrite($wrap.get(0));
		$.ajax({
			type: "POST",
			data: $wrap.serialize(),
			url: g5_url+'/mshop/ajax.mshop.php',
			success: function(data) {
				//console.log(data);
				if(data.result == 'success') {
					alert(data.message);
					$('.closex').trigger('click');
					/*
					var html = '',
						tle = '';
					tle += '구매후기 등록 완료';
					html += '소중한 후기 감사합니다.';
					$('.header-title').empty().append(tle);
					$('.myModal-body').empty().append(html);
					*/
				}
			}
		});
	});

	$(document).on("click","#dlqa_input",function(){
		var $this = $(this),
			$wrap = $this.closest('form');

		dl_model=$('#dl_model').find('option:selected').val();
		if(!dl_model) {
			alert('모델을 선택해 주세요.');
			$('#dl_model').focus();
			return false;
		}

		if($('input[name="item_telecom"]:checked').length < 1) {
			alert('가입하실 통신사를 선택해 주세요.');
			$('input[name="dl_telecom"]').focus();
			return false;
		}

		if(! $('input[name="dl_hp"]').val() ) {
			alert('연락처를 입력하세요.');
			$('input[name="dl_hp"]').focus();
			return false;
		}

		$.ajax({
			type: "POST",
			data: $wrap.serialize(),
			url: g5_url+'/mshop/ajax.mshop.php',
			success: function(data) {
				//console.log(data.result);
				if(data.result == 'success') {
					
					var html = '',
						tle = '';
					tle += '전화상담 신청 접수 완료';
					html += '상담신청이 접수되었습니다.';
					
					$('.header-title').empty().append(tle);
					$('.myModal-body').empty().append(html);
				}
			}
		});
	});

	/*회원가입 약관 모달 */
	$(document).on("click","[data-clause]",function(){
		var $this = $(this),
			value = $this.data('clause');
		$.ajax({
            type: "POST",
            data: {co_id:value},
            url: g5_bbs_url + '/clause.php',
            success: function(data) {
               //console.log(data);
			   if(data.result == 'failer') {
				   alertModal('내용이 입력되지 않았습니다.내용관리에서 입력해 주세요');
				   return false;
			   }
                $('#myModal').addClass('fadedown clause');
				/* modal view */
				$('.header-title').empty().append(data.title);
				$('.myModal-body').empty().append(data.content);
				$('#myModal').show(0,'swing', function() {
					//$('html').addClass('noscroll');
					$('#myModal .myModal-content').addClass('open');
					
				});
				return false;
            }
        });
	});

	/*모달 닫기*/
	$(document).on('click', '.closex', function() {
		$('#myModal .myModal-content').removeClass('open');

		setTimeout( function() {
			$('#myModal').hide();
			//dummy form
			if( $('#myModal').hasClass('modal_editor') == true ) {
				$editorform = $('#myModal iframe');
				$('#wcontents').val('');
				$('#dummy_contents').append($('#wcontents'));
				$('#dummy_contents').append($editorform);
			}
			$('#myModal').removeClass().addClass('myModal');
			$('html').removeClass('noscroll');
		}, 300);
	});
	$(document).on('click', '#myModal', function(e) {
	if (e.target !== this) return;
	$('.closex').trigger('click');
	});

	$(document).on("click",".wishicon",function(){
		var $this = $(this),
			page = $(this).data('page') ?  $(this).data('page') : '',
            itemid = $('input[name="itemid"]').val(),
            itemcode = $('input[name="itemcode"]').val(),
            modelcode = $('input[name="modelcode"]').val(),
            usetelecom = $('input[name="item_telecom"]:checked').val() ? $('input[name="item_telecom"]:checked').val() : '',
            ordtype = $('input[name="item_ordtype"]:checked').val() ? $('input[name="item_ordtype"]:checked').val() : '',
			heartfull = '❤',
			heartempty = '🤍';
		$.ajax({
           type: "POST",
           data: {act:'wishinput', itemid:itemid, model:modelcode, item:itemcode, telecom:usetelecom, ordtype:ordtype},
           url: './ajax.mshop.php',
           success: function(data) {
			   console.log(data);
				if(page) {
					if(data.mywish > 0) {
						$('#wishicon').css('font-size','28px');
						$('#wishicon').css('padding-bottom','0');
						$('.wishicon').html(heartfull);
					} else {
						$('#wishicon').css('font-size','22px');
						$('#wishicon').css('padding-bottom','6px');
						$('.wishicon').html(heartempty);
					}
				}
				$('#wishlistvalue, .wish_value').text(data.totalwish);
				alertModal(data.message);
           }
        });
	});

	//side bar wishlist delete
	$(document).on("click",".wish-delete",function(){
        var $this = $(this),
            $wrap = $this.closest('li'),
            $message = $wrap.find('delmessage');
            wishid = $this.data('wishid'),
            itemcode = $this.data('itemcode'),
            html = '';
        $.ajax({
            type: "POST",
            data: { act:'wish_delete', wishid:wishid, item:itemcode },
            url: g5_url+'/mshop/ajax.mshop.php',
            success: function(data) {
                $('#totalwishcnt').text(data.result);
                $('#wishlistvalue').text(data.mywish);
                $wrap.hide('slide','left',1000, function() {
                    $wrap.remove();
                    if ($("#wishbox li").length == 0)
                    {
                        html += '<li class="wish-empty"><i class="fa fa-exclamation-circle"></i> 위시리스트가 비어 있습니다.</li>';
                        $('#wishbox').html(html);
                    }
                });
            }
        });
    });

	$(document).on("click","#addsale_card",function() { //제휴카드 보기 선택
		var $this   = $(this),
			shop    = $this.data('shop'),
			telecom = $('input[name="item_telecom"]').val();
		$.ajax({
            type: "POST",
            data: { act:'select_card', shop:shop, telecom:telecom },
            url: g5_url+'/mshop/ajax.mshop.php',
            success: function(data) {
                var html = card_html(data.template, data.card);
				$('.myModal-body').empty().append(html);
				$('#myModal').show(0,'swing', function() {
					$('html').addClass('noscroll');
					$('#myModal').addClass('fadedown goodscard');
					$('#myModal .myModal-content').addClass('open');
				});
            }
        });
	});

	$(document).on("click",".clist",function() {
		var $this    = $(this),
			uid      = $this.data('uid'),
			discount = $this.data('discount'),
			cate     = $this.data('cate'),
			cardname = $this.data('cardname'),
			cardcompany = $this.data('cardcompany');
		$('.clist').removeClass('on');
		$this.addClass('on');
		$('input[name="dis_card"]').val(uid);
		$('input[name="dis_cardname"]').val(cardname);
		$('input[name="discount_card"]').val(discount);
		if(cate=='m') {
			calc();
		} else {
			itgoods_calc();
		}
		if(discount > 0) {
			$('.dccard').show();
		} else {
			$('.dccard').hide();
		}
		var html ='<p>';
			html += '<span class="company">['+cardcompany+']</span>';
			html += '<span class="name">'+cardname+' 상담신청</span>';
			html += '</p>';
		$('#addsale_card_info').empty().html(html);
		$('#addsale_card_info').show();
	});

	//orderform guide toggle
	$(".guide_btn_toggle").on('click', function() {
        $('.orderform_guide_box').slideToggle('slow');
    });
});


function get_date_str(date, gubun) {
	var sYear = date.getFullYear();
    var sMonth = date.getMonth() + 1;
    var sDate = date.getDate();
	var sWeek = ['일','월','화','수','목','금','토','일'][date.getDay()];

    sMonth = sMonth > 9 ? sMonth : "0" + sMonth;
    sDate  = sDate > 9 ? sDate : "0" + sDate;
	if(sWeek == '일') {
		return false;
	}
    return sYear + gubun + sMonth + gubun + sDate + '('+sWeek+')';
}

function winOpenPop(varUrl,winName,xsize, ysize){
    var screenX = window.screen.width;
    var screenY = window.screen.height;
    var xpos = (screenX - xsize) / 2;
    var ypos = (screenY - ysize) / 2;
    window.open(varUrl,winName, 'width=' + xsize
            + ',height=' + ysize + ',menubar=0,scrollbars=yes,left='
            + xpos + ',top=' + ypos + ',resizable=no');
}

/* 별점 is_radio=false 읽기 전용 */
function get_star(id,value,is_radio = true, fontsize, color) {
	var wrapclass = readonly = j = '';	
	if(is_radio == false) {
		readonly = 'readonly';
		wrapclass = 'starfalse';
	}
	wrapheight = fontsize + 5;
    divwidth = fontsize + 1;
	left = Math.floor(fontsize/2);
    divmargin = Math.floor(fontsize/3);

	if(is_radio == false) {
		var style = '<style>';
			style += '.star_wrap { position: relative; display: flex; height: '+wrapheight+'px}\n';
			style += '.star_wrap:after {clear: both; display: block; content: ""; }\n';
			style += '.star_wrap .star_div { position: relative; display: flex; color: #dc3545; width: '+divwidth+'px; }\n';
			style += '.star_wrap .star_div:last-child { margin-right: auto; }\n';
			style += '.star_wrap .star_div:before { position: absolute; width: 100%; top: 0; bottom: 0; left: calc( 50% - '+left+'px); right: 0; font-family: "fontAwesome"; content: "\\f006"; font-size: '+fontsize+'px; color: '+color+'; line-height: 1; }\n';
			style += '.star_wrap .star_div:after {clear: both; display: block; content: ""; }\n';
			style += '.star_wrap .star_half:before { content: "\\f123"; }\n';
			style += '.star_wrap .star_full:before { content: "\\f005"; }\n';
			style += '.star_wrap .star_div .star_radio { position: relative; width: 50%;}\n';
			style += '.star_wrap .star_div .star_radio:after {clear: both; display: block; content: ""; }\n';
			style += '.star_wrap .star_div .star_radio .radio_star { z-index: -1; opacity: 0; }\n';
			style += '.star_wrap .star_div .star_radio label { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; }\n';
		style += '</style>';
	} else {
		var style = '<style>';
			style += '#'+id+'.star_wrap { position: relative; display: flex; height: '+wrapheight+'px}\n';
			style += '#'+id+'.star_wrap:after {clear: both; display: block; content: ""; }\n';
			style += '#'+id+'.star_wrap .star_div { position: relative; display: flex; color: #dc3545; width: '+divwidth+'px; }\n';
			style += '#'+id+'.star_wrap .star_div:last-child { margin-right: auto; }\n';
			style += '#'+id+'.star_wrap .star_div:before { position: absolute; width: 100%; top: 0; bottom: 0; left: calc( 50% - '+left+'px); right: 0; font-family: "fontAwesome"; content: "\\f006"; font-size: '+fontsize+'px; color: '+color+'; line-height: 1; }\n';
			style += '#'+id+'.star_wrap .star_div:after {clear: both; display: block; content: ""; }\n';
			style += '#'+id+'.star_wrap .star_half:before { content: "\\f123"; }\n';
			style += '#'+id+'.star_wrap .star_full:before { content: "\\f005"; }\n';
			style += '#'+id+'.star_wrap .star_div .star_radio { position: relative; width: 50%;}\n';
			style += '#'+id+'.star_wrap .star_div .star_radio:after {clear: both; display: block; content: ""; }\n';
			style += '#'+id+'.star_wrap .star_div .star_radio .radio_star { z-index: -1; opacity: 0; }\n';
			style += '#'+id+'.star_wrap .star_div .star_radio label { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; }\n';
		style += '</style>';
	}

	var html = '<div id="'+id+'" class="star_wrap '+wrapclass+'">';
	for(var k=0; k < 5; k++) {
		i = (k * 2) + 1;
		j = i + 1;
		var ichecked = (i == value) ? 'checked' : '';
		var jchecked = (j == value) ? 'checked' : '';

		var starclass = '';
		if( (i < value && j < value) || j == value ) {
			starclass = 'star_full';
		} 
		if (i == value) {
			starclass = 'star_half';
		}
		
		if(is_radio == false) {
			html += '<div class="star_div '+starclass+'">';
				html += '<div class="star_radio">';
					html += '<input type="radio" name="star" class="radio_star" value="'+i+'" '+ichecked+' '+readonly+'>';
					html += '<label for="star_'+i+'" class="label_star" data-value="odd"></label>';
				html += '</div>';
				html += '<div class="star_radio">';
					html += '<input type="radio" name="star" class="radio_star" value="'+j+'" '+jchecked+' '+readonly+'>';
					html += '<label for="star_'+j+'" class="label_star" data-value="even"></label>';
				html += '</div>';
			html += '</div>';
		} else {
			html += '<div class="star_div '+starclass+'">';
				html += '<div class="star_radio">';
					html += '<input type="radio" name="star" id="'+id+'_star_'+i+'" class="radio_star" value="'+i+'" '+ichecked+'>';
					html += '<label for="'+id+'_star_'+i+'" class="label_star" data-value="odd"></label>';
				html += '</div>';
				html += '<div class="star_radio">';
					html += '<input type="radio" name="star" id="'+id+'_star_'+j+'" class="radio_star" value="'+j+'" '+jchecked+'>';
					html += '<label for="'+id+'_star_'+j+'" class="label_star" data-value="even"></label>';
				html += '</div>';
			html += '</div>';
		}
	}
	html += '</div>';
	star = new Array(style,html);
	return star;
}

$(document).ready(function() {
    if(tid) {
        $("input[name='item_telecom']:input[value='"+tid+"']").trigger("click");
    } else {
        $('.item_telecom').eq(0).trigger("click");
    }
	$(".calc_bill").eq(0).trigger("click");
	$("input[name='pay_type']:input[value='24']").trigger("click");
	$(document).on('focus', '.hp', function() {
		$(this).mask(HPMaskBehavior, hpOptions);
	});
	$('.price').mask("#,##0", {reverse: true});
});


/* 추후 별도 js 파일로 만들 것 */
$(document).ready(function(){
	$(document).on("click mouseenter init",".label_star",function(){
        var $this = $(this),
			$wrap = $this.closest('.star_wrap'),
            $that = $this.closest('.star_div'),
            $prev = $that.prevAll(),
            $next = $that.nextAll(),
            star = $this.data('value');
		//쓰기 아니면 return
		if($wrap.hasClass('starfalse') == true) {
			return false;
		}
        $prev.removeClass('star_half star_full').addClass('star_full');
        if(star=='odd') {
            $that.removeClass('star_half star_full').addClass('star_half');
        } else {
            $that.removeClass('star_half star_full').addClass('star_full');
        }
        $next.removeClass('star_half star_full');
    });
	$(document).on("mouseleave",".star_wrap",function(){
		var $this = $(this);
        var $chk = $this.find('input:radio[name="star"]:checked');
		if($this.hasClass('starfalse') == true) {
			return false;
		}
        if($chk.length == 0) {
            $this.find('.star_div').removeClass('star_half star_full');
            return false;
        }
        $chk.next('label').trigger('init');
    });
});


function showModal() {
	$('#myModal').show(0,'swing', function() {
		//$('html').addClass('noscroll');
		$('#myModal .myModal-content').addClass('open');
		
	});
}

function alertModal(message,time=1500) {
	$('#myModal').addClass('smcenter smalert');
	$('.myModal-body').empty().append(message);
	$('#myModal').show(0,'swing', function() {
		//$('html').addClass('noscroll');
		$('#myModal .myModal-content').addClass('open');
		
	}),setTimeout(function() { 
		$('.closex').trigger('click');
	}, time);
}

function viewMessage(id,message) {
	$('#'+id).text(message);
	$('#'+id).fadeIn(200).delay(2500).fadeOut(200);
}

function card_html(template, card) {
	var html = '';
	if(template) {
		html += '<div id="modal_header">'+template+'</div>';
	}
	html += '<ul id="clist">';
		$.each(card, function(i,$i) {
			html += '<li class="clist" data-uid="'+$i.ct_id+'" data-discount="'+$i.ct_card_discount+'" data-cardname="'+$i.ct_card_name+'" data-cardcompany="'+$i.ct_card_company+'" data-cate="'+$i.ct_card_type+'">';
				html += '<div class="card_wrap">';
					html += '<div class="card_image"><img src="'+$i.image+'" title="'+$i.ct_card_name+'"></div>';
					html += '<div class="card_info">';
						html += '<div class="card_name">'+$i.ct_card_name+'</div>';
						html += '<div class="card_sale">최대 월 <b>'+number_format($i.ct_card_discount)+'원</b> 할인</div>';
					html += '</div>';
				html += '</div>';
				html += '<p class="card_explain">'+$i.ct_card_explain+'</p>';
			html += '</li>';
		});
	html += '</ul>';
	return html;
}

$(function() { //상품 상세 옵션 열기버튼
	$("body").on("click", function(e) {
		if ( $(e.target).closest(".optlayer").length === 0 && $(e.target).hasClass('opt_btn') === false  && $(e.target).hasClass('opt_fa') === false ){
			$('.optlayer').removeClass('on');
			$('.opt_btn').html('<i class="fa fa-chevron-down opt_fa"></i>');
		}
	});
});