app.factory("Tutorial", [
  function() {
    function Tutorial(svgId) {
      var svg;
      
      var svgTest = $("#"+svgId);

      if (svgTest.prop('tagName') === 'svg') {
        svg = svgTest;
      } else {
        throw new Error("Only id's pointing to a svg are compatible.");
      }

      var jaw = svg.find('#jaw');
      var jawL = svg.find('#jaw_lights');
      var leftN = svg.find('#nut_left');
      var rightN = svg.find('#nut_right');
      var eyes = svg.find('#eyes');
      var eyeL = svg.find('#eye_glow');

      var tl = new TimelineLite();
      console.log(tl)

    };

    Tutorial.prototype.playTutorial = function() {
    };

    Tutorial.prototype.playScene = function(scene) {

    };

    Tutorial.prototype.stopTutorial = function() {

    };



    return Tutorial;
  }]
);
@@ -535,58 +535,271 @@
     
-var tl = new TimelineLite();%0A      console.log(tl)
+this.t2 = new TimelineLite();%0A      this.tl = new TimelineLite();%0A      %0A      this.t2.fromTo(jaw, 1, %7By: 90%7D, %7By: 60%7D);%0A%0A      this.tl.fromTo(jaw, 1, %7By: 60%7D, %7By: 90%7D);%0A      this.tl.add(%22scene2%22);%0A      this.tl.add(this.t2, 'scene2');%0A      this.tl.progress(1);
 %0A%0A  
@@ -851,24 +851,47 @@
 unction() %7B%0A
+      this.tl.play(0);%0A
     %7D;%0A%0A    

add some animation starts