var hats = Array(
  'http://img2.wikia.nocookie.net/__cb20140408163249/clubpenguin/images/2/2f/Mini_Sombrero.png', 'http://www.clker.com/cliparts/2/6/d/8/1194986432495548228pimp_hat_james_birkett_01.svg.med.png',
  'http://www.clker.com/cliparts/7/1/8/d/12370997741466043805nicubunu_Propeller_hat.svg.med.png',
  'http://www.how-to-draw-funny-cartoons.com/image-files/cartoon-cowboy-8.gif',
  'http://cdn.graphicsfactory.com/clip-art/image_files/image/5/1313955-witch-hat-002_92007.gif',
  'http://images.all-free-download.com/images/graphiclarge/hat_mario_101401.jpg',
  'https://3.bp.blogspot.com/-g5ilgQwFjSs/T_7vqE9_moI/AAAAAAAAFaM/ve5WWZgIn-w/s1600/new-puffle-hats.PNG',
  'http://www.vector-eps.com/wp-content/gallery/vector-hats-design/vector-hat-design1.jpg',
  'http://th00.deviantart.net/fs5/PRE/f/2006/348/4/b/Vector_Christmas_Hat_by_JezFez81.png'
);

$('#hat-switch').on('click', function(e) {
  e.preventDefault();
  var hat = hats[Math.floor(Math.random()*hats.length)];
  $('.hat').css('background-image', 'url(' + hat + ')');
});

window.addEventListener("DOMContentLoaded", function() {
  // Grab elements, create settings, etc.
  var video = document.getElementById("video"),
      videoObj = { "video": true },
      errBack = function(error) {
        console.log("Video capture error: ", error.code); 
      };

  // Put video listeners into place
  if(navigator.getUserMedia) { // Standard
    navigator.getUserMedia(videoObj, function(stream) {
      video.src = stream;
      video.play();
    }, errBack);
  } else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
    navigator.webkitGetUserMedia(videoObj, function(stream){
      video.src = window.webkitURL.createObjectURL(stream);
      video.play();
    }, errBack);
  } else if(navigator.mozGetUserMedia) { // WebKit-prefixed
    navigator.mozGetUserMedia(videoObj, function(stream){
      video.src =
      video.play();
    }, errBack);
  }

}, false);