/**
 * index js
 */
jQuery(function($){
  "use stric";
  /**
   * responsive
   */
  var resp = new Responsive();
  resp.func();
  if(COMMON.getUA === 'sp'){
    $(".slider_width").hide();
  }
  /**
   * 共通script
   */
  //お気に入り
  var girls_favorite = Object.create(girlsFavorite);
  girls_favorite.init();
  //window
  var _window = {
    w_width : window.innerWidth,
    ipn_cover_size : function(){
      return this.w_width - 70
    },
  }
  /*-----------------------
  cover
  ------------------------*/
  var slider_status = {
    wrap : ".slider_wrap",
    main : "#slider_main",
    item : "#slider_main .girl",
    img : '#slider_main .girl .img img',
    grabg : '#slider_main .girl .img img',
    gradient_bg : '.slider_bg',
  }
  
  //slick
  var $slider = $(slider_status.main);
  $slider.slick({
    dots: false,
    arrows: true,
    easing: 'easeOutCubic',
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    speed: 900,
    variableWidth: true,
    autoplay: true,
    autoplaySpeed: 5000,
    centerMode: true,
    centerPadding: '0',
  });

  //slider リンク hover
  $("[class^='slider_link_']").hover(function(){
    var class_name = "." + $(this).attr("class");
    $(class_name).css({
      "background":"#ffffff",
      "color":"#1C548A",
    });
  },function(){
    var class_name = "." + $(this).attr("class");
    $(class_name).css({
      "background":"#1C548A",
      "color":"#fff",
    });
  });

  //レスポンシブ画像切り替え
  $slider.on('setPosition', function(slick){
    var slick_cloned = '.slick-cloned';
    $(slick_cloned).each(function(){
      $(this).html().replace(resp.img_sp,resp.img_pc);
      resp.func();
      if(resp.window_type === "pc"){
        $html = $(this).html().replace(resp.img_ipn,resp.img_pc);
        $(this).html($html);
      }
      if(resp.window_type === "ipn"){
        $html = $(this).html().replace(resp.img_pc,resp.img_ipn);
        
        $(this).html($html);
      }
      if(resp.window_type === "tab"){
        $html = $(this).html().replace(resp.img_ipn,resp.img_pc);
        $(this).html($html);
      }
    });
  });

  //背景変更
  //$slider.on('afterChange', function(slick, currentSlide){
  //  var current_slide = $slider.slick('slickCurrentSlide');
  //  var left_color = $("#slider_main .girl").eq(current_slide+2).attr('data-left-color');
  //  var right_color = $("#slider_main .girl").eq(current_slide+2).attr('data-right-color');
  //  gradientBg.rollBg(left_color,right_color);
  //});
  var gradientBg = {
    init:function(){
      var left_color = $("#slider_main .girl").eq(2).attr('data-left-color');
      var right_color = $("#slider_main .girl").eq(2).attr('data-right-color');
      this.rollBg(left_color,right_color);
    },
    shuffle:function(array){
      var n = array.length,t,i;
      while(n){
        i = Math.floor(Math.random() * n--);
        t = array[n];
        array[n] = array[i];
        array[i] = t;
      }
      return array;
    },
    
    rollBg:function(left_color,right_color){
      if(!left_color && !right_color){
        console.log("cover color is not found");
      }
      $('.slider_bg.hid').css('background', 'radial-gradient(at top left, '+ left_color +', '+ right_color +')');
      $(slider_status.gradient_bg).toggleClass("hid");
    },
  };
  //カラー変更一旦休止
  //gradientBg.init();
  /*-----------------------
  shopMortion
  ------------------------*/
  function setShopMotion(){
    $('.tm-box').append('<span class="cover"></span>');
    $('.tm-image').append('<span class="cover"></span>');
    function init(){
      var base_delay = 0.2;
      if(resp.window_type === 'ipn'){
        base_delay = 0;
      }
      $('.tm-box').each(function(i){
        var that = $(this);
        var delay_time = i * base_delay;
        STATUS.visEvent.add(that, function(e){
          TweenMax.to($(that).find('> .cover'), 1, {delay : delay_time, left: '100%', ease: Quart.easeOut, onComplete: function(){
          } });
          if (STATUS) {
            TweenMax.to($(that).find('.tm-image .cover'), 1, {delay : delay_time,  left: '100%', ease: Quart.easeOut, onComplete: function(){
              $(this.target).remove();
            } });
          } else {
            $(that).find('.tm-image .cover').remove();
          };
          TweenMax.fromTo($(that).find('.tm-inner'), 1, { left: -100 }, { left: 0, ease: Quart.easeOut });
        }, 0.8, 1);
      });
    };
    init();
  };
  setShopMotion();

  //window load (slider)
  //$(window).load(function(){
    $("#loading").hide();
    $("#slider_main").animate({opacity:'1'},1000);
    $("#index_lead").animate({opacity:'1'},1000);
  //});

  //movieModal
  var md = $('#movieModal');
  md.on("show.bs.modal", function(event) {
    var button = $(event.relatedTarget)
    var movie = button.data('movie')
    var video = '<video controls="controls" preload style="width:100%">'
    + '  <source src="' + movie + '" type="video/mp4">'
    + '</video>';
    var link = '<a href="./profile/?shop='+ button.data('shop') +'&girl='+ button.data('id') +'">'+ button.data('name') +'</a>';
    
    md.find('.link').html(link);
    md.find('#wrapVideo').html(video);
  })
  
  md.on('hidden.bs.modal', function () {
    md.find('#wrapVideo').html('');
  })

  /**
   * 最近見た
   */
  var recent = Object.create(girlsRecent);
  recent.setApiUrl(COMMON.base_url + 'recent/recent.php');
  if(recent.isData()){
    recent.writeRecent().then(function(){
      COMMON.setResponsiveSlick(6);
    });
  }

  
  
});

//画像も含め全て読み込まれたら
$(window).load(function(){
  // main_wrapの高さ設定
  var left_cont_height = $('#left_cont').height();
  var main_wrap_height = $('#main_wrap').height();
  if(left_cont_height > main_wrap_height){
    $('#main_wrap').height(left_cont_height);
  }
});