var tag = document.createElement('script');
tag.src = 'https://www.youtube.com/player_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var tv,
    playerDefaults = {autoplay: 0, autohide: 1, modestbranding: 0, rel: 0, showinfo: 0, controls: 0, disablekb: 1, enablejsapi: 0, iv_load_policy: 3, loop:1};
var vid = [
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'hd720'}, // nine worlds
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'hd720'}, // icebike adventures
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'hd720'}, // reykjavik rocks
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'large'}, // inspired by iceland
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'hd720'}, // highlands
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'hd720'}, // mammut
  {'videoId': 'lNHIUytMIIs', 'startSeconds': 0, 'endSeconds': 167, 'suggestedQuality': 'hd720'} // sigur ros
],
    randomvid = Math.floor(Math.random() * (vid.length - 1 + 1));

function onYouTubePlayerAPIReady(){
  tv = new YT.Player('tv', {events: {'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange}, playerVars: playerDefaults});
}

function onPlayerReady(){
  tv.loadVideoById(vid[randomvid]);
  tv.mute();
}

function onPlayerStateChange(e) {
  if (e.data === 1){
    $('#tv').addClass('active');
  } else if (e.data === 0){
    tv.seekTo(vid[randomvid].startSeconds)
  }
}

function vidRescale(){

  var w = $(window).width()+200,
      h = $(window).height()+200;

  if (w/h > 16/9){
    tv.setSize(w, w/16*9);
    $('.tv .screen').css({'left': '0px'});
  } 
  //else {
  //  tv.setSize(h/9*16, h);
  //  $('.tv .screen').css({'left': -($('.tv .screen').outerWidth()-w)/2});
  //}
}

$(window).on('load resize', function(){
  vidRescale();
});

$('.hi span').on('click', function(){
  $('#tv').toggleClass('mute');
  if($('#tv').hasClass('mute')){
    tv.mute();
    $(this).siblings('i').html('unmute');
  } else {
    tv.unMute();
    $(this).siblings('i').html('mute');
  }
});