var goApp = angular.module('goApp', ['famous.angular']);

var controllers = {};
   controllers.indexController = function($scope, $famous, $timeline) {
  $scope.data = {message: "Hello"};

  var Transitionable = $famous['famous/transitions/Transitionable'];
  var Easing = $famous['famous/transitions/Easing'];

  $scope.t = new Transitionable(0);

  $scope.translation = $timeline([
    [0, [100, 100, 100], Easing.inOutQuad],
    [0.25, [400, 200, 100], Easing.inOutQuad],
    [0.5, [300, 300, 100], Easing.inOutQuad],
    [0.75, [200, 500, 100], Easing.inOutQuad],
    [1, [100, 100, 100], Easing.inOutQuad],
  ]);

  $scope.startAnimations = function(){
    $scope.t.delay((1000), function(){ // we will delay each animation based on index
        $scope.t.set(1, {duration: 3400}, function(){



        });
    });
  }

  var preload = new createjs.LoadQueue();
  preload.addEventListener("fileload", handleFileComplete);
  preload.loadFile('content/videos/bg_1.mov');
  function handleFileComplete(event) {
      console.log('File Loaded')
      $scope.startAnimations();

         // Make the video loop
         var video = $famous.find('.video')[0].renderNode; video.on('deploy', function(){
           var player = video._currTarget;
           player.controls = true;
           player.loop = true;
           player.onprogress = console.log('video is downloading');
         });

  }



   };




goApp.controller(controllers);