2 files changed, 30 insertions, 8 deletions
diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js
index f26a782..42e8a53 100644
--- a/public/assets/javascripts/app.js
+++ b/public/assets/javascripts/app.js
@@ -17,21 +17,38 @@ else {
 
 new WOW().init();
 
-$('.hero .circle').click( function(){
-    $('.videoModal').addClass('active');
-});
-
-$('.videoModal .ion-ios7-close-empty').click( function(){
-    $('.videoModal').removeClass('active');
-});
+$(function(){
+  var player
+  $('.hero .circle').click( function(){
+    $('.videoModal').css("display","table").addClass('active');
+    player = $f( okplayer )
+    player.api('play')
+    player.addEvent('ready', function(){
+      player.api('play')
+      player.addEvent('finish', function(){
+        hide()
+      })
+    })
+  });
 
+  $('.videoModal .ion-ios7-close-empty').click( function(){
+    player.api('pause')
+    hide()
+  })
+  
+  function hide() {
+    $('.videoModal').fadeOut(300, function(){
+      $('.videoModal').removeClass('active');
+    })
+  }
+})
 
 var scene, cam, map;
 
 var app = new function(){}
 
 app.mode = { editor: false, builder: false }
-
+  
 app.init = function () {
 	app.tube = new Tube ()
 	app.router = new SiteRouter ()
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 4dfb707..2d52633 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -107,6 +107,11 @@ a{
 	-moz-transition:0.4s background;
 	transition:0.4s background;
 	display:none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
 }
 
 .videoModal.active {