function get_main_list(_t_name, _page, _element, _page_html, _row) {
	if (jQuery(_element).length > 0 ) {
		jQuery.ajax({
			url: '/shop/main_product_list.action.html?r=' + Math.random(),
			type: 'GET',
			dataType: 'json',
			data: {
				  action_mode: 'GET_MAIN_PRODUCT_LIST',
				  tag_name: _t_name,
				  page_id : get_page_id(),
				  page: _page
			},  
			success: function(res) {
                if (res != undefined) {
                    if (res.is_page_end == true) {
                        jQuery('.' + _page_html).hide();
                    } else {
                        _page++;
                        jQuery('.' + _page_html + ' > a').prop('href', "javascript:get_main_list('"+_t_name+"', " + _page + ", '" + _element + "', '" + _page_html + "', '" + _row + "');");
                    } 
                    jQuery(_element).append(res.html);
                }
            }
		});
	}
}

$(function() {
    get_main_list('block_special_product', 1, '.block_special_product', 'special_product_more', '1'); //½ºÆä¼È »óÇ°
    get_main_list('block_recmd_product', 1, '.block_recmd_product', 'recmd_product_more', '1');  //Ãßõ »óÇ°
    get_main_list('block_new_product', 1, '.block_new_product', 'new_product_more', '1');  //½Å±Ô»óÇ°
    get_main_list('block_add1_product', 1, '.block_add1_product', 'add1_product_more', '1');  //Ãß°¡»óÇ°1
    get_main_list('block_add2_product', 1, '.block_add2_product', 'add2_product_more', '1');  //Ãß°¡»óÇ°2
    get_main_list('block_add3_product', 1, '.block_add3_product', 'add3_product_more', '1');  //Ãß°¡»óÇ°3
    get_main_list('block_add4_product', 1, '.block_add4_product', 'add4_product_more', '1');  //Ãß°¡»óÇ°4
    get_main_list('block_add5_product', 1, '.block_add5_product', 'add5_product_more', '1');  //Ãß°¡»óÇ°5
    get_main_list('block_add6_product', 1, '.block_add6_product', 'add6_product_more', '1');  //Ãß°¡»óÇ°6
    get_main_list('block_add8_product', 1, '.block_add8_product', 'add8_product_more', '1');  //Ãß°¡»óÇ°8
    get_main_list('block_add9_product', 1, '.block_add9_product', 'add9_product_more', '1');  //Ãß°¡»óÇ°9
});


jQuery(document).ready(function(){
    var _ = jQuery;
    
    _(".product-wrap .more button").text("VIEW MORE +");
    
    // ¸ÞÀÎ ½º¿ÍÀÌÆÛ
    var mainSwiper = new Swiper(".mainSwiper", {
        pagination: {
            el: ".mainSwiper .swiper-pagination",
            clickable: true,
        },
        navigation: {
          nextEl: ".mainSwiper .swiper-button-next",
          prevEl: ".mainSwiper .swiper-button-prev",
        },       
        loop: true,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
    });
    
    // NOW! BEST tab ¿µ¿ª
    var swiper = new Swiper("#best01 .bestSwiper", {
        slidesPerGroup: 5,
        slidesPerView: 5,   
        spaceBetween: 20,
        navigation: {
            nextEl: "#best01 .swiper-button-next",
            prevEl: "#best01 .swiper-button-prev",
        },
    });
    
    _("#nowBest #best01").css('display','block');
    
    _("#nowBest .tabs button").click(function () {
        _("#nowBest .tabs button").removeClass("on");
        _(this).addClass("on");

        var bestTab = $(this).attr("data-tab");
        _("#nowBest .bestTab").css('display','none');
        _("#nowBest #" + bestTab).css('display','block');
        
        var swiper = new Swiper("#" + bestTab + " .bestSwiper", {
            slidesPerGroup: 5,
            slidesPerView: 5,   
            spaceBetween: 20,
            navigation: {
                nextEl: "#" + bestTab + " .swiper-button-next",
                prevEl: "#" + bestTab + " .swiper-button-prev",
            },            
        });

    });
    
    // LIVE SALE ¿µ¿ª
    var swiper = new Swiper(".liveSwiper", {
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
        },
        slidesPerGroup: 4,
        slidesPerView: 4,   
        spaceBetween: 35,
        navigation: {
          nextEl: "#liveSale .swiper-button-next",
          prevEl: "#liveSale .swiper-button-prev",
        },    
    });
    
    if(_(".liveSwiper .swiper-slide").length < 5) {
        _(".liveSwiper .swiper-pagination").css( "display","none" );
    }
    
    if(_(".liveSwiper .swiper-slide").length < 1) {
        _("#liveSale").css( "display","none" );
    }
    
    // MADE JOAMOM tab ¿µ¿ª
    var swiper = new Swiper("#made01 .madeSwiper", {
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
        },
        slidesPerGroup: 3,
        slidesPerView: 3,   
        spaceBetween: 16,
        navigation: {
          nextEl: "#made01 .swiper-button-next",
          prevEl: "#made01 .swiper-button-prev",
        },
    });
    
    _("#madeJoamom #made01").css('display','block');
    
    _("#madeJoamom .tabs button").click(function () {
        _("#madeJoamom .tabs button").removeClass("on");
        _(this).addClass("on");

        var madeTab = $(this).attr("data-tab");
        _("#madeJoamom .madeTab").css('display','none');
        _("#madeJoamom #" + madeTab).css('display','block');
        
        var swiper = new Swiper("#" + madeTab + " .madeSwiper", {
            loop: true,
            autoplay: {
              delay: 5000,
              disableOnInteraction: false,
            },
            slidesPerGroup: 3,
            slidesPerView: 3,   
            spaceBetween: 16,
            navigation: {
              nextEl: "#" + madeTab + " .swiper-button-next",
              prevEl: "#" + madeTab + " .swiper-button-prev",
            },
            observer: true,	// Ãß°¡
            observeParents: true,	// Ãß°¡
        });

    });
    
    // STYLE FOR YOU tab ¿µ¿ª
    var swiper = new Swiper("#foryou01 .foryouSwiper", {
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
        },
        slidesPerGroup: 4,
        slidesPerView: 4,   
        spaceBetween: 30,
        navigation: {
          nextEl: "#foryou01 .swiper-button-next",
          prevEl: "#foryou01 .swiper-button-prev",
        }, 
    });
    
    _("#forYou #foryou01").css('display','block');
    
    _("#forYou .tabs button").click(function () {
        _("#forYou .tabs button").removeClass("on");
        _(this).addClass("on");

        var foryouTab = $(this).attr("data-tab");
        _("#forYou .foryouTab").css('display','none');
        _("#forYou #" + foryouTab).css('display','block');
        
        var swiper = new Swiper("#" + foryouTab + " .foryouSwiper", {
            loop: true,
            autoplay: {
              delay: 5000,
              disableOnInteraction: false,
            },
            slidesPerGroup: 4,
            slidesPerView: 4,   
            spaceBetween: 30,
        navigation: {
          nextEl: "#" + foryouTab + " .swiper-button-next",
          prevEl: "#" + foryouTab + " .swiper-button-prev",
        }, 
            observer: true,	// Ãß°¡
            observeParents: true,	// Ãß°¡
        });

    });
    
    // CODI ITEM ¿µ¿ª
    var swiper = new Swiper(".codiSwiper", {
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
        },
        slidesPerGroup: 5,
        slidesPerView: 5,   
        spaceBetween: 20,
        pagination: {
            el: ".codiSwiper .swiper-pagination",
            type: "progressbar",
        },
    });
    
    // À̺¥Æ®¹è³Ê ½º¿ÍÀÌÆÛ
    var swiper = new Swiper(".mainEventSwiper", {
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
        },
        navigation: {
            nextEl: "#eventBanner .swiper-button-next",
            prevEl: "#eventBanner .swiper-button-prev",
        },
    });
    
});

 // LIVE SALE timer
const countDownTimer = function (id, date) {
  var _vDate = new Date(date); // Àü´Þ ¹ÞÀº ÀÏÀÚ
  var _second = 1000;
  var _minute = _second * 60;
  var _hour = _minute * 60;
  var _day = _hour * 24;
  var timer;

  function showRemaining() {
    var now = new Date(); // Àü´Þ ¹ÞÀº ÀÏÀÚ
    var distDt = _vDate - now;
    if (distDt < 0) {
      clearInterval(timer);
      document.getElementById(id).innerHTML =
        '<p class="days">' +
        '<span class="days02">0</span>' +
        '<span class="days03">D</span></p>' +
        "<span> - </span>" +
        '<p class="hours"><span class="hours01">0</span>' +
        '<span class="hours02">0</span></p>' +
        "<span> : </span>" +
        '<p class="minutes"><span class="minutes01">0</span>' +
        '<span class="minutes02">0</span></p>' +
        "<span> : </span>" +
        '<p class="seconds"><span class="seconds01">0</span>' +
        '<span class="seconds02">0</span></p>';
      return;
    }

    var days = Math.floor(distDt / _day);
    var hours = Math.floor((distDt % _day) / _hour);
    var minutes = Math.floor((distDt % _hour) / _minute);
    var seconds = Math.floor((distDt % _minute) / _second);

    let strDay = String(days);
    var firstDay = strDay.substring(0, 1);
    var secondDay = strDay.substring(1, 2);

    let strHour = String(hours);
    var firstHour = strHour.substring(0, 1);
    var secondHour = strHour.substring(1, 2);

    let strMinutes = String(minutes);
    var firstMinute = strMinutes.substring(0, 1);
    var secondMinute = strMinutes.substring(1, 2);

    let strSeconds = String(seconds);
    var firstSeconds = strSeconds.substring(0, 1);
    var secondSeconds = strSeconds.substring(1, 2);

    if (days < 10) {
      document.getElementById(id).innerHTML =
        '<p class="days">' +
        '<span class="days02">' +
        days +
        "</span><span class='days03'>D</span></p></p>" +
        "<span> - </span>";
    } else {
      document.getElementById(id).innerHTML =
        '<p class="days"><span class="days01">' +
        firstDay +
        "</span>" +
        '<span class="days02">' +
        secondDay +
        "</span><span class='days03'>D</span></p></p>" +
        "<span> - </span>";
    }

    if (hours < 10) {
      document.getElementById(id).innerHTML +=
        '<p class="hours"><span class="hours01">0</span>' +
        '<span class="hours02">' +
        hours +
        "</span></p>" +
        "<span> : </span>";
    } else {
      document.getElementById(id).innerHTML +=
        '<p class="hours"><span class="hours01">' +
        firstHour +
        "</span>" +
        '<span class="hours02">' +
        secondHour +
        "</span></p>" +
        "<span> : </span>";
    }

    if (minutes < 10) {
      document.getElementById(id).innerHTML +=
        '<p class="minutes"><span class="minutes01">0</span>' +
        '<span class="minutes02">' +
        firstMinute +
        "</span></p>" +
        "<span> : </span>";
    } else {
      document.getElementById(id).innerHTML +=
        '<p class="minutes"><span class="minutes01">' +
        firstMinute +
        "</span>" +
        '<span class="minutes02">' +
        secondMinute +
        "</span></p>" +
        "<span> : </span>";
    }

    if (seconds < 10) {
      document.getElementById(id).innerHTML +=
        '<p class="seconds"><span class="seconds01">0</span>' +
        '<span class="seconds02">' +
        seconds +
        "</span></p>";
    } else {
      document.getElementById(id).innerHTML +=
        '<p class="seconds"><span class="seconds01">' +
        firstSeconds +
        "</span>" +
        '<span class="seconds02">' +
        secondSeconds +
        "</span></p>";
    }
  }

  timer = setInterval(showRemaining, 1000);
};

var dateObj = new Date();
dateObj.setDate(dateObj.getDate() + 1);

countDownTimer("timer", "11/11/2024 10:00 AM"); //Á¾·á ÀÏÀÚ, 2024³â 6¿ù 17ÀϱîÁö, ½Ã°£À» Ç¥½ÃÇÏ·Á¸é 01:00 AM°ú °°Àº Çü½ÄÀ» »ç¿ëÇÑ´Ù.