$(document).ready(function(){ // html 문서가 준비되었을 때 실행
	"use strict";

	// gnb
	$(document).on("click","#gnb .gnb-depth1 > li > .btn", function(e){
		e.preventDefault();
		if ( $(this).hasClass('active') ){
			$('#gnb .gnb-depth1 > li > .btn').removeClass('active').next().removeClass('active');
		} else {
			$('#gnb .gnb-depth1 > li > .btn').removeClass('active').next().removeClass('active');
			$(this).addClass('active').next('.gnb-depth2').addClass('active');
		}
	});

	// type-select
	$(document).on("click",".btns-style-01 .btn", function(e){
		e.preventDefault();
		$(this).attr('title','현재 선택된 챔피언').parent('li').addClass('active').siblings('li').removeClass('active').find('.btn').removeAttr('title');
		if ( $(this).hasClass('btn-all') ){ // 220929 추가 - all 버튼
			$('.btns-style-01 li:eq(0)').css('z-index','1');
		} else {
			$('.btns-style-01 li:eq(0)').removeAttr('style');
		}
	});
	$(document).on("click",".btns-style-02 .btn", function(e){
		e.preventDefault();
		$(this).addClass('active').attr('title','현재 선택된 티어').siblings('.btn').removeClass('active').removeAttr('title');
	});
	$(document).on("click",".btns-style-03 .btn", function(e){
		e.preventDefault();
		$(this).addClass('active').attr('title','현재 선택된 서버').siblings('.btn').removeClass('active').removeAttr('title');
	});
	$(document).on("click",".btns-style-04 .btn", function(e){// 221021 수정 / 선택된 챔피언 외 모두 선택 해제
		e.preventDefault();
		$('.btns-style-04 .btn').removeClass('active').removeAttr('title');
		$(this).attr('title','현재 선택된 챔피언').addClass('active');
	});
	$(document).on("click",".ta-types .btn", function(e){
		e.preventDefault();
		$(this).attr('title','현재 선택된 타입').addClass('active').parent('div').siblings('div').find('.btn').removeAttr('title').removeClass('active');
	});

	// search-1st next
	$(document).on("click",".search-user .btn-next",function(e){
		e.preventDefault();
		$(this).parents('.search-user').hide().next().show();
	});
	// search-2nd prev
	$(document).on("click",".search-user .btn-prev",function(e){
		e.preventDefault();
		$(this).parents('.search-user').hide().prev().show();
	});

	// file-search
	$(document).on('change','.file-search input[type=file]',function(){
		var fileName = $(this).val();
		$(this).siblings('.file-name').val(fileName);
	});

	// in-game open event
	$(document).on('click','.btn-open-event',function(e){
		e.preventDefault();
		var targetEvent = $(this).attr('href');
		$(this).addClass('active').attr('title','선택된 이벤트').parent().siblings().find('.btn-open-event').removeClass('active').removeAttr('title');
		$(targetEvent).show().siblings('.ingame-event').hide();
	});

	// in-game select event // 221102 수정 - 여러타입 선택 가능
	$(document).on("click",'.btn-select-event',function(e){
		e.preventDefault();
		var targetEvent = $(this).attr('href');
		if ( $(this).hasClass('active') ){
			$('.btn-select-event').each(function(){
				if ( $(this).attr('href') == targetEvent ){
					$(this).removeClass('active').removeAttr('title');
				}
			});
		} else {
			$('.btn-select-event').each(function(){
				if ( $(this).attr('href') == targetEvent ){
					$(this).addClass('active').attr('title','선택된 이벤트');
				}
			});
		}
		
		// 이벤트를 선택하면 영상 타임라인의 해당 도트에 active 처리한다.
		const sel = $('div.grid-style-02 > div.item.item-1.ingame-extract > div > div > ul > li');
	
		// remove all active
		$(sel).find(' > a.btn.btn-select-event').each(function(index) {
			const keyId = $(this).attr('key-id');
			$('#'+keyId).removeClass('active');
		});
	
		// selected add active
		$(sel).find(' > a.btn.btn-select-event.active').each(function(index) {
			const keyId = $(this).attr('key-id');
			$('#'+keyId).addClass('active');
		});
		
		// remove all active
		$(sel).find(' > a.btn.btn-select-event.teamfight').each(function(index) {
			const keyId = $(this).attr('key-id');
			$('#'+keyId).removeClass('active');
		});

		// selected add active
		$(sel).find(' > a.btn.btn-select-event.teamfight.active').each(function(index) {
			const keyId = $(this).attr('key-id');
			$('#'+keyId).addClass('active');
		});
		
	});

	// player
	$('.video-wrap .btns-player .btn').click(function(e){
		e.preventDefault();
		var video = $(this).parents('.video-wrap').find('video').get(0);
		var videoP = $(this).parents('.video-wrap').find('video');
		var getTime = video.currentTime;
		if ( $(this).hasClass('btn-play') ){ // 재생
			video.play();
			videoP.addClass('play');
			$(this).hide().parent().next().find('.btn').css('display','block').focus();
// 			setTimeout(function() {
// 				$('.control-video').addClass('hide');
// 			}, 3000);
		} else if ( $(this).hasClass('btn-pause') ){ // 일시정지
			video.pause();
			videoP.removeClass('play');
			$(this).hide().parent().prev().find('.btn').css('display','block').focus();
			$('.control-video').removeClass('hide');
		} else if ( $(this).hasClass('btn-volume') ){ // 볼륨 음소거
			if ( $(this).hasClass('mute') ){
				video.muted = false;
			} else {
				video.muted = true;
			}
			$(this).toggleClass('mute');
			$(this).next().toggleClass('mute');
		} else if ( $(this).hasClass('btn-full') ){ // 전체화면
			if (video.requestFullscreen) {
				video.requestFullscreen();
			} else if (video.webkitRequestFullscreen) { /* Safari */
				video.webkitRequestFullscreen();
			} else if (video.msRequestFullscreen) { /* IE11 */
				video.msRequestFullscreen();
			}
		}
	});
	$('.video-wrap .video').click(function(){ // 동영상 클릭 시
		var video = $(this).get(0);
		if ( $(this).hasClass('play') ){
			video.pause();
			$(this).siblings().find('.btn-pause').css('display','none');
			$(this).siblings().find('.btn-play').css('display','block');
		} else {
			video.play();
			$(this).siblings().find('.btn-pause').css('display','block');
			$(this).siblings().find('.btn-play').css('display','none');
		}
		$(this).toggleClass('play');
	});

	// popup
	$(document).on("click",'.btn-open-popup',function(){
		var target = $(this).attr('href');
		$(target).fadeIn('fast');
	});
	$(document).on("click",'.btn-close-popup',function(){
		$(this).parents('.popup-wrap').fadeOut('fast');
	});

	// play canvas
	$(document).on('click','.play-canvas .btns-player .btn',function(){
		if ( $(this).hasClass('btn-play') ){
			$(this).hide().next('.btn-pause').css('display','inline-block').focus();
		} else if ( $(this).hasClass('btn-pause') ){
			$(this).hide().prev('.btn-play').css('display','inline-block').focus();
		}
	});

	// table floatthead
	if ( $('.table-fthead').length > 0 ){
		$('.table-fthead').each(function(){
			var $table = $(this).find('table');
			var $tableWrap = $(this).find('.table-wrap');
			$table.floatThead({
				scrollContainer: function($table){
					return $table.closest($tableWrap);
				},
			});
		});
	};

	// tab
	$(document).on("click",'.tab-wrap .tab-head .btn',function(e){
		e.preventDefault();
		var tabTarget = $(this).attr('href');
		$(this).addClass('active').parent().siblings().find('.btn').removeClass('active');
		$(tabTarget).addClass('active').siblings().removeClass('active');
		$(tabTarget).find('.tab-title').focus();
	});
	
	// scroll sycn // 230922 추가
	var $divs = $('#scroll1, #scroll2, #scroll3, #scroll4');
	var sync = function(e){
		var $other = $divs.not(this).off('scroll');
		var percentage = this.scrollLeft / (this.scrollWidth - this.offsetWidth);
		$('#scroll1').get(0).scrollLeft = percentage * ($('#scroll1').get(0).scrollWidth - $('#scroll1').get(0).offsetWidth);
		$('#scroll2').get(0).scrollLeft = percentage * ($('#scroll2').get(0).scrollWidth - $('#scroll2').get(0).offsetWidth);
		$('#scroll4').get(0).scrollLeft = percentage * ($('#scroll4').get(0).scrollWidth - $('#scroll4').get(0).offsetWidth);
		$('#scroll3').get(0).scrollLeft = percentage * ($('#scroll3').get(0).scrollWidth - $('#scroll3').get(0).offsetWidth);
		
		setTimeout( function(){ $other.on('scroll', sync ); },10);
	}
	$divs.on( 'scroll', sync);
	
	// table bg color // 231010 추가
	if ( $('.table-style-05').length > 0 ){
		$('.table-style-05 td').each(function(){
			var tNum = $(this).find('.num').text();
// 			console.log(tNum);
			if ( tNum == 100 ){
				$(this).addClass('c10');
			} else if ( tNum >= 90 ){
				$(this).addClass('c09');
			}else if ( tNum >= 80 ){
				$(this).addClass('c08');
			}else if ( tNum >= 70 ){
				$(this).addClass('c07');
			}else if ( tNum >= 60 ){
				$(this).addClass('c06');
			}else if ( tNum >= 50 ){
				$(this).addClass('c05');
			}else if ( tNum >= 40 ){
				$(this).addClass('c04');
			}else if ( tNum >= 30 ){
				$(this).addClass('c03');
			}else if ( tNum >= 20 ){
				$(this).addClass('c02');
			}else if ( tNum >= 10 ){
				$(this).addClass('c01');
			}
		});
	}
	
	// dropmenu-01 // 231010 추가
	$(document).on('click','.dropmenu-01 .btn-toggle',function(e){
		e.preventDefault();
		$(this).parent('.dropmenu-01').toggleClass('active');
	});

	// pm-set-01 // 231010 추가 // 231024 수정
	$(document).on('click','.player-clustering .pm-set-01 .btn',function(e){
		e.preventDefault();
		if ( $(this).hasClass('plus') ){
			if ( $('.clustering-box').hasClass('w01') ){
				$('.clustering-box').removeClass('w01').addClass('w02');
				$(this).siblings('.num').text('150%');
			} else if ( $('.clustering-box').hasClass('w02') ){
				$('.clustering-box').removeClass('w02').addClass('w03');
				$(this).siblings('.num').text('175%');
			} else if ( $('.clustering-box').hasClass('w03') ){
				$('.clustering-box').removeClass('w03').addClass('w04');
				$(this).siblings('.num').text('200%');
			} else if ( $('.clustering-box').hasClass('w04') ){
				$('.clustering-box').removeClass('w04').addClass('w05');
				$(this).siblings('.num').text('300%');
			} else if ( $('.clustering-box').hasClass('w05') ){
				$('.clustering-box').removeClass('w05').addClass('w06');
				$(this).siblings('.num').text('400%');
			} else if ( $('.clustering-box').hasClass('w06') ){
				$('.clustering-box').removeClass('w06').addClass('w07');
				$(this).siblings('.num').text('500%');
			} else if ( $('.clustering-box').hasClass('w07') ){
				$('.clustering-box').removeClass('w07').addClass('w08');
				$(this).siblings('.num').text('600%');
			} else if ( $('.clustering-box').hasClass('w08') ){
				$('.clustering-box').removeClass('w08').addClass('w09');
				$(this).siblings('.num').text('700%');
			} else if ( $('.clustering-box').hasClass('w09') ){
				$('.clustering-box').removeClass('w09').addClass('w10');
				$(this).siblings('.num').text('800%');
			} else if ( $('.clustering-box').hasClass('w10') ){
				$('.clustering-box').removeClass('w10').addClass('w11');
				$(this).siblings('.num').text('900%');
			} else if ( $('.clustering-box').hasClass('w11') ){
				$('.clustering-box').removeClass('w11').addClass('w12');
				$(this).siblings('.num').text('1000%');
				$(this).addClass('disabled');
			} else if ( $('.clustering-box').hasClass('w12') ){
			} else {
				$('.clustering-box').addClass('w01');
				$(this).siblings('.num').text('120%');
			}
			$(this).siblings('.btn.minus').removeClass('disabled');
		} else if ( $(this).hasClass('minus') ){
			if ( $('.clustering-box').hasClass('w01') ){
				$('.clustering-box').removeClass('w01');
				$(this).siblings('.num').text('100%');
				$(this).addClass('disabled');
			} else if ( $('.clustering-box').hasClass('w02') ){
				$('.clustering-box').removeClass('w02').addClass('w01');
				$(this).siblings('.num').text('120%');
			} else if ( $('.clustering-box').hasClass('w03') ){
				$('.clustering-box').removeClass('w03').addClass('w02');
				$(this).siblings('.num').text('150%');
			} else if ( $('.clustering-box').hasClass('w04') ){
				$('.clustering-box').removeClass('w04').addClass('w03');
				$(this).siblings('.num').text('175%');
			} else if ( $('.clustering-box').hasClass('w05') ){
				$('.clustering-box').removeClass('w05').addClass('w04');
				$(this).siblings('.num').text('200%');
			} else if ( $('.clustering-box').hasClass('w06') ){
				$('.clustering-box').removeClass('w06').addClass('w05');
				$(this).siblings('.num').text('300%');
			} else if ( $('.clustering-box').hasClass('w07') ){
				$('.clustering-box').removeClass('w07').addClass('w06');
				$(this).siblings('.num').text('400%');
			} else if ( $('.clustering-box').hasClass('w08') ){
				$('.clustering-box').removeClass('w08').addClass('w07');
				$(this).siblings('.num').text('500%');
			} else if ( $('.clustering-box').hasClass('w09') ){
				$('.clustering-box').removeClass('w09').addClass('w08');
				$(this).siblings('.num').text('600%');
			} else if ( $('.clustering-box').hasClass('w10') ){
				$('.clustering-box').removeClass('w10').addClass('w09');
				$(this).siblings('.num').text('700%');
			} else if ( $('.clustering-box').hasClass('w11') ){
				$('.clustering-box').removeClass('w11').addClass('w10');
				$(this).siblings('.num').text('800%');
			} else if ( $('.clustering-box').hasClass('w12') ){
				$('.clustering-box').removeClass('w12').addClass('w11');
				$(this).siblings('.num').text('900%');
			}
			$(this).siblings('.btn.plus').removeClass('disabled');
		}
	})

});