(function($) {
$.fn.clickableMap = function(){
return this.each(function() {
var _off = $('.imagemap img',this).attr('src');
var num = 0;
var targetImg = $('.imagemap img',this);
$('area',this).each(function() {
num++;
var elm = _off.replace(/(_on)[0-9]*/,'');
var _on = elm.substr(0, elm.lastIndexOf('.')) + '_on' + num + _off.substring(_off.lastIndexOf('.'));
$('').attr('src', _on);
$(this).hover(
function() {
$(targetImg).attr('src', _on);
}, function() {
$(targetImg).attr('src', _off);
}
);
$(this).focus(
function() {
$(targetImg).attr('src', _on);
}).blur(function() {
$(targetImg).attr('src', _off);
});
});
});
};
})(jQuery);
jQuery(function($) {
$('.clickableMap').clickableMap();
});
$(function(){
topSlider();
$(".search-wp").load("/files/google_search.html");
$(".search-area").load("/files/google_search.html");
toggleBtn();
SideToggleBtn();
map();
megaMenuTop();
});
function topSlider() {
$(".center").slick({
dots: false,
prevArrow: '',
nextArrow: '',
autoplay: true,
autoplaySpeed: 7000,
infinite: true,
centerMode: true,
centerPadding: '100px',
slidesToShow: 1,
slidesToScroll: 1,
responsive: [{
breakpoint: 736, //ブレイクポイントを指定
settings: {
centerPadding:'0px',
}
}]
});
var stopBtn = $('');
stopBtn.appendTo('.slick-slider');
$('#startBtn').hide();
var flg = "play";
$('#tglBtn').click(function(){
$('#startBtn').toggle();
// フラグの条件でボタンの切り替えと再生・停止の処理
if(flg == "play") {
$('#startBtn').show();
$('#stopBtn').hide();
flg = "stop";
$('.center').slick('slickPause');
} else {
$('#startBtn').hide();
$('#stopBtn').show();
flg = "play";
$('.center').slick('slickPlay');
}
});
}
function toggleBtn() {
$('button.toggle-btn').click(function () {
var current = $(this);
var OpenBtnText = $(current).find('.switch_menuTxt');
if ($(current).is('.toggleClose')) {
$(OpenBtnText).text('区の一覧を非表示');
} else if ($(current).is('.toggleOpen')) {
$(OpenBtnText).text('区の一覧を表示');
}
});
}
function SideToggleBtn() {
$('a.toggle-btn').click(function () {
var current = $(this);
var OpenBtnText = $(current).find('.side-nav_btn img');
if ($(current).is('.toggleClose')) {
$(OpenBtnText).attr({
'alt': 'メニュー一覧を閉じる',
'src': '/images/shared-icon-minus.png'
});
} else if ($(current).is('.toggleOpen')) {
$(OpenBtnText).attr({
'alt': 'メニュー一覧を開く',
'src': '/images/shared-icon-plus.png'
});
}
});
}
function map(){
$('img[usemap]').rwdImageMaps();
}
function megaMenuTop() {
$('.top-navi-hover a').focus( function () {
$(this).siblings('.ko_menu').addClass('focused');
})
.blur(function(){
$(this).siblings('.ko_menu').removeClass('focused');
});
$('.top-navi-hover a').hover( function () {
$(this).siblings('.ko_menu').toggleClass('focused');
})
// For children
$('.menu__second-level a').focus( function () {
$(this).parents('.ko_menu').addClass('focused');
$(this).parents('.top-navi-hover').addClass('active');
})
.blur(function(){
$(this).parents('.ko_menu').removeClass('focused');
$(this).parents('.top-navi-hover').removeClass('active');
});
$('.menu__second-level a').hover( function () {
$(this).parents('.ko_menu').toggleClass('focused');
})
$(".ko_menu").hover(
function() {
$(this).parents('.top-navi-hover').addClass('active');
},
function() {
$(this).parents('.top-navi-hover').removeClass('active');
}
);
}