title: Reuse tweens in different ScrollMagic scenes
body: <p>I am new to scrollmagic and I want to use same tween on different triggers to avoid code repeting. For example:</p>
  
  <pre><code>var controller, firstTween, secondTween;
  
  controller = new ScrollMagic;
  
  firstTween = TweenMax.to($('body'), .1, {
    backgroundCoror: "#ff0000"
  });
  
  secondTween = TweenMax.to($('body'), .1, {
    backgroundCoror: "#ffffff"
  });
  
  controller.addScene([
    new ScrollScene({
      triggerElement: '#triggerOne'
    }).setTween(firstTween), new ScrollScene({
      triggerElement: '#triggerTwo'
    }).setTween(secondTween), new ScrollScene({
      triggerElement: '#triggerThree'
    }).setTween(firstTween), new ScrollScene({
      triggerElement: '#triggerFour'
    }).setTween(secondTween)
  ]);
  </code></pre>
  
  <p>But works only two last scenes. To make it work I must to repeat tweens in each scene. It is possible to make reusable tweens?</p>