JS Source files for the church mission wall project

pageAction.js

// Listen for user input and display a prompt if none for 30 seconds.
$(document).ready(function() {

  var i = null;
  $("#body-wrap").mousemove(function() {
    clearTimeout(i);
    $("#overlay").fadeOut();
    i = setTimeout(function() {
      $("#overlay").fadeIn();
    }, 20000);
  })
})

vid.js

// Controls video display and playback

$(document).ready(function() {
  // Listen for a click on a mission & play the video
  $('.cell').on('click', function() {
    var element = this.getElementsByTagName('video');
    var m = element[0].getAttribute('id');

    console.log(m);
    var v = document.getElementById(m);
    if (v.webkitRequestFullscreen) {
      v.className = "";
      v.webkitRequestFullscreen();
    }

    $("#" + m).on("ended", function() {
      this.webkitExitFullscreen();
      this.className = "hide";
    });

    // Detect fullscreen entered or exited for play state
    $("#" + m).bind('webkitfullscreenchange', function(e) {
    var state = document.webkitIsFullScreen;
    var event = state ? 'FullscreenOn' : 'FullscreenOff';
    if (event == 'FullscreenOn') {
      console.log('entered fullscreen, playing...')
      setTimeout(function() {v.play()},2000);
    } else {
      console.log('exited fullscreen, pausing...')
      this.className = "hide";
      v.pause();
    }
    });
  })
})