// JavaScript Document



/* tabNews */
$(document).ready(function() {
    var tab_news = $('.tab_news li');
    $('.tab_news a').on('click', function(e) {
        e.preventDefault();

        var href = $(this).attr('href');
        tab_news.removeClass('active');
        $(this).parent('li').addClass('active');

        $('.tab_panel').hide();
        $(href).fadeIn();
    });
    return false;
});



/* main-bnr */
var main_bnr = function(){

    jQuery('.sp-slider ul').bxSlider({
      controls: false,
      auto:'true',
      pause : 4000,
    });

    var mSlider, tSlider;

//$('.slider').css('opacity', 0);

mSlider = $('.bnr-slider').bxSlider({
  pagerCustom: '.bnr-nav',
  mode:'fade',
    startSlide: 0,
    speed: 1000,
    auto:'true',
    pause : 8000,
		controls: true, // 矢印無し
  infiniteLoop: true,
 // hideControlOnEnd:true,
  hideControlOnEnd:false,
/*  onSliderLoad: function() {
    $('.slider').css({
      'opacity': 0,
      'visibility': 'visible'
    });

    setTimeout(function(){
      $('.bnr_wrap').addClass('on');
      $('.slider').animate({'opacity': 1}, 2000);
    }, 3000);


  },*/

  onSlideAfter: function(){
    mSlider.startAuto();
    var current = mSlider.getCurrentSlide();
    if(current <= tSlider.getSlideCount() - 4) {
      tSlider.goToSlide(current);
    //} else if(current > 3) {
    } else if(current > mSlider.getSlideCount() - 3) {
      tSlider.goToSlide(mSlider.getSlideCount() - 4);
    }
  }

});

tSlider = $('.bnr-nav ul').bxSlider({
  pager:false,
  minSlides: 4,
  maxSlides: 4,
  moveSlides: 1,
  slideWidth: 228,
  slideMargin: 0,
  controls: false, // 矢印有り
  infiniteLoop: false,
  hideControlOnEnd:true
});

};

/* Pickup Contents */
var pickup_bnr = function(){
  var settings = function() {
    var settings01 = {
      slideWidth: 240,
      slideMargin: 10,
			minSlides: 3,
  		maxSlides: 3,
			moveSlides: 1,
      //ticker: true,
      //speed: 20000,
			auto: true,
			controls: false,
			infiniteLoop: true,
      onSliderLoad: startSlider
    };
    var settings02 = {
      slideWidth: 256,
      slideMargin: 0,
			minSlides: 2,
  		maxSlides: 4,
			moveSlides:1,
			startSlide:0,
      //ticker: true,
      //speed: 20000,
			auto: true,
			controls: true,
			pager: false,
			infiniteLoop: true,
      onSliderLoad: startSlider
    };
    var settings03 = {
      slideWidth: 256,
      slideMargin: 0,
			minSlides: 2,
  		maxSlides: 4,
			moveSlides:1,
			startSlide:0,
      //ticker: true,
      //speed: 20000,
			auto: true,
			controls: true,
			pager: false,
			infiniteLoop: true,
      onSliderLoad: startSlider
    };

    var set;
    if($(window).width() <= 640) {
      set = settings01;
    } else if($(window).width() <= 768) {
      set = settings02;
    } else {
      set = settings03;
    }
    return set;
  };

  var sldr;
  var resizeHandler = function() {
  };

  sldr = $('.pickup-bnr-block .banners').bxSlider(settings());
  $(window).on('resize', resizeHandler);


  function startSlider() {
    $('.banners').css({
      'visibility': 'visible',
      'display': 'none',
      'left': '50%'
    });
    $('.banners').show();
  }

};

/* topicss-bnr */
var topics_bnr = function(){
  $('.topics-block .bnr-box').owlCarousel({
		autoplay: true,
    loop: true,
    margin: 20,
    nav: true,
    items: 5,
    dotsEach: true,
    responsiveClass:true,
    responsive:{
        0:{
            items:2,
						margin: 30,
            center: true
        },
        480:{
            items:5
        }
    }
  });
};




//instagram
function all() {
  $.ajax({
      url: '/commons/inc/instagramAPI.php',
      dataType: 'json',
      success: function(data) {
          var insert = '';
          //var n = Math.floor(data.length/2);
          var n;
          var m;
          if (data.length <= 30) {
            n = Math.floor(data.length/2);
            m = data.length;
          } else{
            n = 30/2;
            m = 30;
          };
          //insert += '<ul class="ul-img01 clearfix">';
          for (var i = 0; i < n; i++) {
              insert += '<li>';

                  // 画像とリンク先
                  insert += '<a href="' + data[i]['link'] + '" target="_blank">';
                  insert += '<img src="' + data[i]['images']['thumbnail']['url'] + '" class="instagram-image" />';
                  insert += '</a>';


              insert += '</li>';
          };
          //insert += '</ul>';

          var insert02 = '';
          //insert02 += '<ul class="ul-img02 clearfix">';
          for (var j = n; j < m; j++) {
              insert02 += '<li>';

                  // 画像とリンク先
                  insert02 += '<a href="' + data[j]['link'] + '" target="_blank">';
                  insert02 += '<img src="' + data[j]['images']['thumbnail']['url'] + '" class="instagram-image" />';
                  insert02 += '</a>';


              insert02 += '</li>';
          };
          //insert02 += '</ul>';

          $('#all-instagram .list-img01 .ul-img01').append(insert);
          $("#all-instagram .list-img01 .ul-img01").simplyScroll({
            autoMode: 'loop',
            speed: 1,
            frameRate: 48,
            horizontal: true,
            pauseOnHover: true,
            pauseOnTouch: true
          });
          $('#all-instagram .list-img02 .ul-img02').append(insert02);
          $("#all-instagram .list-img02 .ul-img02").simplyScroll({
            autoMode: 'loop',
            speed: 1,
            frameRate: 48,
            horizontal: true,
            pauseOnHover: true,
            pauseOnTouch: true,
            direction:'backwards'
          });
      }
  });
}

//var youtuber = function(){
/* movie-bnr */
//IFrame Player API用のJavaScriptを呼び込んで、ページの<script>タグとして埋め込みます
	var tag = document.createElement('script');
	tag.src = "https://www.youtube.com/iframe_api";
	var firstScriptTag = document.getElementsByTagName('script')[0];
	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 各プレーヤーの格納
var ytPlayer = [];
var status = [];
var movie_bnr;
var mSlider, tSlider;
// プレーヤーのサイズ
var ytWidth = 497;
var ytHeight = 280;
// 各動画情報
var ytData = [
    {
        id: 'y_NaG-u1Sag',
        area: 'movie01'
    }, {
        id: 'JN9QMPSh9wE',
        area: 'movie02'
    }
];

if (!window['YT']) {var YT = {loading: 0,loaded: 0};}
if (!window['YTConfig']) {var YTConfig = {'host': 'http://www.youtube.com'};}
if (!YT.loading) {YT.loading = 1;(function(){var l = [];YT.ready = function(f) {if (YT.loaded) {f();}
else
{l.push(f);}};
window.onYTReady = function() {YT.loaded = 1;for (var i = 0; i < l.length; i++) {try {l[i]();} catch (e) {}}};
YT.setConfig = function(c) {for (var k in c) {if (c.hasOwnProperty(k)) {YTConfig[k] = c[k];}}};
var a = document.createElement('script');
a.type = 'text/javascript';
a.id = 'www-widgetapi-script';
a.src = 'https:' + '//s.ytimg.com/yts/jsbin/www-widgetapi-vflumC9r0/www-widgetapi.js';
a.async = true;
var b = document.getElementsByTagName('script')[0];
b.parentNode.insertBefore(a, b);})();}

function onYouTubeIframeAPIReady() {
  for(var i = 0; i < ytData.length; i++) {
  ytPlayer[i] = new YT.Player(ytData[i]['area'], {
    width: ytWidth,
            height: ytHeight,
            videoId: ytData[i]['id'],
    playerVars: {
                rel: 0
            },
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
  }
}

//再生される・されている動画の情報を取得してプレイヤーサイズを調整する
function onPlayerStateChange(event) {
  status = event.data;

  var names = {
    '-1' : '未開始',
    '0' : '終了',
    '1' : '再生中',
    '2' : '停止',
    '3' : 'バッファリング中',
    '5' : '頭出し済み'
    };

  //プレイやの現在の状態を取得
  var PlayStatus = names[status];

  console.log(PlayStatus);

  /*var targetId = document.getElementById("video_status");
  targetId.innerHTML = PalyStatus;*/

  //ステータスコードによって処理をかける
  if (status == 1 || status == 3) {
    //再生中・バッファリング中の処理
    mSlider.stopAuto();
    $(function(){

      tSlider.click(function() {
            event.target.pauseVideo();
   });
    });
  } if (status == 2 || status == 0) {
    //停止時・終了時の処理
    mSlider.startAuto();
  }
}

//上記の記述でプレイヤーの準備が整うと実行されます
//ここでは、プレイヤーの準備が整えば再生を開始するようになっています
function onPlayerReady(event) {
//  event.target.playVideo();
//  event.target.seekTo(60);
}


//}
/*-------------- movie-bnr --------------*/

movie_bnr = function(){

    jQuery('.sp-movie-slider ul').bxSlider({
      pagerCustom: '.sp-movie-nav',
      auto: true,
      pause:  4000,
      speed: 800,
      displaySlideQty: 3, //一画面に表示する数
      moveSlideQty: 1,
    });


//$('.slider').css('opacity', 0);

mSlider = $('.movie-slider').bxSlider({
  pagerCustom: '.movie-nav',
  mode:'fade',
    startSlide: 0,
    speed: 500,
    auto:'true',
    pause : 8000,
		controls: true, // 矢印無し
  infiniteLoop: true,
 // hideControlOnEnd:true,
  hideControlOnEnd:false,

});



tSlider = $('.movie-nav ul').bxSlider({

  pager:false,
  minSlides: 2,
  maxSlides: 2,
  moveSlides: 1,
  slideWidth: 128,
  slideMargin: 20,
  controls: true, // 矢印有り
  infiniteLoop: false,
  hideControlOnEnd:true

});

};
$(window).on('load', function(){
  var currentW = window.innerWidth;
setTimeout(function(){
  pickup_bnr();
  topics_bnr();
  all();
//youtuber();

$(".event-info-block .pickup-block .event-box dl dd").heightLine({
    minWidth:640
});

  movie_bnr();
	  main_bnr();
  /* Open Campus */
  if($(window).width()<641){
    var slider1 =  $('.pickup-slider').bxSlider({
      slideWidth: 640,
      minSlides: 1,
      maxSlides: 1,
      moveSlides: 1,
      startSlide: 0,
      slideMargin: 5,
      controls: true,
      pager: true,
      auto:true,
      responsive: true,
      pause: 3000,
  });

  function slideResponsive() {
    w = $(window).width();
    if(w < 641) {
      if(window.innerWidth === currentW) return;
      slider1.reloadSlider();
    }
    else {
      slider1.destroySlider();
    }
  }
  $(window).on("resize", slideResponsive);
  }
},6000);


});


/*$(window).load(function(){
	  movie_bnr();
});

window.addEventListener('DOMContentLoaded', function() {
}, false);*/