$(function () {
  $(window).on('load resize', function() {
    var parentwidth = $('.js-ms-mv-parent').innerWidth();
    var parentheight = $('.js-ms-mv-parent').innerHeight();
    var parentasp = parentheight / parentwidth;
    if($(window).width() > 639){
      var movasp = 0.5625;
    }else{
      var movasp = 1;
    }
    if(parentasp > movasp){
      $('.js-ms-mv-parent').addClass('height');
      $('.js-ms-mv-parent').removeClass('width');
    }else{
      $('.js-ms-mv-parent').addClass('width');
      $('.js-ms-mv-parent').removeClass('height');
    }

    if($(window).width() > 1024){
      $('.js-ms-head').fadeOut();
      $('.js-ms-headmenu').fadeOut();
      $('.js-ms-head-btn').removeClass('is-active');
    }
  });
  $(window).on('load scroll', function() {
    var hidepoint = $('.js-ms-fixbtn-hide').offset().top;
    var scrolltop = $(window).scrollTop() + $(window).height();
    if(scrolltop < hidepoint){
      $('.js-ms-fixbtn').fadeIn();
    }else{
      $('.js-ms-fixbtn').fadeOut();
    }

    if($(window).width() > 1024){
      $('.js-ms-head').fadeOut();
      $('.js-ms-headmenu').fadeOut();
      $('.js-ms-head-btn').removeClass('is-active');
    }else{
      if($(window).scrollTop() > 50){
        $('.js-ms-head').fadeIn();
      }else{
        $('.js-ms-head').fadeOut();
        $('.js-ms-headmenu').fadeOut();
        $('.js-ms-head-btn').removeClass('is-active');
      }  
    }
  });
  $(window).on('load scroll', function() {
    var elem = $('.js-ms-fadein');
    var animate = 'active';
    elem.each(function () {
      var elemoffset = $(this).offset().top;
      var scrollposition = $(window).scrollTop();
      var wh = $(window).height();
      if(scrollposition > elemoffset - wh + (wh * 0.2) ){
        $(this).addClass(animate);
      }
    });
  });

  $('.js-ms-head-btn').on('click', function() {
    if($(this).hasClass('is-active')){
      $(this).removeClass('is-active');
      $('.js-ms-headmenu').fadeOut();
    }else{
      $(this).addClass('is-active');
      $('.js-ms-headmenu').fadeIn();
    }
  });
  
  function readCsv(data) {
    var target = '#csv-body';
    var csv = $.csv.toArrays(data);
    var insert = '';
    var dateyear = new Date().getFullYear();
    var datemonth = new Date().getMonth() + 1;
    var dateday = new Date().getDate();
    var weeknum = new Date().getDay();
    var weekarray = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
    var montharray = ["January","February","March","April","May","June","July","August","September","October","November","December"];
    var week = weekarray[weeknum];
    var month = montharray[datemonth - 1];
    var todaytext = week + ', ' + month + ' ' + dateday;
    var todaydata = dateyear + '/' + datemonth + '/' + dateday;
    $(csv).each(function() {
      if (this.length > 0) {
        if(this[0] == todaydata){
          var status = '';
          if(this[1] == '開館'){
            var status = 'Open today';
          }
          else if(this[1] == '午前開館'){
            var status = 'Open this morning only';
          }
          else if(this[1] == '午後開館'){
            var status = 'Open this afternoon only';
          }
          else{
            var status = 'Closed today';
          }
          $('.js-info-open').html(status);
          if(this[1] == '開館'){
            $('.js-info-day').html(todaytext + ',' + '&nbsp;');
            $('.js-info-time').html('10:00 a.m. - 5:00 p.m. (JST)');
          }
          else if(this[1] == '午前開館'){
            $('.js-info').addClass('ms-top-info-small');
            $('.js-info-day').html(todaytext + ',' + '&nbsp;');
            $('.js-info-time').html('10:00 a.m. - 12:00 p.m. (JST)');
          }
          else if(this[1] == '午後開館'){
            $('.js-info').addClass('ms-top-info-small');
            $('.js-info-day').html(todaytext + ',' + '&nbsp;');
            $('.js-info-time').html('1:00 p.m. - 5:00 p.m. (JST)');
          }
          else{
            $('.js-info-day').html(todaytext);
            $('.js-info-time').html('&nbsp;(JST)');
            $('.js-info-atc, .js-info-bar, .js-info-sub').hide();
          }  
        }
      }
    });
  }
  var csvfile = '/-/media/global/museum/top/calendar.csv';
  $(function(){
    $.get(csvfile, readCsv, 'text');
  });
});