console.debug('gs script file');



  // check stream types
  var videoType = false;
  var audioType = false;
  if ( paramYTLeft ) videoType = 'youtube';
  else if ( $('img#gif').length ) videoType = 'gif';
  else if ( $('video#gif').length ) videoType = 'video';
  if ( paramYTRight ) audioType = 'youtube';
  else if ( $('#audiostream').length ) audioType = 'audio';
  console.debug('videoType', videoType, 'audioType', audioType);

  // youtube error handler
  function ytError(event) {
    var data = event.data;
    var msg = 'We could not load the requested Youtube video.';
    if ( data == 2 ) msg = 'The Youtube video url is invalid.';
    if ( data == 5 ) msg = 'The requested Youtube content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.';
    if ( data == 100 ) msg = 'The Youtube video requested was not found. It has been removed or has been marked as private.';
    if ( data == 101 || data == 150 ) msg = 'The owner of the requested Youtube video does not allow it to be played in embedded players or it is blocked for your region.';
    $('<div id="noscript">').text(msg).prependTo('body');
  }

  // called by the maximize button, or programatically
  function maximizeVideo() {
    console.debug('maximizeVideo()');
    if ( videoType == 'gif' ) {
      $('#gifarea a').attr('data-href', $('#gifarea a').attr('href')).removeAttr('href').attr('title', '');
      $('#maxgif').css('display', 'block');
      $('#gifarea img').addClass('maxgif').css('maxHeight', '100%').css('maxWidth', '100%');
      $('#vidcover').hide();
    } else if( videoType == 'video' ) {
      $('#maxgif').css('display', 'block');
      // $('video#gif').addClass('maxgif').css('maxHeight', 'none').css('maxWidth', 'none');
      $('video#gif').addClass('maxgif').css('maxHeight', '100%').css('maxWidth', '100%');
      $('#vidcover,div.topnav').hide();
    } else if( videoType == 'youtube' ) {
      $('#maxgif').css('display', 'block');
      $('#leftplayer').addClass('maxgif');
      $('#vidcover,div.topnav').hide();
      lftplayer.setSize($('#maxgif').width()-10,$('#maxgif').height()-10);
    }
    // save preference to localStorage
    localStorage.setItem('maxgif', '1');
  }

  // return player to normal size
  function unmaximizeVideo() {
    console.debug('unmaximizeVideo()');
    if( videoType == 'gif' ) { 
      $('#gifarea a').attr('href', $('#gifarea a').attr('data-href')).removeAttr('data-href').removeAttr('title');
      $('#gifarea img').removeClass('maxgif');
      $('#maxgif').css('display', 'none');
      $('#vidcover').show();
    } else if( videoType == 'video' ) {
      $('video#gif').removeClass('maxgif').css('maxHeight', '500px').css('maxWidth', '1000px');
      $('#maxgif').css('display', 'none');
      $('#vidcover,div.topnav').show();
    } else if( videoType == 'youtube' ) {
      $('#leftplayer').removeClass('maxgif');
      $('#maxgif').css('display', 'none');
      $('#vidcover,div.topnav').show();
      lftplayer.setSize(480, 270);
    }
    // remove pref from storage
    localStorage.removeItem('maxgif');
  }

  // @todo remove alias
  function showmaxgif() {
    return maximizeVideo();
  }

  // handler to receive events from button/player click
  function maxHandler(e) {

    if ( videoType == 'video' && $('video#gif').get(0).controls ) {
      return true;
    }

    // create placeholder if not called from event
    if ( typeof(e) == 'undefined' ) {
      e = { 
        ctrlKey: false, 
        preventDefault: function() {}
      };
    }

    if ( ! e.ctrlKey ) {
      e.preventDefault();
      if ( videoType == 'gif' ) { 
        if ( $('#gifarea img').hasClass('maxgif') ) {
          unmaximizeVideo();
        } else {
          maximizeVideo();
        }
      } else if( videoType == 'video' ) {
        if ( $('video#gif').hasClass('maxgif') ) {
          unmaximizeVideo();
        } else {
          maximizeVideo();
        }
      } else if ( videoType == 'youtube' ) {
        if ( $('#leftplayer').hasClass('maxgif') ) {
          unmaximizeVideo();
        } else {
          maximizeVideo();
        }
      }
    }
    return false;
  }

  // load reddit iframes. called after everything else loads
  function loadReddit() {
    if (redditLoaded) return;
    redditLoaded = true;
    // if referrer url contains "anime" and does not contain "/r/gifsound" then instead of /r/gifsound widgets show /r/animegifsound widgets
    var subreddit = 'gifsound';
    if (document.referrer.match(/anime/) && !document.referrer.match(/\/r\/gifsound/))
      subreddit = 'animegifsound';

    // redditHigh
    $.getJSON('https://www.reddit.com/r/' + subreddit + '/top/.json?limit=10&t=month&jsonp=?', function foo(result) {
      $.each(result.data.children.slice(0, 10), function (i, p) {
        var template1 = $('.template1:first').clone();
        var post = p.data;
        if (! post.over_18) {
          var url = $('<a>').attr('href', post.url.replace(/&amp;/g, '&')).get(0);
          if (post.thumbnail == 'nsfw') {
            var thumbnail = $('<a>').attr('href', '/nsfw.jpg').get(0);
          } else {
            var thumbnail = $('<a>').attr('href', post.thumbnail).get(0);
          }

          if (url.hostname == 'gifsound.com') url.hostname = location.hostname;
          //if (url.hostname == 'gifsound.com' && location.port == '843') url.port = '843';
          //if (url.hostname == 'gifsound.com') url.port = '843';
          thumbnail.protocol = 'https:';

          template1.removeClass('template1');
          template1.find('.reddit-comment-link').attr('href', '//reddit.com/' + post.permalink).html(post.num_comments + ' comments');
          template1.find('.score').html(post.score + ' points');
          template1.find('.reddit-link-title').html(post.title);
          template1.find('.reddit-link-title').attr('href', url.href);
          template1.find('.thumbnail').attr('href', url.href);
          template1.find('.thumbnail img').attr('src', thumbnail.href);
          $('#redditHigh').find('.rembeddit-content div:first').append(template1);
        }
      });
    });
    // redditNew
    $.getJSON('https://www.reddit.com/r/' + subreddit + '/hot/.json?limit=10&t=all&jsonp=?', function foo(result) {
      $.each(result.data.children.slice(0, 10), function (i, p) {
        var template1 = $('.template1:first').clone();
        var post = p.data;
        if (! post.over_18) {
          var url = $('<a>').attr('href', post.url.replace(/&amp;/g, '&')).get(0);
          if (post.thumbnail == 'nsfw') {
            var thumbnail = $('<a>').attr('href', '/nsfw.jpg').get(0);
          } else {
            var thumbnail = $('<a>').attr('href', post.thumbnail).get(0);
          }

          if (url.hostname == 'gifsound.com') url.hostname = location.hostname;
          //if (url.hostname == 'gifsound.com' && location.port == '843') url.port = '843';
          //if (url.hostname == 'gifsound.com') url.port = '843';
          thumbnail.protocol = 'https:';

          template1.removeClass('template1');
          template1.find('.reddit-comment-link').attr('href', '//reddit.com/' + post.permalink).html(post.num_comments + ' comments');
          template1.find('.score').html(post.score + ' points');
          template1.find('.reddit-link-title').html(post.title);
          template1.find('.reddit-link-title').attr('href', url.href);
          template1.find('.thumbnail').attr('href', url.href);
          template1.find('.thumbnail img').attr('src', thumbnail.href);
          $('#redditNew').find('.rembeddit-content div:first').append(template1);
        }
      });
    });
    //$('body').append('<iframe id="iframe1" src="redditNew.html" style="display: none">');
    //$('body').append('<iframe id="iframe2" src="redditHigh.html" style="display: none">');
  }

  function decodeTime(str) {
    if ( str.trim().length == 0 ) return '';
    if ( str.match(/[^0-9]/) ) {
      var t = str.replace(/[^0-9:ms]/gi, '').replace('m', ':').replace(/s$/i, '').split(':');
      return t.length == 1 ? parseInt(t[0]) : (parseInt(t[0]) * 60) + parseInt(t[1]);
    }
    return parseInt(str);
  }

  function encodeTime(x, t) {
    t = t || false;
    if ( typeof x == 'string' && x.indexOf(':') >= 0 ) {
      return x;
    }
    if ( t && parseInt(x) == 0 ) {
      return '0:00';
    } else if ( t === false && x == '0:00' ) {
      return '';
    } else if ( parseInt(x) > 0 ) {
      return parseInt(x/60) + ':' + (parseInt(x % 60) < 10 ? '0' : '') + parseInt(x % 60);
    }
    return '';
  }

  function updateQuery(change) {
    // populate urlParams with an obj of search query params
    var urlParams = {};
    var l = location.search;

    $.each(l.substr(1).split('&'), function(k,v){
      if (v.indexOf('=') > -1) {
        var s = v.split('=');
        urlParams[s[0]] = s[1];
      }
    });

    // update each change
    $.each(change, function(k,v){
      urlParams[k] = v;
    });

    // clean up url
    $.each(urlParams, function(k,v){
      if (typeof v == 'string' && (v == '' || v == '0')) delete urlParams[k];
      if (typeof v == 'number' && v == 0) delete urlParams[k];
    });

    // @todo change $.param
    var p = '';
    $.each(urlParams, function(k,v) {
      p += k + '=' + v + '&';    
    });
    p = p.replace(/&$/, '');

    if (p.length > 0 && p.substr(0,1) !== '?') {
      p = '?' + p;
    } 
    history.replaceState(null, null, location.protocol + '//' + location.host + location.pathname + p);
  }

  // change start/end time automatically
  function changeTime(e) {
    var _t = this;
    if ( $(_t).prop('readonly') == true ) return true;

    var fieldName = $(_t).attr('name');
    var value = decodeTime($(_t).val());
    var found;
    var startField = fieldName == 's' || fieldName == 'gs' ? true : false;

    if ( e.type == 'keydown' ) {
      if ( e.which == 38 ) {
        value++;
        $(_t).val(encodeTime(value, startField));
      } else if (e.which == 40) {
        if (value > 0) value--;
        $(_t).val(encodeTime(value, startField));
      }
      return true;
    }

    if (fieldName == 'gs') {
      paramGS = value;
      if ( videoType == 'youtube' ) {
        reseekAudio();
        lftplayer.pauseVideo();
        lftplayer.seekTo(paramGS, true);
        resumeStreams('loop');
      } else if ( videoType == 'video' ) {
        reseekAudio();
        $('video#gif').get(0).pause();
        $('video#gif').get(0).currentTime = paramGS;
        resumeStreams('loop');
      }
      updateQuery({ gs: paramGS });
    } else if (fieldName == 'ge') {
      var d = getVideoDuration();
      if ( value == paramGE || paramGE == d ) return false;
      paramGE = value ? value : d;
      if ( videoType == 'youtube' ) {
        lftplayer.seekTo(paramGE - 3, true);
      } else if ( videoType == 'video' ) {
        $('video#gif').get(0).currentTime = paramGS - 3;
      }
      updateQuery({ ge: paramGE });
    } else if (fieldName == 's' && paramStart != value) { 
      paramStart = value;
      if ($('video#gif').length) {
        $('#gif').get(0).pause();
        $('#gif').get(0).currentTime = 0;
      }
      reseekAudio();
      resumeStreams();
      // if ( typeof player !== 'undefined') player.loadVideoById({ 'videoId': paramYTRight, 'startSeconds': paramStart });
      updateQuery({ s: paramStart });
    } else if (fieldName == 'e' && paramEnd != value) {
      paramEnd = value;
      /* if ($('video#gif').length) {
        $('#gif').get(0).pause();
        $('#gif').get(0).currentTime = 0;
      } */
      if ( audioType == 'youtube' ) {
        // @todo cant we just use seek?
        // player.loadVideoById({ 'videoId': paramYTRight, 'startSeconds': parseFloat(paramEnd) - 3 > paramStart ? parseFloat(paramEnd) - 3 : 0 });
        player.seekTo(parseFloat(paramEnd) - 3 > paramStart ? parseFloat(paramEnd) - 3 : 0);
      } else if ( audioType == 'audio' ) {
        $('#audiostream').get(0).currentTime = parseFloat(paramEnd) - 3 > paramStart ? parseFloat(paramEnd) - 3 : 0;
      }
      updateQuery({ e: paramEnd });
    } else if (e.type == 'change' && fieldName == 'rs') {
      value = $(_t).prop('checked') ? 'on' : '';
      // console.debug('rs', value, paramResync, paramEnd,  decodeTime($('input[name=e]').val()));
      if (value !== paramResync) {
        paramResync = value;
        if ( paramResync == 'on' ) {
          if ( audioType == 'youtube' ) paramEnd =  parseInt(player.getDuration());
          if ( audioType == 'audio' ) paramEnd = parseFloat($('#audiostream').get(0).duration);
        } else {
          paramEnd = decodeTime($('input[name=e]').val()); // audio end time
        }
        $('input[name=e]').prop('readonly', (paramResync == 'on' ? true : false)).css('background-color', (paramResync == 'on' ? '#e0e0e0' : '#ffffff'));
        updateQuery({ rs: paramResync, e: paramResync == 'on' ? '' : paramEnd });
      }
    }

  }

  // event triggered when youtube api loads
  function onYouTubeIframeAPIReady() {
    console.debug('onYouTubeIframeAPIReady()');
    ytApiReady.resolve();
  }

  function muteThis(event) {
    event.target.mute();
  }

  // youtube audio stream event
  function audioStateChange(event) {
    var state = event.data;
    // console.debug('audioStateChange()', state);
    if ( state == YT.PlayerState.PLAYING && !audiostreamReady.isResolved() ) {
      // it's the first time the audio starts playing and it's syncing
      player.pauseVideo();
      audiostreamReady.resolve();
    }
  }

  // youtube video stream event
  function videoStateChange(event) {
    var state = event.data;
    console.debug('videoStateChange()', state);
    if ( state == YT.PlayerState.PLAYING && !videostreamReady.isResolved() ) {
      // it's the first time the video starts playing and it's syncing
      lftplayer.pauseVideo();
      lftplayer.mute(); // mute again, just in case
      videostreamReady.resolve();
    }
  }

  // start playing video input immediately and do not wait for youtube sound to load
  var skipSync = false;
  function skip() {
    console.debug('skipping...');
    skipSync = true;
    $('#overlay').remove();
    $.when(audiostreamReady).done(function() {
      console.debug('audio stream ready!');
      audioPlayNow();
    });
    $.when(videostreamReady).done(function() {
      console.debug('video stream ready!');
      videoPlayNow();
    });
    setTimeout(loadReddit, 5000);
    return false;
  }

  function audioPlayNow() {
    // play all
    if ( audioType == 'youtube' ) {
      if ( ! paramEnd ) {
        paramEnd = parseInt(player.getDuration());
      } 
      player.playVideo();
    } else if ( audioType == 'audio' ) {
      if ( ! paramEnd ) {
        paramEnd = parseInt($('#audiostream').get(0).duration);
      }
      $('#audiostream').get(0).play();
    }
  }

  function getAudioDuration() {
    if ( audioType == 'youtube' ) return parseInt(player.getDuration());
    if ( audioType == 'audio' ) return parseFloat($('#audiostream').get(0).duration);
    return '';
  }

  function getVideoDuration() {
    if ( videoType == 'video' ) return parseFloat($('video#gif').get(0).duration);
    if ( videoType == 'youtube' ) return parseInt(lftplayer.getDuration());
    return '';
  }

  function videoPlayNow() {
    if ( videoType == 'video' ) {
      if ( ! paramGE ) {
        paramGE = parseFloat($('video#gif').get(0).duration);
      }
      $('video#gif').get(0).play();
    } else if ( videoType == 'youtube' ) {
      if ( ! paramGE ) {
        paramGE = parseInt(lftplayer.getDuration());
      }
      // do not create handler because user should be able to click ad close button
      // $('#gifarea').on('click', maxHandler);
      lftplayer.playVideo();
    }
  }

  function reseekAudio() {
    if ( audioType == 'youtube') { 
      if ( player.getPlayerState() == YT.PlayerState.PAUSED && paramResync )
        return;
      player.pauseVideo();
      player.seekTo(paramStart, true);
    }
    if ( audioType == 'audio' ) {
      if ( $('#audiostream').get(0).paused && paramResync )
        return;
      $('#audiostream').get(0).pause();
      $('#audiostream').get(0).currentTime = paramStart;
    }
  }

  function resumeStreams(origin) {
    // starts with both streams paused. checks when both are ready to play and resume them
    var audioOk = false;
    var videoOk = false;
    
    if ( audioType == 'youtube' && player.getPlayerState() == YT.PlayerState.PAUSED ) audioOk = true;
    if ( audioType == 'audio' ) audioOk = true; // can use readyState == 4
    if ( videoType == 'youtube' && (lftplayer.getPlayerState() == YT.PlayerState.PAUSED || lftplayer.getPlayerState() == YT.PlayerState.PLAYING) ) videoOk = true;
    if ( videoType == 'video' ) videoOk = true; // can use readyState == 4
    if ( videoType == 'gif' ) videoOk = true; // can use readyState == 4



    if ( videoOk && audioOk ) {
      if ( audioType == 'youtube' ) {
        if ( typeof origin == 'undefined' ) {
          player.playVideo();
        } else if ( origin == 'loop' ) {
          if ( paramResync && player.getPlayerState() == YT.PlayerState.PAUSED ) {
            // ignore
          } else {
            player.playVideo();
          }
        }
      }
      if ( audioType == 'audio' ) {
        if ( typeof origin == 'undefined' ) {
          $('#audiostream').get(0).play();
        } else if ( origin == 'loop' ) {
          if ( paramResync && $('#audiostream').get(0).paused ) {
            // ignore
          } else {
            $('#audiostream').get(0).play();
          }
        }
      }
      if ( videoType == 'youtube' ) lftplayer.playVideo();
      if ( videoType == 'video' ) $('video#gif').get(0).play();
    } else {
      setTimeout(resumeStreams, 1000);
    }
  }

  var lastVideoTime = false;
  var lastAudioTime = false;
  function loopManager() {
    // loop streams
    var tm = 100;
    var videoTime = 0;
    var audioTime = 0;

    // record times
    if ( videoType == 'youtube' ) videoTime = lftplayer.getCurrentTime();
    else if ( videoType == 'video' ) videoTime = $('video#gif').get(0).currentTime;

    if ( audioType == 'youtube' ) audioTime = player.getCurrentTime();
    else if ( audioType == 'audio' ) audioTime = $('#audiostream').get(0).currentTime;

    // console.debug('vloop', videoType, paramGE, videoTime, lastVideoTime);

    if ( videoType == 'youtube' && ( videoTime >= (paramGE - 0.5) || (videoTime == 0 && lastVideoTime > 0) ) ) {
      lastVideoTime = false;
      if ( paramResync ) { 
        reseekAudio();
        lftplayer.pauseVideo();
      }
      lftplayer.seekTo(paramGS, true); // this can take a little while
      if ( paramResync ) resumeStreams('loop');
      tm = 1000;
    }

    if ( videoType == 'video') {
      if ( paramGS > 0 && paramGE < parseFloat($('video#gif').get(0).duration) ) {
        if ( ( videoTime >= (paramGE - 0.101) || (videoTime == 0 && lastVideoTime > 0) ) ) {
          lastVideoTime = false;
          if ( paramResync ) {
            reseekAudio();
            $('video#gif').get(0).pause();
          }
          $('video#gif').get(0).currentTime = paramGS; // this should be instant
          if ( paramResync ) { 
            resumeStreams('loop');
          } else {
            if ( videoType == 'video' && $('video#gif').get(0).paused ) $('video#gif').get(0).play();
          }
          tm = 1000;
        }
      } else {
        // will let the video loop by itself
      }
    }



    if ( ! paramEnd || paramEnd <= 0 || paramEnd < paramStart ) {
      if ( paramResync ) {
        if ( audioType == 'youtube' ) paramEnd = parseInt(player.getDuration());
        else if ( audioType == 'audio' ) paramEnd = parseFloat($('#audiostream').get(0).duration);
      } else {
        var timeFromUI = $('input[name=e]').val();
        if ( audioType == 'youtube' ) paramEnd = timeFromUI ? decodeTime(timeFromUI) : parseFloat(player.getDuration());
        else if ( audioType == 'audio' ) paramEnd = decodeTime($('input[name=e]').val());
      }
    }

    // double check paramEnd should default to audio duration in case of paramResync
    var tempAudioEndTime = paramEnd;

    // play sound until full paramEnd
    if ( (tempAudioEndTime + 1) <= getAudioDuration() ) 
      tempAudioEndTime++;

    if ( paramResync )
      tempAudioEndTime = getAudioDuration();

    if ( audioType == 'youtube' && ( audioTime > (tempAudioEndTime - 0.101) || (audioTime == 0 && lastAudioTime > 0) ) ) { 
      lastAudioTime = false;
      player.seekTo(paramStart, true);
      tm = 500;
    }
    if ( audioType == 'audio' && ( audioTime > (tempAudioEndTime - 0.101) || (audioTime == 0 && lastAudioTime > 0) ) ) {
      lastAudioTime = false;
      $('#audiostream').get(0).currentTime = paramStart;
      tm = 500;
    }

    if ( videoTime > 0 ) lastVideoTime = true;
    if ( audioTime > 0 ) lastAudioTime = true;
    setTimeout(loopManager, tm);
  }














var paramStart; // audio start time
var paramEnd; // audio end time
var paramGS; // video start time
var paramGE; // video end time
var paramResync; // resync. restart audio when video loops
var player;
var lftplayer;
var ytApiReady;
var audiostreamReady;
var videostreamReady;
var allSync;
var syncTimeout;

function mainLoader() {
  // create a video element and try to play automatically
  var x = document.createElement('video');
  x.src = 'data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAs1tZGF0AAACrgYF//+q3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0OCByMjYwMSBhMGNkN2QzIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNSAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTMgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MzoweDExMyBtZT1oZXggc3VibWU9NyBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0xIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MSA4eDhkY3Q9MSBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0tMiB0aHJlYWRzPTEgbG9va2FoZWFkX3RocmVhZHM9MSBzbGljZWRfdGhyZWFkcz0wIG5yPTAgZGVjaW1hdGU9MSBpbnRlcmxhY2VkPTAgYmx1cmF5X2NvbXBhdD0wIGNvbnN0cmFpbmVkX2ludHJhPTAgYmZyYW1lcz0zIGJfcHlyYW1pZD0yIGJfYWRhcHQ9MSBiX2JpYXM9MCBkaXJlY3Q9MSB3ZWlnaHRiPTEgb3Blbl9nb3A9MCB3ZWlnaHRwPTIga2V5aW50PTI1MCBrZXlpbnRfbWluPTEwIHNjZW5lY3V0PTQwIGludHJhX3JlZnJlc2g9MCByY19sb29rYWhlYWQ9NDAgcmM9Y3JmIG1idHJlZT0xIGNyZj0yMy4wIHFjb21wPTAuNjAgcXBtaW49MCBxcG1heD02OSBxcHN0ZXA9NCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAD2WIhAA3//728P4FNjuZQQAAAu5tb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAAZAABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACGHRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAEAAAAAAAAAZAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAgAAAAIAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAAGQAAAAAAAEAAAAAAZBtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAACgAAAAEAFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAE7bWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAA+3N0YmwAAACXc3RzZAAAAAAAAAABAAAAh2F2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAgACAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAxYXZjQwFkAAr/4QAYZ2QACqzZX4iIhAAAAwAEAAADAFA8SJZYAQAGaOvjyyLAAAAAGHN0dHMAAAAAAAAAAQAAAAEAAAQAAAAAHHN0c2MAAAAAAAAAAQAAAAEAAAABAAAAAQAAABRzdHN6AAAAAAAAAsUAAAABAAAAFHN0Y28AAAAAAAAAAQAAADAAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU2LjQwLjEwMQ==';
  // will check if chrome will allow the video to be played
  var promise = x.play();
  if (promise !== undefined) {
    promise.then(_ => {
      promiseDispatcher();
    }).catch(error => {
      console.log('Autoplay was prevented.');
      $('<div>').attr('id', 'playcover').attr('style', 'display: block;position: absolute;left: 0;top: 30px;width: 100%;height: 100%;background-color: white;z-index: 999999;').appendTo('body');
      $('<button>').attr('type', 'button').attr('style', 'margin: 100px 40%;width: 20%;height: 45px;background-color: darkcyan;color: white;font-weight: bold;font-size: 14px;').html('PLAY GIF Sound').appendTo('#playcover').on('click', function(){
        $('#playcover').hide();
        promiseDispatcher();
      });
    });
  }
}
 
function promiseDispatcher() {
  // control audio stream cover (so that video part does not appear, unless requested)
  $('#vidcover').show();
  $('#ytshowlink').on('click', function(e){
    e.preventDefault(); //***improve: permit ctrl+click
    $('#vidcover').hide();
    $('#ythldiv').css('display', 'inline-block');
  });
  $('#ythidelink').on('click', function(e){
    e.preventDefault();
    $('#vidcover').show();
    $('#ythldiv').hide();
  });
  // attach maximize handler to button
  $('#maxgifbtn').on('click', maxHandler);


  $('#ytsound')
    .on('mouseenter', function(e){ $('#vidcover').css('height', '205px'); })
    .on('mouseleave', function(e){ $('#vidcover').css('height', '250px'); });

  $('#gifcontrol').on('click', function(e){
    e.preventDefault();
    e.stopPropagation();
    if ( videoType == 'video' ) {
      if ( $('video#gif').get(0).paused ) {
        $('video#gif').get(0).play();
        $('#gifcontrol img').attr('src', 'pause-16.png');
      } else {
        $('video#gif').get(0).pause();
        $('#gifcontrol img').attr('src', 'play-6-16.png');
      }
    }
    if ( videoType == 'youtube' ) {
      if ( lftplayer.getPlayerState() == 1 ) {
        lftplayer.pauseVideo();
        $('#gifcontrol img').attr('src', 'play-6-16.png');
      } else {
        lftplayer.playVideo();
        $('#gifcontrol img').attr('src', 'pause-16.png');
      }
    }
    return false;
  });

  // do not show special cursor for youtube, since we are not setting up the handler
  // if ( videoType == 'youtube' ) {
    // $('#gifarea').css('cursor', 'zoom-in');
  // }

  // clean up location bar
  updateQuery({});

  //(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  //  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  //  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  //})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  //ga('create', 'UA-2955508-14', 'auto');
  //ga('send', 'pageview');





  // hide resync option if video stream if a plain gif image
  if ( ! videoType || videoType == 'gif' ) {
    $('.gTime input').prop('readonly', true).css('background-color', '#e0e0e0');
    $('.gTime').attr('title', 'Start and End time options only work when the "GIF" is actually a video.');
    $('.gTime')
      .on('mousedown', function(e) { e.preventDefault(); return false; })
      .on('mouseup', function(e) { alert(this.title); });
  } else if ( videoType == 'video' ) {
    $('input[name=gif],input[name=gs],input[name=ge],#gTimeSwitch').on('click', function(){
      if ( ! $('video#gif').get(0).controls  )
        $('video#gif').get(0).controls = true;
        $('video#gif').css('cursor', 'auto').attr('title', '');
    });
    $('video#gif').on('contextmenu', function(e) {
      if ( ! $('video#gif').get(0).controls ) {
        $('video#gif').get(0).controls = true;
        $('video#gif').css('cursor', 'auto').attr('title', '');
        e.preventDefault();
        return false;
      }
      return true;
    });
  }

  if ( videoType == 'video') {
    $('#gifarea').attr('title' , 'Left-Click to expand.\n\nRight-Click to show controls.');
  }

  if ( ! audioType ) {
    $('.aTime input').prop('readonly', true).css('background-color', '#e0e0e0');
    $('.aTime').attr('title', 'To enable Start and End time options, enter a video and click "combine".');
    $('.aTime')
      .on('mousedown', function(e) { e.preventDefault(); return false; })
      .on('mouseup', function(e) { alert(this.title); });
  }

  $('input[name=gif]').on('change.gifmsg', function(){ 
    var msg = 'Click the "combine" button to update.';
    var v = $('input[name=gif]').val();
    if ( v.match(/youtube|gfycat|imgur|mp4$|webm$/) ) 
      msg = 'Click the "combine" button to enable Start and End times.';

    $('#gifmsg').css('color', 'black').html(msg);
    $('input[name=gs],input[name=ge]').val('').prop('readonly', true).css('background-color', '#e0e0e0');
    $('#gTimeSwitch').hide();
  });

  $('input[name=sound]').on('change.gifmsg', function(){ 
    var msg = 'Click the "combine" button to update.';
    var v = $('input[name=sound]').val();
    if ( v.match(/youtube|gfycat|imgur|mp3$|webm$/) ) 
      msg = 'Click the "combine" button to enable Start and End times.';

    $('#soundmsg').css('color', 'black').html(msg);
    $('input[name=s],input[name=e]').val('').prop('readonly', true).css('background-color', '#e0e0e0');
    $('#aTimeSwitch').hide();
  });

 
  // make time fields user friendly
  $('input[name=s]').val(encodeTime($('input[name=s]').val(), true));
  $('input[name=e]').val(encodeTime($('input[name=e]').val(), false));
  $('input[name=gs]').val(encodeTime($('input[name=gs]').val(), true));
  $('input[name=ge]').val(encodeTime($('input[name=ge]').val(), false));

  // if there is the sound dialog, then make gifarea td visible
  if ( $('#choosesound').length ) {
    $('#gifarea').css('visibility', 'visible');
  }

  // do not submit readonly fields
  $('#mainform').on('submit', function() {
    if ( $('input[name=s]').prop('readonly') ) $('input[name=s]').prop('disabled', true);
    if ( $('input[name=e]').prop('readonly') ) $('input[name=e]').prop('disabled', true);
    if ( $('input[name=gs]').prop('readonly') ) $('input[name=gs]').prop('disabled', true);
    if ( $('input[name=ge]').prop('readonly') ) $('input[name=ge]').prop('disabled', true);
    return true;
  });
 
  paramStart = decodeTime($('input[name=s]').val()); // audio start time
  paramEnd = decodeTime($('input[name=e]').val()); // audio end time
  paramGS = decodeTime($('input[name=gs]').val()); // video start time
  paramGE = decodeTime($('input[name=ge]').val()); // video end time
  paramResync = $('#rs').is(':checked'); // resync. restart audio when video loops

  if ( paramGS == '' ) paramGS = 0;
  if ( paramGE == '' ) paramGE = 0;
  if ( paramStart == '' ) paramStart = 0;
  if ( paramEnd == '' ) paramEnd = 0;

  if ( paramGS == 0 && paramGE == 0) {
    $('.gTime').hide(); 
    $('#gTimeSwitch').show().on('click', function(){ $('#gTimeSwitch').hide(); $('.gTime').show(); });
  }

  if ( paramStart == 0 && paramEnd == 0) {
    $('.aTime').hide(); 
    $('#aTimeSwitch').show().on('click', function() { $('#aTimeSwitch').hide(); $('.aTime').show(); });
  }

  $('#sndstartlink').on('click', function() {
    var ctime = false;
    if ( audioType == 'youtube' ) ctime = parseInt(player.getCurrentTime());
    if ( audioType == 'audio' ) ctime = parseInt($('#audiostream').get(0).currentTime);

    $('input[name=s]').val( encodeTime(ctime, true) );
    $('#aTimeSwitch').hide(); $('.aTime').show();

    paramStart = ctime;
    updateQuery({ s: paramStart });

    return false;
  });
  $('#sndendlink').on('click', function() {
    var ctime = false;
    if ( audioType == 'youtube' ) ctime = parseInt(player.getCurrentTime());
    else if ( autioType == 'audio') ctime = parseInt($('#audiostream').get(0).currentTime);
    
    $('input[name=e]').val( encodeTime(ctime, false) );
    $('#aTimeSwitch').hide(); $('.aTime').show();

      paramEnd = ctime;
      if ( audioType == 'youtube' ) {
        player.seekTo(parseFloat(paramEnd) - 3 > paramStart ? parseFloat(paramEnd) - 3 : 0);
      } else if ( audioType == 'audio' ) {
        $('#audiostream').get(0).currentTime = parseFloat(paramEnd) - 3 > paramStart ? parseFloat(paramEnd) - 3 : 0;
      }
      updateQuery({ e: paramEnd });

    return false;
  });
  $('input[name=sound],input[name=s],input[name=e],#aTimeSwitch,#ytshowlink').on('mouseup', function() {
    $('#sndlinks').css('display', 'inline');
  });

  // if resync, make sound end time disabled
  if ( paramResync ) {
    $('input[name=e]').val('').prop('readonly', true).css('background-color', '#e0e0e0');
  }

  // if there is at least one stream, start processing...
  if ( videoType || audioType ) {

    // flag to monitor youtube player and video are ready to play
    ytApiReady = $.Deferred();
    audiostreamReady = $.Deferred();
    videostreamReady = $.Deferred();
    allSync = 0;

    // when streams ready, show video and play
    $.when(audiostreamReady, videostreamReady).done(function() {
      clearTimeout(syncTimeout);
      if ( skipSync ) { 
        setTimeout(loopManager, 100);
        return;
      }

      console.debug('streams ready!');
    if ( videoType == 'video' && paramGS <= 0 && ( paramGE == 0 || paramGE >= parseFloat($('video#gif').get(0).duration) ) ) {
      $('video#gif').get(0).loop = true;
    }

      // play all
      audioPlayNow();
      videoPlayNow();
      setTimeout(loopManager, 100);
      setTimeout(function(){ $('#overlay').remove() }, 100);
      setTimeout(loadReddit, 5000);
      if ( localStorage.getItem('maxgif') == '1' ) maximizeVideo();
    });

    // if there is a choose gif dialog, show gifarea td
    if ( $('#choosegif').length ) {
      $('#gifarea').css('visibility', 'visible');
      allSync++;
    }

    // load youtube
    if ( videoType == 'youtube' || audioType == 'youtube' ) {
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      document.head.appendChild(tag);
    } else {
      ytApiReady.resolve();
    }

    // if there is an audio tag, preload and pause
    if ( audioType == 'audio' ) {
      $('#audiostream').on('canplay.sync', function(event) { 
        console.debug('audio', 'canplay.sync');
        $('#audiostream').off('canplay.sync');
        $('#audiostream').on('canplay.sync2', function(event) {
          $('#audiostream').off('canplay.sync2');
          audiostreamReady.resolve();
          // $('#gifarea').css('visibility', 'visible');
          allSync++;
        });
        $('#audiostream').get(0).currentTime = paramStart;
      });
      $('#audiostream').get(0).preload = '';
    } else if ( audioType == 'youtube' ) {
      // if audio comes from youtube video, load player
      $.when(ytApiReady).done(function() {
        // create a new youtube player instance
        player = new YT.Player('player', {
          height: '250', width: '300', videoId: paramYTRight,
          events: { 'onStateChange': audioStateChange, 'onReady': function(){ player.seekTo(paramStart, true); }, 'onError': ytError },
          playerVars: { showinfo: 0, start: paramStart, loop: 1, autoplay: 0, enablejsapi: 1, iv_load_policy: 3, rel: 0 }
        });
      });
    } else {
      audiostreamReady.resolve();
    }

    // video input is an mp4/webm file. setup events
    if ( videoType == 'video' ) {
      $('video#gif').on('canplay.sync', function(event) { 
        console.debug('video', 'canplay.sync');
        $('video#gif').off('canplay.sync');
        $('video#gif').on('canplay.sync2', function(event) {
          $('video#gif').off('canplay.sync2');
          videostreamReady.resolve();
          // $('#gifarea').css('visibility', 'visible');
          allSync++;
        });
        $('video#gif').get(0).currentTime = paramGS;
      });
      $('video#gif').get(0).preload = '';
      $('video#gif').on('click', maxHandler);

      // it might happen that ff will not trigger the event above if the video
      // is already cached. so we will double check in 2 seconds from now
      setTimeout(function(){
        if ( $('video#gif').get(0).readyState > 3 ) {
          console.debug('video', 'canplay.sync - alternative');
          $('video#gif').off('canplay.sync');
          $('video#gif').get(0).currentTime = paramGS;
          videostreamReady.resolve();
          allSync++;
        }
      }, 2000);


    } else if ( videoType == 'gif' ) {
      $('img#gif').on('load', function(){
        videostreamReady.resolve();
      });
      $('img#gif').prop('src', $('img#gif').data('src'));
      $('img#gif').data('src', '');
      $('img#gif').on('click', maxHandler);
    } else if ( videoType == 'youtube' ) {
      // if audio comes from youtube video, load player
      $.when(ytApiReady).done(function() {
        // create a new youtube player instance
        lftplayer = new YT.Player('leftplayer', {
          height: '360', width: '640', videoId: paramYTLeft,
          events: { 'onStateChange': videoStateChange, 'onPlayerReady': muteThis, 'onError': ytError },
          playerVars: { showinfo: 0, start: paramGS, loop: 1, autoplay: 1, enablejsapi: 1, iv_load_policy: 3, rel: 0, controls: 0, disablekb: 1, fs: 0 }
        });
      });
      $('#maxgif').on('click', maxHandler);
    } else {
      videostreamReady.resolve();
    }
  } else {
    loadReddit();
  }

  // monitor start/end time changes
  $('input[name=s],input[name=e],input[name=gs],input[name=ge]').keyup( $.debounce( 1500, changeTime ) );
  $('input[name=s],input[name=e],input[name=gs],input[name=ge]').keydown( changeTime );
  $('#rs').on('change', changeTime);
  $('input[name=e]')
    .on('mousedown', function(e) { 
      if ( $('input[name=e]').prop('readonly') == true && $('input[name=rs]').prop('checked') == true ) { 
        e.preventDefault(); return false; 
      }
    })
    .on('mouseup', function(e) { 
      if ( $('input[name=e]').prop('readonly') == true && $('input[name=rs]').prop('checked') == true ) {
        alert("End time is disabled because 'gif-sync' is checked. They can not be used together.");
      }
    });

  // if sync step doesn't complete after 8 seconds start playing
  if ( videoType || audioType ) {
    syncTimeout = setTimeout(function(){
      console.debug('syncTimeout');
      // skip sync
      skip();

      // show text
      $('#oops').show();

      // if the sound is the thing that has frozen, then uncover it
      if ( !audiostreamReady.isResolved() ) {
        $('#vidcover').hide();
        $('#ythldiv').css('display', 'inline-block');
      }
    }, 7000);
  }
}

 mainLoader();

/* vim: set syntax=javascript: */