jQuery(function($){

	var $window = $(window);
	var $document = $(document);
	var $html = $('html');
	var $body = $('body');

	var winWidth = window.innerWidth;
	$window.on('resize orientationchange', function(){
		winWidth = window.innerWidth;
	});

	/**
	 * ドロワーボタン
	 */
	if ($('.p-drawer').length) {
		var drawerScrollTop;
		$('#js-menu-button').click(function() {
			drawerScrollTop = $window.scrollTop();

			// 背景スクロール対策
			$body.css({
				position: 'fixed',
				top: drawerScrollTop * -1
			});

			$html.addClass('show-drawer');
			$document.trigger('drawerUpdate');

			return false;
		});
		$('.p-drawer-overlay, .p-drawer a[href^="#"]').click(function() {
			$html.removeClass('show-drawer');

			// 背景スクロール対策
			$body.css({
				position: 'static',
				top: 'auto'
			});

			$window.scrollTop(drawerScrollTop);
		});

		/**
		 * ドロワー perfect scrollbar
		 */
		if (!$body.hasClass('wp-mobile-device')) {
			var psDrawer;
			var drawerPerfectScrollbar = function(){
				if (winWidth <= 1200) {
					if (psDrawer) {
						psDrawer.update();
					} else {
						psDrawer = new PerfectScrollbar('.p-drawer__contents', {
							wheelSpeed: 1,
							wheelPropagation: false
						});
					}
				} else {
					if (psDrawer) {
						psDrawer.destroy();
						psDrawer = null;
					}
				}
			};

			$window.on('resize', drawerPerfectScrollbar);
			$document.on('drawerUpdate', drawerPerfectScrollbar);
		}

		/**
		 * グローバルナビゲーション モバイル
		 */
		$('.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle').click(function() {
			if (winWidth <= 1200) {
				$(this).toggleClass('is-active');
				$(this).closest('.menu-item-has-children').toggleClass('is-active').find('> .sub-menu').slideToggle(300, function(){
					$document.trigger('drawerUpdate');
				});
			}
			return false;
		});
	}

	/**
	 * ヘッダー検索
	 */
	$('#js-header #js-search-button').click(function() {
		if (winWidth > 1200) {
			$(this).closest('#js-header').toggleClass('is-header-search-active');
		}
		return false;
	});

	/**
	 * メガメニュー
	 */
	if ($('#js-header .p-megamenu').length) {
		var hide_megamenu_timer = {};
		var hide_megamenu_interval = function(menu_id) {
			if (hide_megamenu_timer[menu_id]) {
				clearInterval(hide_megamenu_timer[menu_id]);
				hide_megamenu_timer[menu_id] = null;
			}
			hide_megamenu_timer[menu_id] = setInterval(function() {
				if (!$('#menu-item-' + menu_id).is(':hover') && !$('#p-megamenu--' + menu_id).is(':hover')) {
					clearInterval(hide_megamenu_timer[menu_id]);
					hide_megamenu_timer[menu_id] = null;
					$('#menu-item-' + menu_id + ', #p-megamenu--' + menu_id).removeClass('is-active');
				}
			}, 20);
		};
		$('#js-global-nav .menu-megamenu').hover(
			function(){
				var menu_id = $(this).attr('id').replace('menu-item-', '');
				if (hide_megamenu_timer[menu_id]) {
					clearInterval(hide_megamenu_timer[menu_id]);
					hide_megamenu_timer[menu_id] = null;
				}
				if (winWidth > 1200) {
					$(this).addClass('is-active');
					$('#p-megamenu--' + menu_id).addClass('is-active');
				}
			},
			function(){
				var menu_id = $(this).attr('id').replace('menu-item-', '');
				hide_megamenu_interval(menu_id);
			}
		);
		$('#js-header').on('mouseout', '.p-megamenu', function(){
			var menu_id = $(this).attr('id').replace('p-megamenu--', '');
			hide_megamenu_interval(menu_id);
		});

		/**
		 * メガメニューB (type3)
		 */
		$('.p-megamenu--type3 > ul > li > a').hover(
			function(){
				var $li = $(this).closest('li');
				$li.addClass('is-active');
				$li.siblings('.is-active').removeClass('is-active');
				setMultilineEllipsis($li.find('.js-multiline-ellipsis'), true);
			},
			function(){}
		);
	}

	/**
	 * ページトップ
	 */
	var pagetop = $('#js-pagetop');
	pagetop.hide().click(function() {
		$('body, html').animate({
			scrollTop: 0
		}, 1000);
		return false;
	});
	$window.scroll(function() {
		if ($(this).scrollTop() > 100) {
			pagetop.fadeIn(1000);
		} else {
			pagetop.fadeOut(300);
		}
	});

	/**
	 * 記事一覧でのカテゴリークリック
	 */
	$document.on('mouseenter', 'a [data-href]', function(){
		var $a = $(this).closest('a');
		$a.attr('data-href', $a.attr('href'));
		if ($(this).attr('data-href')) {
			$a.attr('href', $(this).attr('data-href'));
		}
	}).on('mouseleave', 'a [data-href]', function(){
		var $a = $(this).closest('a');
		$a.attr('href', $a.attr('data-href')).removeAttr('data-href');
	}).on('click', 'a [data-href]', function(){
		var $a = $(this).closest('a');
		if ($a.attr('data-href')) {
			$a.attr('href', $a.attr('data-href'));
		}
		if ($(this).attr('data-href')) {
			location.href = $(this).attr('data-href');
			return false;
		}
	});

	/**
	 * コメント
	 */
	if ($('#js-comment__tab').length) {
		var commentTab = $('#js-comment__tab');
		commentTab.find('a').click(function() {
			if (!$(this).parent().hasClass('is-active')) {
				$($('.is-active a', commentTab).attr('href')).animate({opacity: 'hide'}, 0);
				$('.is-active', commentTab).removeClass('is-active');
				$(this).parent().addClass('is-active');
				$($(this).attr('href')).animate({opacity: 'show'}, 1000);
			}
			return false;
		});
	}

	/**
	 * アーカイブウィジェット
	 */
	if ($('.p-dropdown').length) {
		$('.p-dropdown__title').click(function() {
			$(this).toggleClass('is-active');
			$('+ .p-dropdown__list:not(:animated)', this).slideToggle();
		});
	}

	/**
	 * フッターウィジェット
	 */
	if ($('#js-footer-widget').length) {
		var footer_widget_resize_timer;
		var footer_widget_layout = function(){
			$('#js-footer-widget .p-widget').filter('.p-footer-widget__left, .p-footer-widget__right, .p-footer-widget__border-left, .p-footer-widget__border-top, .widget_nav_menu-neighbor').removeClass('p-footer-widget__left p-footer-widget__right p-footer-widget__border-left p-footer-widget__border-top widget_nav_menu-neighbor');
			if (winWidth >= 992) {
				var em_last, top, em_length = $('#js-footer-widget .p-widget').length;
				$('#js-footer-widget .p-widget').each(function(i){
					var pos = $(this).position();
					if (pos.top !== top) {
						top = pos.top;
						if (i > 0) {
							$(this).addClass('p-footer-widget__border-top');
						}
						if (pos.left < 5) {
							$(this).addClass('p-footer-widget__left');
						}
						if (em_last) {
							$(em_last).addClass('p-footer-widget__right');
						}
					// メニューの連続
					} else if (em_last && $(em_last).hasClass('widget_nav_menu') && $(this).hasClass('widget_nav_menu')) {
						$(this).addClass('widget_nav_menu-neighbor');
					} else if (i > 0) {
						$(this).addClass('p-footer-widget__border-left');
					}
					if (i + 1 == em_length) {
						$(this).addClass('p-footer-widget__right');
					}
					em_last = this;
				});
			} else {
				$('#js-footer-widget .p-widget').each(function(i){
					var pos = $(this).position();
					if (pos.top !== top) {
						top = pos.top;
						if (i > 0) {
							$(this).addClass('p-footer-widget__border-top');
						}
					}
				});
			}
		};
		$window.on('load', footer_widget_layout);
		$window.on('resize', function(){
			clearTimeout(footer_widget_resize_timer);
			footer_widget_resize_timer = setTimeout(footer_widget_layout, 200);
		});
	}

	// プロフィールウィジェットの画像読み込み後の複数行対応3点リーダ
	if ($('.p-widget-profile .p-profile__image img').length) {
		var widget_profile_image_loaded = function(el) {
			var $desc = $(el).closest('.p-widget-profile').find('.js-multiline-ellipsis');
			if ($desc.length) {
				setMultilineEllipsis($desc, true);
			}
		};
		$('.p-widget-profile .p-profile__image img').on('load', function(event){
			widget_profile_image_loaded(this);
		}).each(function(){
			if (this.complete || this.readyState === 4 || this.readyState === 'complete'){
				widget_profile_image_loaded(this);
			}
		});
	}

	/**
	 * アンダーラインクイックタグ 
	 */
	if ($('.q_underline').length) {
		var gradient_prefix = null;

		// border-bottom-colorが設定されていればアンダーラインに設定
		$('.q_underline').each(function(){
			var bbc = $(this).css('borderBottomColor');
			if (jQuery.inArray(bbc, ['transparent', 'rgba(0, 0, 0, 0)']) == -1) {
				if (gradient_prefix === null) {
					gradient_prefix = '';
					var ua = navigator.userAgent.toLowerCase();
					if (/webkit/.test(ua)) {
						gradient_prefix = '-webkit-';
					} else if (/firefox/.test(ua)) {
						gradient_prefix = '-moz-';
					} else {
						gradient_prefix = '';
					}
				}

				$(this).css('borderBottomColor', 'transparent');

				if (gradient_prefix) {
					$(this).css('backgroundImage', gradient_prefix+'linear-gradient(left, transparent 50%, '+bbc+ ' 50%)');
				} else {
					$(this).css('backgroundImage', 'linear-gradient(to right, transparent 50%, '+bbc+ ' 50%)');
				}
			}
		});

		// スクロール監視
		$window.on('scroll.q_underline', function(){
			$('.q_underline:not(.is-active)').each(function(){
				var top = $(this).offset().top;
				if ($window.scrollTop() > top - window.innerHeight) {
					$(this).addClass('is-active');
				}
			});
			if (!$('.q_underline:not(.is-active)').length) {
				$window.off('scroll.q_underline');
			}
		});
	}

	/**
	 * object-fit: cover未対応ブラウザ対策
	 */
	var ua = window.navigator.userAgent.toLowerCase();
	if(ua.indexOf('msie') > -1 || ua.indexOf('trident') > -1) {
		// object-fit: cover前提のcssをリセット
		var init_object_fit_cover = function(el) {
			$(el).css({
				width: 'auto',
				height: 'auto',
				maxWidth: 'none',
				minWidth: '100%',
				minHeight: '100%',
				top : 0,
				left : 0
			});
		};

		// サイズに応じてcss指定
		var fix_object_fit_cover = function(el) {
			$(el).each(function(){
				var $cl, cl_w, cl_h, cl_ratio, img_w, img_h, img_ratio, inc_ratio;
				$cl = $(this).closest('.js-object-fit-cover');
				cl_w = $cl.innerWidth();
				cl_h = $cl.innerHeight();
				cl_ratio = cl_w / cl_h;
				img_w = $(this).width();
				img_h = $(this).height();
				img_ratio = img_w / img_h;
				inc_ratio = cl_ratio - img_ratio;

				// 同じ縦横比
				if (inc_ratio >= 0 && inc_ratio < 0.1 || inc_ratio <= 0 && inc_ratio > -0.1) {
					$(this).removeAttr('style');

				// 縦長
				} else if (cl_ratio > img_ratio) {
					var t = (cl_w / img_w * img_h - cl_h) / 2 * -1;
					if (t < 0) {
						$(this).css({
							width: '100%',
							top: t
						});
					}

				// 横長・正方形
				} else {
					var l = (cl_h / img_h * img_w - cl_w) / 2 * -1;
					if (l < 0) {
						$(this).css({
							height: '100%',
							left: l
						});
					}
				}
			});
		};

		// cssリセット
		init_object_fit_cover($('.js-object-fit-cover img'));

		// 画像読み込み時処理
		$('.js-object-fit-cover img').load(function(){
			fix_object_fit_cover(this);
		}).each(function(){
			if (this.complete || this.readyState === 4 || this.readyState === 'complete'){
				fix_object_fit_cover(this);
			}
		});

		var object_fit_cover_resize_timer;
		$window.on('resize', function(){
			clearTimeout(object_fit_cover_resize_timer);
			object_fit_cover_resize_timer = setTimeout(function(){
				$('.js-object-fit-cover img').each(function(){
					init_object_fit_cover(this);
					fix_object_fit_cover(this);
				});
			}, 500);
		});
	}

	/**
	 * 初期化処理
	 */
	$document.on('js-initialized', function(){
		/**
		 * ページャーajax
		 */
		if (!$body.hasClass('home')) {
			$document.on('click.ajax_pager', '.p-pager a', function() {
				var $this = $(this);
				var $pager = $this.closest('.p-pager');
				var $bloglist = $pager.siblings('.p-blog-list');

				if (!$bloglist.length || $pager.hasClass('is-active')) return false;
				$pager.addClass('is-active');

				$.get(
					this.href,
					function (html) {
						$pager.removeClass('is-active');
						if (html) {
							var $data = $($.parseHTML(html));
							var $new_bloglist_pager = $data.find('.p-blog-list, .p-pager');
							if ($new_bloglist_pager.length) {
								var scrTop = $bloglist.offset().top - 80;
								$bloglist.fadeOut(300, function(){
									$bloglist.before($new_bloglist_pager);

									if (window.lazyLoadInstance) {
										lazyLoadInstance.update();
									}

									initMultilineEllipsis($new_bloglist_pager.find('.js-multiline-ellipsis'));
									$new_bloglist_pager.fadeIn(1000);
									$window.scrollTop(scrTop);
									$bloglist.remove();
									$pager.remove();
								});
							}
						}
					}
				);

				return false;
			});
		}

		// ランキングタブ
		if ($('#js-ranking-tab').length) {
			$('#js-ranking-tab .p-ranking-tab__item .p-ranking-tab__link').click(function() {
				if ($(this).closest('.p-ranking-tab__item').hasClass('is-active')) return false;
				var target = $(this).attr('href');
				$(this).closest('.p-ranking-tab__item').addClass('is-active').siblings('.is-active').removeClass('is-active');
				$('.p-ranking-tab-content:visible').stop().removeClass('is-active').fadeOut(300, function(){
					$(target).fadeIn(1000, function(){
						$(this).addClass('is-active');
					});
					setMultilineEllipsis($(target).find('.js-multiline-ellipsis'), true);
				});
				return false;
			});

			if (!$body.hasClass('wp-mobile-device')) {
				var psRankingTab = new PerfectScrollbar('.p-ranking-tab', {
					wheelSpeed: 1,
					wheelPropagation: false,
					useBothWheelAxes: true
				});

				$window.on('resize', function(){
					psRankingTab.update();
				});
			}
		}

		// ヘッダーブログスライダー・フッターブログスライダー
		if ($('.p-article-slider').length) {
			$('.p-article-slider').each(function(){
				$(this).slick({
					infinite: true,
					dots: false,
					arrows: true,
					prevArrow: '<button type="button" class="slick-prev">&#xe90f;</button>',
					nextArrow: '<button type="button" class="slick-next">&#xe910;</button>',
					slidesToShow: 4,
					slidesToScroll: 4,
					adaptiveHeight: true,
					autoplay: true,
					speed: 1000,
					autoplaySpeed: $(this).attr('data-interval') * 1000 || 7000,
					responsive: [
						{
							breakpoint: 1024,
							settings: {
								slidesToShow: 3,
								slidesToScroll: 3
							}
						},
						{
							breakpoint: 768,
							settings: {
								arrows: false,
								slidesToShow: 2,
								slidesToScroll: 2
							}
						}
					]
				});
			});
		}

		// ページヘッダー
		if ($('#js-page-header').length) {
			$('#js-page-header').addClass('is-active');
		}

		// 複数行対応3点リーダ
		initMultilineEllipsis('.js-multiline-ellipsis');

		// タブウィジェットのタブ変更時の複数行対応3点リーダ
		$('.p-widget.styled_post_list_tab_widget :radio').change(function(){
			setMultilineEllipsis($(this).closest('.p-widget').find('.styled_post_list_tab-content:visible .js-multiline-ellipsis'), true);
		});
	});
});

/**
 * 複数行対応3点リーダ
 */
var multilineEllipsisVars = {
	winHeight: 0,
	winWidth: 0,
	timer: null
};
var initMultilineEllipsis = function(el){
	if (!el) {
		el = '.js-multiline-ellipsis';
	}
	jQuery(el).each(function(){
		if (!jQuery(this).attr('data-default-text')) {
			jQuery(this).attr('data-default-text', jQuery(this).text());
		}
	});
	multilineEllipsisVars.winWidth = 0;
	setMultilineEllipsis(el);
	jQuery(window).off('resize.multilineEllipsis').on('resize.multilineEllipsis', resizeMultilineEllipsis);
};
var setMultilineEllipsis = function(el, force){
	var winWidth = window.innerWidth;

	if (!force && winWidth == multilineEllipsisVars.winWidth) {
		return false;
	}
	if (!force) {
		multilineEllipsisVars.winWidth = winWidth;
	}

	if (!el) {
		el = '.js-multiline-ellipsis';
	}

	jQuery(el).each(function(){
		var $target = jQuery(this);
		if ($target.is(':hidden')) return;

		var text = $target.attr('data-default-text');
		if (!text) return;
		$target.text(text);
		var targetHeight = $target.innerHeight();
		var targetWidth;
		if (document.defaultView) {
			// サブピクセル対応の横幅取得
			var style = document.defaultView.getComputedStyle(this, '');
			targetWidth = parseFloat(style.getPropertyValue('width'));
		}
		if (!targetWidth) {
			targetWidth = $target.innerWidth();
		}
		var $clone = $target.clone();
		$clone.css({
			display : 'none',
			height: 'auto',
			maxHeight: 'none',
			overflow : 'visible',
			position : 'absolute',
			width: targetWidth
		}).text(text);

		$target.after($clone);
		while(text.length > 0 && $clone.innerHeight() > targetHeight) {
			text = text.substr(0, text.length - 1);
			$clone.text(text + '...');
		}
		$target.text($clone.text());
		$clone.remove();
	});
};
var resizeMultilineEllipsis = function(){
	clearTimeout(multilineEllipsisVars.timer);
	multilineEllipsisVars.timer = setTimeout(setMultilineEllipsis, 500);
};