/*
* rwdImageMaps jQuery plugin v1.6
*
* Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
*
* Copyright (c) 2016 Matt Stow
* https://github.com/stowball/jQuery-rwdImageMaps
* http://mattstow.com
* Licensed under the MIT license
*/
;(function(a){a.fn.rwdImageMaps=function(){var c=this;var b=function(){c.each(function(){if(typeof(a(this).attr("usemap"))=="undefined"){return}var e=this,d=a(e);a("<img />").on('load',function(){var g="width",m="height",n=d.attr(g),j=d.attr(m);if(!n||!j){var o=new Image();o.src=d.attr("src");if(!n){n=o.width}if(!j){j=o.height}}var f=d.width()/100,k=d.height()/100,i=d.attr("usemap").replace("#",""),l="coords";a('map[name="'+i+'"]').find("area").each(function(){var r=a(this);if(!r.data(l)){r.data(l,r.attr(l))}var q=r.data(l).split(","),p=new Array(q.length);for(var h=0;h<p.length;++h){if(h%2===0){p[h]=parseInt(((q[h]/n)*100)*f)}else{p[h]=parseInt(((q[h]/j)*100)*k)}}r.attr(l,p.toString())})}).attr("src",d.attr("src"))})};a(window).resize(b).trigger("resize");return this}})(jQuery);

$(function(){



  ;(function(){

    var name = 'hosokawa';
    var ua = getBrowserInfo();
    var isTouch = ua.isTouch;
    var transitionend = 'transitionend';
    var $target = $('.slider-hosokawa-01');
    var $targetMain = $target.find('.slider-hosokawa--main');
    var $targetTrack = $target.find('.slider-hosokawa--track');
    var $targetItem = $targetTrack.find('.slider-hosokawa--item');
    var $targetArrow = $target.find('.slider-hosokawa--arrow');
    var $targetDots = $target.find('.slider-hosokawa--dots');
    var $item = $targetTrack.find('.slider-hosokawa--item');
    var targetItemLength = $targetItem.length;
    var indexLength = $item.length;
    var currentIndex = 0;
    var afterIndex = 0;
    var trackWidth = 0;
    var position = 0;
    var resizeTimer = false;
    var autoPlayTimer = false;
    var autoPlay = 8000;
    var loaded = false;
    var windowWidth = $(window).outerWidth();

    $target.addClass('slider-hosokawa_transition_none');
    $targetItem.wrapAll('<div class="slider-hosokawa--inner"></div>');
    
    $targetItem = $targetTrack.find('.slider-hosokawa--item');

    $targetItem.each(function(i){

      var $this = $(this);

      i++;

      $this.addClass('slider-hosokawa--index-' + i);
      $targetDots.append('<button class="slider-hosokawa--dot slider-hosokawa--dot-' + i + '">' + i + '</button>');
    });

    var $targetDot = $targetDots.find('.slider-hosokawa--dot');
    var $targetClone_1 = $targetItem.clone(true).addClass('slider-hosokawa--clone slider-hosokawa--clone-1').prependTo('.slider-hosokawa--track').wrapAll('<div class="slider-hosokawa--inner"></div>');
    var $targetClone_2 = $targetItem.clone(true).addClass('slider-hosokawa--clone slider-hosokawa--clone-2').appendTo('.slider-hosokawa--track').wrapAll('<div class="slider-hosokawa--inner"></div>');

    $item.addClass('slider-hosokawa--origin').eq(currentIndex).addClass('slider-hosokawa--current');

    $targetItem = $targetTrack.find('.slider-hosokawa--item');
    targetItemLength = $targetItem.length;
    trackWidth = $targetTrack.outerWidth();

    adjustPosition();

    $targetArrow.on('click', function(e){

      if(!loaded || $target.hasClass('slider-hosokawa_inProgress')) return false;

      var $this = $(this);
      var isNext = false;
      var step = 1;

      isNext = $this.hasClass('slider-hosokawa--next');

      if(isNext){

        afterIndex = currentIndex + step > indexLength - 1 ? 0 : currentIndex + 1; 

      }else{

        afterIndex = currentIndex - step < 0 ? indexLength - 1 : currentIndex - 1; 
      }

      adjustPosition(e, isNext);
    });

    $targetDot.on('click', function(e){

      if(!loaded || $target.hasClass('slider-hosokawa_inProgress')) return false;

      var $this = $(this);
      var selected = $this.index();

      //選択されたインデックスが現在と同じ場合
      if(selected == currentIndex) return false;

      afterIndex = selected;

      adjustPosition(e);
    });

    $(window).on('load', function(e){

      adjustPosition(e);

      $target.removeClass('slider-hosokawa_transition_none');

      if(autoPlay) addAutoPlay();

      loaded = true;
    });

    $(window).on('resize', function(e){

      if($(window).outerWidth() != windowWidth){

        $target.addClass('slider-hosokawa_transition_none');
        removeAutoPlay();
        adjustPosition();

        if(resizeTimer !== false) clearTimeout(resizeTimer);

        resizeTimer = setTimeout(function(){

          $target.removeClass('slider-hosokawa_inProgress slider-hosokawa_transition_none');

          if(autoPlay) addAutoPlay();

        }, 200);
      }

      windowWidth = $(window).outerWidth();
    });

    $targetArrow.on('mouseenter mouseleave', function(e){

      if(!autoPlay || !loaded || isTouch) return false;

      var $this = $(e.target);

      //if(e.type == 'mouseenter' && $target.hasClass('slider-hosokawa_autoPlay')){
      if(e.type == 'mouseenter'){

        $target.addClass('slider-hosokawa_mouseenter_arrow');
        removeAutoPlay();
      }

      //if(e.type == 'mouseleave' && !$target.hasClass('slider-hosokawa_autoPlay')){
      if(e.type == 'mouseleave'){
        
        $target.removeClass('slider-hosokawa_mouseenter_arrow');
        addAutoPlay();
      }
    });

    $targetDot.on('mouseenter mouseleave', function(e){

      if(!autoPlay || !loaded || isTouch) return false;

      var $this = $(e.target);

      //if(e.type == 'mouseenter' && $target.hasClass('slider-hosokawa_autoPlay')){
      if(e.type == 'mouseenter'){

        $target.addClass('slider-hosokawa_mouseenter_dot');
        removeAutoPlay();
      }

      //if(e.type == 'mouseleave' && !$target.hasClass('slider-hosokawa_autoPlay')){
      if(e.type == 'mouseleave'){
        
        $target.removeClass('slider-hosokawa_mouseenter_dot');
        addAutoPlay();
      }
    });

    $target.on(transitionend, function(e){

      var $target = $(e.target);

      if($target.hasClass('slider-hosokawa--track') && e.originalEvent.type == 'transitionend'){

        $targetTrack.find('.slider-hosokawa--current').removeClass('slider-hosokawa--current');

        $targetItem = $targetTrack.children().clone(true);

        $targetTrack.children().remove();
        $targetItem.appendTo('.slider-hosokawa--track');

        $targetClone_1 = $targetTrack.find('.slider-hosokawa--clone-1');
        $targetClone_2 = $targetTrack.find('.slider-hosokawa--clone-2');
        $item = $targetTrack.find('.slider-hosokawa--origin');
        $targetItem = $targetTrack.find('.slider-hosokawa--item');

        $item.eq(currentIndex).addClass('slider-hosokawa--current');
        $target.addClass('slider-hosokawa_transition_none');
        adjustPosition(e);

        setTimeout(function(){

          $target.removeClass('slider-hosokawa_transition_none');
          $('.slider-hosokawa-01').removeClass('slider-hosokawa_inProgress');

          if(autoPlay) addAutoPlay();
        });
      };
    });

    function adjustPosition(e){

      if(e && e.type != 'transitionend' && $target.hasClass('slider-hosokawa_inProgress')) return false;
      if(e) $target.addClass('slider-hosokawa_inProgress');
      if(autoPlay && $target.hasClass('slider-hosokawa_autoPlay')) removeAutoPlay();

      var position = 0;
      var mq = 'max-width: 767px';
      var windowInnerWidth = window.innerWidth;
      var afterIndex_2 = afterIndex;
      var isNext = null;

      adjustDot(e);

      //画像のサイズ調整
      if(isMatchMedia(mq)){//SP

        $targetMain.css({'width': windowInnerWidth - 90});
        $targetItem.css({'min-width': windowInnerWidth - 90});

      }else{//PC

        $targetMain.css({'width': ''});
        $targetItem.css({'min-width': ''});
      }

      position += $targetClone_1.parent().outerWidth();

      if(!e || e && !$(e.target).hasClass('slider-hosokawa--dot')){

        if(currentIndex == indexLength - 1 && afterIndex == 0){
        
          position += $targetClone_1.parent().outerWidth();
          isNext = true;
        }

        if(currentIndex == 0 && afterIndex == indexLength - 1){
          
          position -= $targetClone_1.eq(indexLength - 1).outerWidth(true);
          isNext = false;
          afterIndex_2 = 0;
        }
      }

      $targetClone_1.slice(0, afterIndex_2).each(function(i){

        var $this = $(this);

        position += $this.outerWidth(true);
      });

      $targetItem.removeClass('slider-hosokawa--current');

      if(isNext === true) $targetClone_2.eq(0).addClass('slider-hosokawa--current');
      if(isNext === false) $targetClone_1.eq(indexLength - 1).addClass('slider-hosokawa--current');
      if(isNext === null) $item.eq(afterIndex).addClass('slider-hosokawa--current');
      
      currentIndex = afterIndex;

      $targetTrack.css({'transform': 'translate3d(' + position * -1 + 'px, 0, 0)'});

      if(!e || e && e.type == 'transitionend' ||  e && e.type == 'load') $target.removeClass('slider-hosokawa_inProgress');
    };//adjustPosition()

    function addAutoPlay(){

      if($target.hasClass('slider-hosokawa_mouseenter_arrow') || $target.hasClass('slider-hosokawa_mouseenter_dot')) return false;

      $target.addClass('slider-hosokawa_autoPlay');

      autoPlayTimer = setInterval(function(){

        var step = 1;

        afterIndex = currentIndex + step > indexLength - 1 ? 0 : currentIndex + 1;

        adjustPosition();

        currentIndex = afterIndex;

      }, autoPlay);
    };//addAutoPlay()

    function removeAutoPlay(){

      $target.removeClass('slider-hosokawa_autoPlay');
      clearInterval(autoPlayTimer);
    };//addAutoPlay()

    function adjustDot(e){

      $targetDot.removeClass('slider-hosokawa--current');
      $targetDot.eq(afterIndex).addClass('slider-hosokawa--current');
    };//adjustDot()

    function getBrowserInfo(){

      //name: ie6, ie7, ie8, ie9, ie10, ie11, edge, opera_mini, opera, sleipnir, vivaldi, smooz, facebook, android_default_browser, chrome, firefox, safari
      var i,e,n=window.navigator.userAgent.toLowerCase(),d=window.navigator.appVersion.toLowerCase(),f={};return-1!=n.indexOf("msie")||-1!=n.indexOf("trident")?-1!=d.indexOf("msie 6")?e="ie6":-1!=d.indexOf("msie 7")?e="ie7":-1!=d.indexOf("msie 8")?e="ie8":-1!=d.indexOf("msie 9")?e="ie9":-1!=d.indexOf("msie 10")?e="ie10":-1!=n.indexOf("trident/7")&&(e="ie11"):-1!=n.indexOf("webkit")&&-1!=n.indexOf("edge")?e="edge":-1!=n.indexOf("opr")||-1!=n.indexOf("opera")||-1!=n.indexOf("opios")?e=-1!=n.indexOf("opera mini")?"opera_mini":"opera":-1!=n.indexOf("sleipnir")?e="sleipnir":-1!=n.indexOf("vivaldi")?e="vivaldi":-1!=n.indexOf("smooz")?e="smooz":-1!=n.indexOf("fbav")?e="facebook":-1!=n.indexOf("android")&&-1!=n.indexOf("webkit")&&-1!=n.indexOf("version")?e="android_default_browser":-1!=n.indexOf("chrome")||-1!=n.indexOf("crios")?e="chrome":-1!=n.indexOf("firefox")||-1!=n.indexOf("fxios")?e="firefox":-1!=n.indexOf("safari")&&(e="safari"),-1!=n.indexOf("windows")&&-1!=n.indexOf("phone")?i="windows_phone":-1!=n.indexOf("windows")?i="windows":-1!=n.indexOf("iphone")?i="iphone":-1!=n.indexOf("ipad")?i="ipad":-1!=n.indexOf("ipod")?i="ipod":-1!=n.indexOf("mac")?i="mac":-1!=n.indexOf("android")?i="android":-1!=n.indexOf("kindle")||-1!=n.indexOf("silk")?i="Kindle":-1==n.indexOf("blackberry")&&-1==n.indexOf("bb10")||(i="blackberry"),f.name=e,f.device=i,f.isMobilePhone=-1!=n.indexOf("windows")&&-1!=n.indexOf("phone")||-1!=n.indexOf("iphone")||-1!=n.indexOf("ipod")||-1!=n.indexOf("android")&&-1!=n.indexOf("mobile")||-1!=n.indexOf("firefox")&&-1!=n.indexOf("mobile")||-1!=n.indexOf("blackberry")||-1!=n.indexOf("bb10"),f.isTablet=-1!=n.indexOf("windows")&&-1!=n.indexOf("touch")||-1!=n.indexOf("ipad")||-1!=n.indexOf("android")&&-1==n.indexOf("mobile")||-1!=n.indexOf("firefox")&&-1!=n.indexOf("tablet")||-1!=n.indexOf("kindle")||-1!=n.indexOf("silk")||-1!=n.indexOf("playbook"),f.isPortable=f.isMobilePhone||f.isTablet,f.isTouch="ontouchstart"in window,f.isWebkit=-1!=n.indexOf("webkit"),f.ua=n,f.ver=d,f
    };//f.getBrowserInfo()

    function isMatchMedia(mediaQuery){

      return window.matchMedia ? window.matchMedia('(' + mediaQuery + ')').matches : false;
    };//isMatchMedia()
  }());



  function getBrowserInfo(){

    //name: ie6, ie7, ie8, ie9, ie10, ie11, edge, opera_mini, opera, sleipnir, vivaldi, smooz, facebook, android_default_browser, chrome, firefox, safari
    var i,e,n=window.navigator.userAgent.toLowerCase(),d=window.navigator.appVersion.toLowerCase(),f={};return-1!=n.indexOf("msie")||-1!=n.indexOf("trident")?-1!=d.indexOf("msie 6")?e="ie6":-1!=d.indexOf("msie 7")?e="ie7":-1!=d.indexOf("msie 8")?e="ie8":-1!=d.indexOf("msie 9")?e="ie9":-1!=d.indexOf("msie 10")?e="ie10":-1!=n.indexOf("trident/7")&&(e="ie11"):-1!=n.indexOf("webkit")&&-1!=n.indexOf("edge")?e="edge":-1!=n.indexOf("opr")||-1!=n.indexOf("opera")||-1!=n.indexOf("opios")?e=-1!=n.indexOf("opera mini")?"opera_mini":"opera":-1!=n.indexOf("sleipnir")?e="sleipnir":-1!=n.indexOf("vivaldi")?e="vivaldi":-1!=n.indexOf("smooz")?e="smooz":-1!=n.indexOf("fbav")?e="facebook":-1!=n.indexOf("android")&&-1!=n.indexOf("webkit")&&-1!=n.indexOf("version")?e="android_default_browser":-1!=n.indexOf("chrome")||-1!=n.indexOf("crios")?e="chrome":-1!=n.indexOf("firefox")||-1!=n.indexOf("fxios")?e="firefox":-1!=n.indexOf("safari")&&(e="safari"),-1!=n.indexOf("windows")&&-1!=n.indexOf("phone")?i="windows_phone":-1!=n.indexOf("windows")?i="windows":-1!=n.indexOf("iphone")?i="iphone":-1!=n.indexOf("ipad")?i="ipad":-1!=n.indexOf("ipod")?i="ipod":-1!=n.indexOf("mac")?i="mac":-1!=n.indexOf("android")?i="android":-1!=n.indexOf("kindle")||-1!=n.indexOf("silk")?i="Kindle":-1==n.indexOf("blackberry")&&-1==n.indexOf("bb10")||(i="blackberry"),f.name=e,f.device=i,f.isMobilePhone=-1!=n.indexOf("windows")&&-1!=n.indexOf("phone")||-1!=n.indexOf("iphone")||-1!=n.indexOf("ipod")||-1!=n.indexOf("android")&&-1!=n.indexOf("mobile")||-1!=n.indexOf("firefox")&&-1!=n.indexOf("mobile")||-1!=n.indexOf("blackberry")||-1!=n.indexOf("bb10"),f.isTablet=-1!=n.indexOf("windows")&&-1!=n.indexOf("touch")||-1!=n.indexOf("ipad")||-1!=n.indexOf("android")&&-1==n.indexOf("mobile")||-1!=n.indexOf("firefox")&&-1!=n.indexOf("tablet")||-1!=n.indexOf("kindle")||-1!=n.indexOf("silk")||-1!=n.indexOf("playbook"),f.isPortable=f.isMobilePhone||f.isTablet,f.isTouch="ontouchstart"in window,f.isWebkit=-1!=n.indexOf("webkit"),f.ua=n,f.ver=d,f
  };//f.getBrowserInfo()

  function isMatchMedia(mediaQuery){

    return window.matchMedia ? window.matchMedia('(' + mediaQuery + ')').matches : false;
  };//isMatchMedia()
});

$(window).on('load',function(){

	$('.nav_hassub').on('click', function(){
		if($(this).next('ul').is(':hidden')){
			$('.nav_hassub').next('ul').not(':hidden').slideUp();
			$('.nav_hassub').removeClass('subOpen');
			$(this).next('ul').slideDown();
			$(this).addClass('subOpen');
		}
		return false;
	});

	$('#navPCfixed').hover(
		function () {
			//
		},
		function () {
			$('.nav_hassub').next('ul').not(':hidden').slideUp();
			$('.nav_hassub').removeClass('subOpen');
		}
	);
	
	$('.priceImgLinkPC').on('click', function(){
		var targetSRC = $(this).attr('href');
		var targetLink = $(this).attr('rel');
		$('.priceImgPC').attr('src',targetSRC);
		$('.linkAffordableRatesPC').attr('href',targetLink);
		return false;
	});
	
	$('.priceImgLinkSP').on('click', function(){
		var targetSRC = $(this).attr('href');
		var targetLink = $(this).attr('rel');
		$('.priceImgSP').attr('src',targetSRC);
		$('.linkAffordableRatesSP').attr('href',targetLink);
		return false;
	});

	$('.CRC_contentContainer img[usemap]').rwdImageMaps();

});