var videos = [
  'videos/portishead-glory.box.mp4',
  'videos/amy.winehouse-teach.me.tonight.mp4',
  'videos/topsecret2009.mp4'
]

function randomVideo() {
  var random = Math.floor(Math.random() * videos.length);
  $('#video').replaceWith('<video id="video" autoplay="autoplay" controls="controls" autobuffer="autobuffer" src="' + videos[random] + '">');
  $("#video").dblclick(function(){
    toggleWidth();
  })
}

function nextVideo() {
  currentVideo = currentVideo + 1;
  if (currentVideo >= videos.length) {
    currentVideo = 0;
  }
  setVideo(currentVideo);
}

function setVideo(n) {
  $('#video').replaceWith('<video id="video" autoplay="autoplay" controls="controls" src="' + videos[n] + '">');
  $("#video").dblclick(function(){
    toggleWidth();
  })
}

function toggleWidth() {
  var ve = $("#video");
  var ce = $("#video-container");
  if (ve.width() == 480) {
    ve.width(ce.width() - 20);
  } else {
    ve.width(480);
  }
}

$(document).ready(function(){
  currentVideo = 0;
  setVideo(currentVideo);
  $(".face").click(function(){
    var ve = $("#video");
    ve.removeAttr('controls');
    ve.css('opacity', '0').css('webkitTransform', 'scaleY(0)');
    window.setTimeout(function(){nextVideo(currentVideo)}, 1000);
  });
})