jQuery(function($){
	$(document).ready(function() {


		$('.tooltip').tooltipster({
			theme: 'tooltipster-default',
			animation: 'fade'
		});


		$(window).scroll(function(){
			var headerH = 0;
			if ($(window).scrollTop() > headerH)
			{
				$('#header').addClass('header-fixed');
			} else {
				$('#header').removeClass('header-fixed');
			}
		});

		$('#nav > ul > li.current').addClass('active');
		$('#nav > ul > li > a').mouseover(function(){
			$('#nav > ul > li').removeClass('active');
			$(this).parent().addClass('active');
		});
		$('#nav').mouseleave(function(){
			$('#nav > ul > li').removeClass('active');
			$('#nav > ul > li.current').addClass('active');
		});

		$('.btn-sidebar, #btn-sidebar').click(function(){
			if ($('body').hasClass('sidebar-opened'))
			{
				$('body').removeClass('sidebar-opened');
			} else {
				$('body').addClass('sidebar-opened');
			}
			return false;
		});

		$('.sidebar-backdrop').click(function(){
			$('body').removeClass('sidebar-opened');
			return false;
		});


		$(".menu button").on("click", function() {
			$("html, body").animate({scrollTop:0}, '1000');
			return false;
		});


		
		var owls = $("#Stylist, #mainBranch");
		function updateOwlOptions(owl) {
			var itemCount = owl.find(".owl-item").length; // 현재 슬라이드 개수
			var requiredItems = 3; // 767px 이상에서 필요한 최소 아이템 개수
			var windowWidth = $(window).width();

			// 현재 창 너비가 767px 이상이고, 아이템 개수가 3개 미만이면 설정 변경
			if (windowWidth >= 768 && itemCount < requiredItems) {
				owl.trigger("destroy.owl.carousel"); // 기존 캐러셀 삭제
				owl.owlCarousel({
					center: false,
					loop: false,
					autoplay:false,
					items: itemCount, // 현재 가능한 개수만큼 설정
					nav: true,
					navText: [
						"<i class='fa-solid fa-circle-chevron-left'></i>",
						"<i class='fa-solid fa-circle-chevron-right'></i>"
					],
					dots: false,
					responsiveRefreshRate: 0,
					responsiveClass: true,
					responsive: {
						0: {
							items: 1,
							margin: 0
						},
						767: {
							items: 3,
							margin: 20
						},
						991: {
							items: 3,
							margin: 30
						},
						1280: {
							items: 3,
							margin: 50
						},
						1600: {
							items: 3,
							margin: 60
						}
					}
				});
			} else {
				owl.owlCarousel({
					items: 1,
					margin: 0,
					center: true,
					loop: true,
					autoplay:true,
					autoplayTimeout: 4000,
					autoplayHoverPause: true,
					nav: true,
					navText: [
						"<i class='fa-solid fa-circle-chevron-left'></i>",
						"<i class='fa-solid fa-circle-chevron-right'></i>"
					],
					dots: false,
					margin: 50,
					smartSpeed: 2000,
					responsiveRefreshRate: 0,
					responsiveClass: true,
					responsive: {
						0: {
							items: 1,
							margin: 0
						},
						767: {
							items: 3,
							margin: 20
						},
						991: {
							items: 3,
							margin: 30
						},
						1280: {
							items: 3,
							margin: 50
						},
						1600: {
							items: 3,
							margin: 60
						}
					}
				});
			}
		}

		owls.on('mousewheel', '.owl-stage', function (e) {
			if (e.deltaY>0) {
				owls.trigger('prev.owl');
			} else {
				owls.trigger('next.owl');
			}
			e.preventDefault();
		});

		// 모든 캐러셀에 대해 초기 실행
		owls.each(function () {
			updateOwlOptions($(this));
		});

		// 화면 크기 변경 시 업데이트
		$(window).on("resize", function () {
			owls.each(function () {
				updateOwlOptions($(this));
			});
		});


/*
		$('#Stylist, #mainBranch').owlCarousel({
			center: true,
			loop: true,
			//autoplay:true,
			autoplayTimeout:3000,
			autoplayHoverPause:true,
			nav:true,
			navText: ["<i class='fa-solid fa-circle-chevron-left'></i>","<i class='fa-solid fa-circle-chevron-right'></i>"],
			dots: false,
			margin: 50,
			smartSpeed:600,
			responsiveRefreshRate:0,
			responsiveClass:true,
			responsive:{
				0:{
					items: 1,
					checkVisible:false, // 사용 안함
					margin: 50
				},
				767:{
					items: 3,
					margin: 20
				},
				991:{
					items: 3,
					margin: 30
				},
				1280:{
					items: 3,
					margin: 50
				},
				1600:{
					items: 3,
					margin: 60
				}
			}
		});
*/

		var owle = $('#Service');
		owle.owlCarousel({
			center: true,
			loop: true,
			autoplay:true,
			autoplayTimeout:4000,
			autoplayHoverPause:true,
			nav:false,
			dots: true,
			margin: 50,
			smartSpeed:600,
			responsiveRefreshRate:0,
			responsiveClass:true,
			responsive:{
				0:{
					items: 1,
					margin: 0
				},
				767:{
					items: 3,
					margin: 20
				},
				991:{
					items: 3,
					margin: 30
				},
				1280:{
					items: 3,
					margin: 50
				},
				1600:{
					items: 4,
					margin: 60
				}
			}
		});
		owle.on('mousewheel', '.owl-stage', function (e) {
			if (e.deltaY>0) {
				owle.trigger('prev.owl');
			} else {
				owle.trigger('next.owl');
			}
			e.preventDefault();
		});


/*
		var owle = $("#Service");

		function updateOwlOptions(owl) {
			var itemCount = owl.find("#Service .owl-item").length; // 현재 슬라이드 개수 
			var windowWidth = $(window).width();
			if (windowWidth >= 1600) {
				var requiredItems = 4; // 767px 이상에서 필요한 최소 아이템 개수
			} else if (windowWidth >= 768) {
				var requiredItems = 3; // 767px 이상에서 필요한 최소 아이템 개수
			}

			// 현재 창 너비가 767px 이상이고, 아이템 개수가 3개 미만이면 설정 변경
			if (windowWidth >= 768 && itemCount < requiredItems) {
				owl.trigger("destroy.owl.carousel"); // 기존 캐러셀 삭제
				owl.owlCarousel({
					center: false,
					loop: false,
					items: itemCount, // 현재 가능한 개수만큼 설정
					margin: 20,
					nav: false,
					dots: false,
					smartSpeed: 3000,
					responsiveRefreshRate: 0,
					responsiveClass: true,
					responsive: {
						0:{
							//items: 1,
							margin: 0
						},
						767:{
							//items: 3,
							margin: 20
						},
						991:{
							//items: 3,
							margin: 30
						},
						1280:{
							//items: 3,
							margin: 50
						},
						1600:{
							//items: 4,
							margin: 60
						}
					}
				});
			} else {
				owl.owlCarousel({
					center: true,
					loop: true,
					autoplay:true,
					autoplayTimeout: 4000,
					autoplayHoverPause: true,
					nav: false,
					dots: true,
					margin: 50,
					smartSpeed: 600,
					responsiveRefreshRate: 0,
					responsiveClass: true,
					responsive: {
						0:{
							items: 1,
							margin: 0
						},
						767:{
							items: 3,
							margin: 20
						},
						991:{
							items: 3,
							margin: 30
						},
						1280:{
							items: 3,
							margin: 50
						},
						1600:{
							items: 4,
							margin: 60
						}
					}
				});
			}
		}

		owle.on('mousewheel', '.owl-stage', function (e) {
			if (e.deltaY>0) {
				owle.trigger('prev.owl');
			} else {
				owle.trigger('next.owl');
			}
			e.preventDefault();
		});

		// 모든 캐러셀에 대해 초기 실행
		owle.each(function () {
			updateOwlOptions($(this));
		});

		// 화면 크기 변경 시 업데이트
		$(window).on("resize", function () {
			owle.each(function () {
				updateOwlOptions($(this));
			});
		});
*/
		/*
		$('#Service').owlCarousel({
			center: true,
			loop: true,
			autoplay:true,
			autoplayTimeout:3000,
			autoplayHoverPause:true,
			nav:true,
			dots: true,
			margin: 50,
			smartSpeed:600,
			responsiveRefreshRate:0,
			responsiveClass:true,
			responsive:{
				0:{
					items: 1,
					margin: 0
				},
				767:{
					items: 3,
					margin: 20
				},
				991:{
					items: 3,
					margin: 30
				},
				1280:{
					items: 3,
					margin: 50
				},
				1600:{
					items: 4,
					margin: 60
				}
			}
		});
		*/

		
		$('#Interior').owlCarousel({
			center: true,
			loop: true,
			autoplay:true,
			autoplayTimeout:4000,
			autoplayHoverPause:false,
			nav:true,
			navText: ["<i class='fa-solid fa-circle-chevron-left'></i>","<i class='fa-solid fa-circle-chevron-right'></i>"],
			dots: false,
			margin: 0,
			smartSpeed:600,
			responsiveRefreshRate:0,
			responsiveClass:true,
			responsive:{
				0:{
					margin: 0,
					items: 1
				},
				768:{
					margin: 10,
					items: 2
				},
				1024:{
					margin: 20,
					items: 2
				}
			}
		});
		/*

		// Initial state: Activate the first tab and its content
		$('.contents-tab-nav li:first-child a').addClass('active');
		$('.stylist div:first-child.tabcontent').addClass('active');

		// Handle tab click events
		$('.contents-tab-nav li a').click(function (e) {
			e.preventDefault(); // Prevent default link behavior

			var activeTab = $(this).attr('data-tab'); // Get the target tab ID

			// Remove 'active' class from all links and add it to the clicked one
			$('.contents-tab-nav li a').removeClass('active');
			$(this).addClass('active');

			// Hide all tab contents and show the selected one
			$('.tabcontent').removeClass('active');
			$('#' + activeTab).addClass('active');
		});
*/

		$('.stylist .contents-tab-nav li:first-child a').addClass('active');
		$('.stylist #tab1.tabcontent').addClass('active');
		$('.contents-tab-nav li a').click(function(){
			var activeTab = $(this).attr('data-tab');
			//$('.contents-tab-nav li:first-child a').removeClass('active');
			$('.contents-tab-nav li a').removeClass('active');
			$(this).addClass('active');

			$('.tabcontent').removeClass('active');
			$('#' + activeTab).addClass('active');
		});

/*
		 $('.contents-tab-nav li:first-child a').addClass('active'); // 첫 번째 탭 활성화
    $('.stylist div:first-child.tabcontent').addClass('active'); // 첫 번째 탭 콘텐츠 활성화

    // 탭 클릭 이벤트 처리
    $('.contents-tab-nav li a').click(function (e) {
        e.preventDefault(); // 기본 동작 방지 (a 태그의 링크 이동 방지)

        var activeTab = $(this).attr('data-tab'); // data-tab 속성 값 가져오기

        // 모든 탭에서 'active' 클래스 제거 후 클릭한 탭에 추가
        $('.contents-tab-nav li a').removeClass('active');
        $(this).addClass('active');

        // 모든 탭 콘텐츠에서 'active' 클래스 제거 후 선택한 콘텐츠에 추가
        $('.tabcontent').removeClass('active');
        $('#' + activeTab).addClass('active');
    });


*/
	});

});



//숫자를 한글로 표현
function trans_han(sour, targ) {
	s = document.getElementsByName(sour)[0].value;
	t = document.getElementById(targ);
	if(s.length > 16){
		t.innerHTML = '숫자가 너무 큽니다';
		return;
	} else if(isNaN(s)){
		t.innerHTML = '숫자가 아닙니다';
		return;
	}
	b1 = ' 일이삼사오육칠팔구';
	b2 = '천백십조천백십억천백십만천백십원';
	tmp = '';
	cnt = 0;
	while(s != ''){
		cnt++;
		tmp1 = b1.substring(s.substring(s.length-1,s.length), Number(s.substring(s.length-1,s.length))+1); // 숫자
		tmp2 = b2.substring(b2.length-1,b2.length); // 단위
		if(tmp1==' '){ // 숫자가 0일때
			if(cnt%4 == 1){ // 4자리로 끊어 조,억,만,원 단위일때만 붙여줌
				tmp = tmp2 + tmp;
			}
		} else{
			if(tmp1 == '일' && cnt%4 != 1){ // 단위가 조,억,만,원일때만 숫자가 일을 붙여주고 나머지는 생략 ex) 삼백일십만=> 삼백십만
				tmp = tmp2 + tmp;
			} else{
				tmp = tmp1 + tmp2 + tmp; // 그외에는 단위와 숫자 모두 붙여줌
			}
		}
		b2 = b2.substring(0, b2.length-1);
		s = s.substring(0, s.length-1);
	}
	tmp = tmp.replace('억만','억').replace('조억','조'); // 조,억,만,원 단위는 모두 붙였기 때문에 필요없는 단위 제거
	t.innerHTML = tmp;
}

function inputNumberOnly(el) {
	el.value = el.value.replace(/[^0-9]/g, '');
}