//loading
$('.loadingArea01, .loader01').css('display','block');

$(window).on('load', function() {
  $('.loadingArea01').delay(900).fadeOut(800);
  $('.loader01').delay(600).fadeOut(300);
  $('body').css('overflow', 'inherit');
});

$(function() {
  setTimeout('stopload()',10000);
});

function stopload() {
  $('body').css('overflow', 'inherit');
  $('.loadingArea01').delay(900).fadeOut(800);
  $('.loader01').delay(600).fadeOut(300);
}

//movie slider
var slideWrapper = $('#movieSlider'),
    iframes = slideWrapper.find('.embedPlayer');

// POST commands to YouTube or Vimeo API
function postMessageToPlayer(player, command) {
  if (player == null || command == null) return;
  player.contentWindow.postMessage(JSON.stringify(command), '*');
}

// When the slide is changing
function playPauseVideo(slick, control) {
  var currentSlide, slideType, startTime, player, video;

  currentSlide = slick.find('.slick-current');
  slideType = currentSlide.attr('class').split(' ')[1];
  // mURL = currentSlide.find('iframe').data('src');
  // currentSlide.find('iframe').attr('src', mURL);
  player = currentSlide.find('iframe').get(0);

  startTime = currentSlide.data('video-start');

  if (slideType === 'youtube') {
    switch (control) {
      case 'play':
        postMessageToPlayer(player, {
          'event': 'command',
          'func': 'mute'
        });
        postMessageToPlayer(player, {
          'event': 'command',
          'func': 'playVideo'
        });
      break;
      case 'pause':
        postMessageToPlayer(player, {
          'event': 'command',
          'func': 'pauseVideo'
        });
      break;
    }
  }
}

// DOM Ready
// Initialize
slideWrapper.on('init', function(slick) {
  slick = $(slick.currentTarget);
  setTimeout(function() {
    playPauseVideo(slick,'play');
  }, 5200);
});
slideWrapper.on('beforeChange', function(event, slick) {
  slick = $(slick.$slider);
  playPauseVideo(slick,'pause');
});
slideWrapper.on('afterChange', function(event, slick) {
  slick = $(slick.$slider);
  playPauseVideo(slick,'play');
});

//start the slider
slideWrapper.slick({
  variableWidth: true,
  centerMode: true,
  slidesToShow: 1,
  speed: 700,
  responsive: [{
    breakpoint: 1251,
    settings: {
      variableWidth: false
    }
  }]
});

function onPlayerReady01(event) {
  event.target.mute();
  event.target.playVideo();
}

// $('.embedPlayer').each(function(i) {
//   $(this).attr('id', 'movieSlider' + i);
//   var movieSliderID = $(this).attr('id');
//   var youtubeSliderID = $(this).attr('data-video');

//   YT.ready(function() {
//     player = new YT.Player(movieSliderID, {
//       playerVars: {
//         autoplay: 1,
//         showinfo: 0,
//         rel: 0,
//         playsinline: 0
//       },
//       videoId: youtubeSliderID,
//       events: {
//         'onReady': onPlayerReady01
//       }
//     });
//   });
// });

var playerReady = false;
function onPlayerReady02(event) {
  playerReady = true;
  if(playerReady) {
    event.target.mute();
    event.target.playVideo();
  }
}

function onPlayerStateChange(event) {
  var ytStatus = event.data;
  if (ytStatus == YT.PlayerState.ENDED || ytStatus == YT.PlayerState.PAUSED) {
    $('iframe.moviePlayer01').remove();
    // $('iframe.moviePlayer01').css('opacity', '0');
    $('.movieListSmp').each(function() {
      if(!($(this).find('.moviePlayer01').length)) {
        $(this).find('.movie01').after('<div class="moviePlayer01"></div>');
        $(this).find('.moviePlayer01').attr('id', 'player' + i);
        var movieID = $(this).find('.moviePlayer01').attr('id');
        var youtubeID = $(this).find('.movieThumbnail01').attr('data-video');
        // $('iframe.moviePlayer01').css('opacity', '1');

        $(this).on('click', function() {
          player = new YT.Player(movieID, {
            height: '100%',
            width: '100%',
            playerVars: {
              autoplay: 1,
              showinfo: 0,
              rel: 0,
              playsinline: 0
            },
            videoId: youtubeID,
            events: {
              'onReady': onPlayerReady02,
              'onStateChange': onPlayerStateChange
            }
          });
        });
      }
    });

    // $('iframe.moviePlayer01').css('opacity', '0');
    // $('.movieListSmp').on('click', function() {
    //   event.target.playVideo();
    // });
  }

  if (ytStatus == YT.PlayerState.BUFFERING) {
    $('iframe.moviePlayer01').css('opacity', '0');
  } else {
    $('iframe.moviePlayer01').css('opacity', '1');
  }
}

$('.movieListSmp').each(function(i) {
  $(this).find('.moviePlayer01').attr('id', 'player' + i);
  var movieID = $(this).find('.moviePlayer01').attr('id');
  var youtubeID = $(this).find('.movieThumbnail01').attr('data-video');

  $(this).on('click', function() {
    player = new YT.Player(movieID, {
      height: '100%',
      width: '100%',
      playerVars: {
        autoplay: 1,
        showinfo: 0,
        rel: 0,
        playsinline: 0
      },
      videoId: youtubeID,
      events: {
        'onReady': onPlayerReady02,
        'onStateChange': onPlayerStateChange
      }
    });

    // $(this).find('iframe.moviePlayer01').css('opacity', '1');

    // $(this).find('.movieThumbnail01').hide();
  });
});


//main contents accordion
$('.mainContentsMenu01 .dropList01').on('click', function() {
  $(this).find('.displayNone').slideToggle();
});

//main contents slider
$('#mainContentsSlider').slick({
  autoplay: true,
  autoplaySpeed: 2000,
  dots: true,
  speed: 1000,
  fade: true
});

$('#mainContentsSlider .slick-prev').prependTo('#mainContentsSlider .slick-dots');
$('#mainContentsSlider .slick-next').appendTo('#mainContentsSlider .slick-dots');


//info slider
$('#infoSlider').slick({
  autoplay: true,
  autoplaySpeed: 2000,
  dots: true,
  speed: 1000,
  fade: true
});

//campaign slider
if (window.matchMedia( '(min-width: 768px)' ).matches) {
  $('#campaignSlider').slick({
    // variableWidth: true,
    // centerMode: true,
    slidesToShow: 5,
    speed: 700,
    responsive: [{
      breakpoint: 1601,
      settings: {
        slidesToShow: 4
      }
    }, {
      breakpoint: 1501,
      settings: {
        slidesToShow: 3
      }
    }, {
      breakpoint: 1151,
      settings: {
        slidesToShow: 2
      }
    }]
  });
}

$('.campaignList01 a').hover(function() {
  $(this).find('.campaignMore01').show();
}, function() {
  $(this).find('.campaignMore01').hide();
});


//fixed banner
$('#fixBanner').slick({
  autoplay: true,
  autoplaySpeed: 2000,
  arrows: false,
  dots: false,
  slidesToShow: 2,
  speed: 1000,
  responsive: [{
    breakpoint: 768,
    settings: {
      slidesToShow: 1
    }
  }]
});