"use strict";
var lastScroll = 0;

//check for browser os
var isMobile = false;
var isiPhoneiPad = false;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
	isMobile = true;
}

if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
	isiPhoneiPad = true;
}

$(window).on('scroll', function () {
	if ($(this).scrollTop() > 120) {
		$('#header').addClass("sticky")
	} else {
		$('#header').removeClass("sticky")
	}
});

$(document).on('click', '.inner-link', function (e) {
	e.preventDefault();
	var gnb_height = $("#header").data("height") ? $("#header").data("height") : $("#header").height();
	var _this = $(this);
	setTimeout(function () {
		var target = _this.attr("href");
		if ($(target).length > 0) {
			$('html, body').stop()
				.animate({
					'scrollTop': $(target).offset().top - gnb_height - 0
				}, 800); 
		}
	}, 0);
});

$(document).ready(function () {
	"use strict";

	$(".header-language-btn").click(function () {
		$(this).toggleClass("is-active");
		$(this).next().toggleClass("is-active");
	});
	$(".language-list li").each(function () {
		$(this).click(function () {
			$(this).addClass("is-active");
			$(".language-list li").not($(this)).removeClass("is-active");
			$(this).parent().prev().removeClass("is-active");
			$(this).parent().removeClass("is-active");
		});
	});


	$('.mobile-btn').on('click', function () {
		$(this).toggleClass('active');
		$('header').toggleClass('active');
		return false;
	});

	// $('#main-body .main-menu ul').onePageNav({
	//   currentClass: 'active',
	//   scrollSpeed: 500
	// });


	/* ===================================
		video-player
	====================================== */
	// var video = document.querySelectorAll(".video");
	// var playButton = document.querySelectorAll(".playButton");

	var playButton = $(".playButton");

	playButton.click(function () {
		var video = $(this).parent().find("video")[0];

		if (video.paused) {
			video.play();
			$(this).hide();
		} else {
			video.pause();
			$(this).show();
		}
	});

	$('.video-container video').on('ended', function () {
		$(this).siblings(".playButton").show();
	});

	$('.video-container video').click(function () {
		var video = $(this)[0];

		if (!video.paused) {
			video.pause();
			$(this).siblings(".playButton").show();
		}
	});


	/* ===================================
		swiper slider
	====================================== */
	var normal = new Swiper('.normal-slider', {
		allowTouchMove: true,
		slidesPerView: 1,
		loop: true,
		paginationClickable: true,
		preventClicks: true,
		autoplay: {
			delay: 3000,
			disableOnInteraction: true
		},

		on: {
			resize: function () {
				normal.update();
			}
		}
	});

	var fadeSlider = new Swiper('.fadeSlider-slider', {
		effect: "fade",
		fadeEffect: {
			crossFade: true
		},
		slidesPerView: 1,
		loop: true,
		loopAdditionalSlides: 1,
		watchOverflow: true,
		allowTouchMove: false,
		autoplay: {
			delay: 5000,
			disableOnInteraction: false,
		},

		on: {
			resize: function () {
				fadeSlider.update();
			}
		}
	});



	/*==============================================================
		lightbox gallery
	==============================================================*/
	/* for group gallery */
	var lightboxgallerygroups = {};
	$('.lightbox-group').each(function () {
		var id = $(this).attr('data-group');
		if (!lightboxgallerygroups[id]) {
			lightboxgallerygroups[id] = [];
		}
		lightboxgallerygroups[id].push(this);
	});
	$.each(lightboxgallerygroups, function () {
		$(this).magnificPopup({
			type: 'image',
			mainClass: 'mfp-fade',
			fixedContentPos: true,
			closeOnContentClick: true,
			closeBtnInside: false,
			gallery: {
				enabled: true
			}
		});
	});

	/* video magnific popup */
	$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
		disableOn: 200,
		type: 'iframe',
		mainClass: 'mfp-fade',
		removalDelay: 160,
		preloader: false,
		fixedContentPos: true,
		closeBtnInside: false
	});


	$('.space-grid').imagesLoaded(function () {
		var initial_items = 8;
		var next_items = 8;
		var $grid = $('.space-grid').isotope({
			itemSelector: '.element-item',
			layoutMode: 'masonry',
			stamp: '.element-item--static'
		});

		// bind filter button click
		$('.button-group-home').on('click', 'button', function () {
			var filterValue = $(this).attr('data-filter');
			// use filterFn if matches value
			$grid.isotope({
				filter: filterValue
			});
			updateFilterCounts();
		});

		function updateFilterCounts() {
			// get filtered item elements
			var itemElems = $grid.isotope('getFilteredItemElements');
			var count_items = $(itemElems).length;

			if (count_items > initial_items) {
				$('#showMore').show();
			} else {
				$('#showMore').hide();
			}
			if ($('.element-item').hasClass('visible_item')) {
				$('.element-item').removeClass('visible_item');
			}
			var index = 0;

			$(itemElems).each(function () {
				if (index >= initial_items) {
					$(this).addClass('visible_item');
				}
				index++;
			});
			$grid.isotope('layout');
		}

		// change is-checked class on buttons
		$('.button-group-home').each(function (i, buttonGroup) {
			var $buttonGroup = $(buttonGroup);
			$buttonGroup.on('click', 'button', function () {
				$buttonGroup.find('.is-checked').removeClass('is-checked');
				$(this).addClass('is-checked');
			});
		});

		function showNextItems(pagination) {
			var itemsMax = $('.visible_item').length;
			var itemsCount = 0;
			$('.visible_item').each(function () {
				if (itemsCount < pagination) {
					$(this).removeClass('visible_item');
					itemsCount++;
				}
			});
			if (itemsCount >= itemsMax) {
				$('#showMore').hide();
			}
			$grid.isotope('layout');
		}
		// function that hides items when page is loaded
		function hideItems(pagination) {
			var itemsMax = $('.element-item').length;
			var itemsCount = 0;
			$('.element-item').each(function () {
				if (itemsCount >= pagination) {
					$(this).addClass('visible_item');
				}
				itemsCount++;
			});
			if (itemsCount < itemsMax || initial_items >= itemsMax) {
				$('#showMore').hide();
			}
			$grid.isotope('layout');
		}
		$('#showMore').on('click', function (e) {
			e.preventDefault();
			showNextItems(next_items);
		});
		hideItems(initial_items);
	});


	// fitty('.text-fitty > h2', {
	// });

});



/*==============================================================
	board
==============================================================*/
$(document).ready(function () {
	var getUrlParameter = function getUrlParameter(sParam) {
		var sPageURL = decodeURIComponent(window.location.search.substring(1)),
			sURLVariables = sPageURL.split('&'),
			sParameterName,
			i;
		for (i = 0; i < sURLVariables.length; i++) {
			sParameterName = sURLVariables[i].split('=');
			if (sParameterName[0] === sParam) {
				return sParameterName[1] === undefined ? true : sParameterName[1];
			}
		}
	};

	if ($('.cate-list .board-category').length) {
		if ($('.cate-list .board-category').find('select').length) {
			var $ca_link = [];
			var $ca_name = [];
			var $ca_current = getUrlParameter('com_board_category_code');
			var $html = '<ul>';

			$('.cate-list .board-category select option').each(function (i) {
				$ca_name[i] = $(this).text();
				$ca_link[i] = $(location).attr('pathname') + '?com_board_category_code=' + $(this).val();

				$html += '<li><a href="' + $ca_link[i] + '">#' + $ca_name[i] + '</a></li>';

			});

			$html += '</ul>';
			$('.cate-list .board-category').html($html);
			$('.cate-list .board-category ul li').each(function () {
				if ($(this).find('a').attr('href').indexOf($ca_current) > -1 && $ca_current != '') $(this).addClass('active');
			});

			if (!$('.cate-list .board-category .active').length) $('.cate-list .board-category ul li:first-child').addClass('active');
		}
	}
	
$(document).ready(function () {
	$('.eng-body .board-category > ul > li:first-of-type a').text('#Total');
	$('.jpn-body .board-category > ul > li:first-of-type a').text('#ª¹ªÙªÆ');
	$('.chn-body .board-category > ul > li:first-of-type a').text('#îïÝ»');
	
	
});


	var otherPageURL = $("#recruit-board-frame").attr('src');
	$.ajax({
		url: otherPageURL,
		contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
		beforeSend: function (x) {
			x.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
		},
		success: function (data) {
			var board_cate = $(data).find('.board-category').html();

			$('.recruit-board-cate').html(board_cate);

			if ($('.recruit-board-cate').find('select').length) {
				var $ca_link = [];
				var $ca_name = [];
				// var $ca_current = getUrlParameter('com_board_category_code');
				var $html_cate = '<ul>';

				$('.recruit-board-cate select option').each(function (i) {
					$ca_name[i] = $(this).text();
					$ca_link[i] = $(location).attr('pathname') + 'recruit.php?com_board_category_code=' + $(this).val();
					
					let firstText = $ca_name[i];
					
					if (i === 0) {
						if ($('.recruit-board-cate').hasClass('eng')) {
							firstText = 'Total';
						} else if ($('.recruit-board-cate').hasClass('jpn')) {
							firstText = 'ª¹ªÙªÆ';
						} else if ($('.recruit-board-cate').hasClass('chn')) {
							firstText = 'îïÝ»';
						}
					}
					
					$html_cate += '<li><a data-cate="' + $ca_link[i] + '" href="javascript:;">#' + firstText + '</a></li>';
				});
				

				$html_cate += '</ul>';

				$('.recruit-board-cate').html($html_cate);
				$('.recruit-board-cate > ul > li:first-child').addClass('active');
			}
		},
	});

	$.ajax({
		url: otherPageURL,
		contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
		beforeSend: function (x) {
			x.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
		},
		success: function (data) {
			var board_content = $(data).find('.board-contents').prop('outerHTML');
			$('.recruit-board-content').html(board_content);
		},
	});

	$(document).on('click', '.recruit-board-cate a', function (e) {
		e.preventDefault();

		var targetPage = $(this).data('cate');

		$.ajax({
			url: targetPage,
			contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
			beforeSend: function (x) {
				x.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
			},
			success: function (data) {
				var newBoardContent = $(data).find('.board-contents').prop('outerHTML');

				$('.recruit-board-content').html(newBoardContent);
			},
		});

		$(this).parent('li').addClass('active').siblings().removeClass('active');
	});

	$(".board-table img").each(function () {
		var src = $(this).attr('src');

		if (src.indexOf('arr_page_pre') > -1) {
			$(this).parent('a').addClass('board-arrow board-page-pre').append("<i class='fa fa-angle-double-left'></i>");
			$(this).remove();
		}

		if (src.indexOf('arr_page_back.gif') > -1) {
			$(this).parent('a').addClass('board-arrow board-page-back').append("<i class='fa fa-angle-left'></i>");
			$(this).remove();
		}

		if (src.indexOf('arr_page_go.gif') > -1) {
			$(this).parent('a').addClass('board-arrow board-page-go').append("<i class='fa fa-angle-right'></i>");
			$(this).remove();
		}

		if (src.indexOf('arr_page_next.gif') > -1) {
			$(this).parent('a').addClass('board-arrow board-page-next').append("<i class='fa fa-angle-double-right'></i>");
			$(this).remove();
		}

	});


	$('td.board_admin_bgcolor').closest('table').addClass('admin-button');
});


$('.board-gallery .board-contents').replaceWith(function () {
	return $('<div>').append($(this).contents());
});


$(document).ready(function () {
	if ($('.board-gallery').find('.bbsnewf5').length) {
		$('table.board-contents').replaceWith(function () {
			return $('<div class="board-contents">').append($(this).contents());
		});

		var $html;
		if ($(('.board-gallery')).hasClass('masonry-board')) {
			$html = '<div class="masonry-list">';
		} else {
			$html = '<div class="row">';
		}

		$('.board-gallery .bbsnewf5').each(function () {
			var $galleryBoard = $(this).closest('.board-gallery');

			var $galleryItem = $(this).closest('tr');
			var $checkbox = $galleryItem.find('input[type="checkbox"][name="delete_check_notice[]"]');
			var $imageLink = $galleryItem.find('a');
			var $imageUrl = $imageLink.find('img').attr('src');
			var $galleryTitle = $galleryItem.find('.gallery_subject > a');
			var $galleryEtc = $galleryItem.find('.gallery_etc');

			var galleryItemTag = $galleryBoard.hasClass('masonry-board') ? '<div class="gallery-item">' : '<div>';

			if ($galleryBoard.hasClass('ect-hidden')) {
				$galleryEtc.find("font").each(function () {
					var text = $(this).text().trim();
					var startIndex = text.indexOf(':') + 1;
					var newText = text.substring(startIndex).trim();
					$(this).replaceWith("<div>" + newText + "</div>");
				});
			} else {
				$galleryEtc.html(function (_, html) {
					return html.replace(/<font(.*?)>/g, '<div$1>').replace(/<\/font>/g, '</div>').replace(/style="(.*?)"/g, '');
				});
			}

			$html += `
        ${galleryItemTag}
          ${$checkbox.length ? '<div class="board-delete-check">' + $checkbox.prop('outerHTML') + '</div>' : ''}
          <figure>
            <div class="gallery-img">
              <a href="${$imageLink.attr('href')}">
                <img src="${$imageUrl}" alt="">
              </a>
            </div>
            
            <figcaption>
              <a href="${$imageLink.attr('href')}">
                <div>
                  ${$galleryTitle.length ? '<h5 class="gallery-title">' + $$galleryTitle.html() + '</h5>' : ''}
                  ${$galleryEtc.length ? '<div class="gallery-ect">' + $galleryEtc.html() + '</div>' : ''}
                </div>
              </a>
            </figcaption>
          </figure>
        </div>
      `;
		});

		$html += '</div>';

		$('.board-gallery .board-contents').empty().prepend($html);
	}

});


$(document).ready(function () {
	$('.main-masonry-gallery > table').each(function () {
		var $table = $(this);

		var $imageRow = $table.find('tr:first');
		var $imageCell = $imageRow.find('.board_output_gallery_img');
		var $imageLink = $imageCell.find('a');
		var imageUrl = $imageLink.find('img').attr('src');

		var $textRow = $table.find('tr:not(:first)');
		var $textContent = $textRow.find('.board_output_gallery_etc').text();

		var $div = $('<div class="gallery-item"></div>');
		$div.append(`
        <figure>
            <div class="gallery-img">
                <a href="${$imageLink.attr('href')}">
                    <img src="${imageUrl}" alt="">
                </a>
            </div>
            <figcaption>
                <a href="${$imageLink.attr('href')}">
                    <div class="gallery-etc">${$textContent}</div>
                </a>
            </figcaption>
        </figure>
    `);

		$table.replaceWith($div);
	});


	$(window).on('load', function () {
		$('.main-masonry-gallery').isotope({
			itemSelector: '.gallery-item',
			layoutMode: 'masonry'
		});
	});

	$(window).on('load', function () {
		$('.masonry-list').isotope({
			itemSelector: '.gallery-item',
			layoutMode: 'masonry'
		});
	});
});


/* ---------- js ---------- */
jQuery(function ($) {
	$(function () {
		$(".formmail_title_bgcolor").each(function () {
			var placeholder_text = $(this).find("font").text();
			$(this).parent("tr").find(".formmail_cell_bgcolor input:first-of-type").attr("placeholder", placeholder_text);
			$(this).parent("tr").find(".formmail_cell_bgcolor textarea:first-of-type").attr("placeholder", placeholder_text);
		});

		$("table.base_formmail > tbody > tr > td input[name=com_formmail_check_safe]").each(function () {
			$(this).parent().parent().parent().parent().parent().parent().addClass("check_safe");
		});

		$("table.base_formmail > tbody > tr > td .formmail_textarea_style").each(function () {
			$(this).closest("tr").addClass("textarea_Message");
		});

		$("table.base_formmail > tbody > tr > td input[name=captcha_code]").each(function () {
			$(this).parent("td").parent("tr").addClass("captcha_code");
		});

		// ????
		$(".eng-body table.base_formmail > tbody > tr > td input[name=com_formmail_check_safe]").each(function () {
			$(this).closest('tr').find("td:first-of-type").text("Personal Information Collection and Usage Purpose");
			$(this).closest('tr').find("td:last-of-type").contents().filter(function () {
				return this.nodeType === 3;
			}).each(function () {
				this.nodeValue = "I agree to the purpose of collection and use of my personal information"; 
			});
			$(this).closest('table').find("textarea").val(
				`Personal Information Collection and Usage Purpose\n- To verify your identity, confirm your intention to join, and provide age-restricted services.\n- To deliver notifications, handle complaints, and ensure accurate delivery information.\n- To inform you of new services and provide personalized services.\n- To offer smooth and high-quality services.\n\nList of Personal Information Collected\n- Name, email, resident registration number, address, contact details, mobile number, and other optional items.\n\nRetention and Use Period\n- Personal information is destroyed promptly once the purpose of collection or provision is achieved.\n- Exceptionally, information may be retained for 3 months after consultation for smooth service, or longer if required by laws such as the Consumer Protection Act in E-commerce.`
			);
		});

		
		$(".jpn-body table.base_formmail > tbody > tr > td input[name=com_formmail_check_safe]").each(function () {
			$(this).closest('tr').find("td:first-of-type").text("Personal Information Collection and Usage Purpose");
			$(this).closest('tr').find("td:last-of-type").contents().filter(function () {
				return this.nodeType === 3;
			}).each(function () {
				this.nodeValue = "I agree to the purpose of collection and use of my personal information"; 
			});
			$(this).closest('table').find("textarea").val(
				`Personal Information Collection and Usage Purpose\n- To verify your identity, confirm your intention to join, and provide age-restricted services.\n- To deliver notifications, handle complaints, and ensure accurate delivery information.\n- To inform you of new services and provide personalized services.\n- To offer smooth and high-quality services.\n\nList of Personal Information Collected\n- Name, email, resident registration number, address, contact details, mobile number, and other optional items.\n\nRetention and Use Period\n- Personal information is destroyed promptly once the purpose of collection or provision is achieved.\n- Exceptionally, information may be retained for 3 months after consultation for smooth service, or longer if required by laws such as the Consumer Protection Act in E-commerce.`
			);
		});


		$(".chn-body table.base_formmail > tbody > tr > td input[name=com_formmail_check_safe]").each(function () {
			$(this).closest('tr').find("td:first-of-type").text("Personal Information Collection and Usage Purpose");
			$(this).closest('tr').find("td:last-of-type").contents().filter(function () {
				return this.nodeType === 3;
			}).each(function () {
				this.nodeValue = "I agree to the purpose of collection and use of my personal information"; 
			});
			$(this).closest('table').find("textarea").val(
				`Personal Information Collection and Usage Purpose\n- To verify your identity, confirm your intention to join, and provide age-restricted services.\n- To deliver notifications, handle complaints, and ensure accurate delivery information.\n- To inform you of new services and provide personalized services.\n- To offer smooth and high-quality services.\n\nList of Personal Information Collected\n- Name, email, resident registration number, address, contact details, mobile number, and other optional items.\n\nRetention and Use Period\n- Personal information is destroyed promptly once the purpose of collection or provision is achieved.\n- Exceptionally, information may be retained for 3 months after consultation for smooth service, or longer if required by laws such as the Consumer Protection Act in E-commerce.`
			);
		});
		
		
		

	});
});