That was perfect ^.^ exactly what I needed to make it work!!
Here is the final code:
(function(){
function sceneHelper(sectionA, sectionB, sectionC) {
var stage;
var master = new TimelineMax();
var scrollMagicController = new ScrollMagic.Controller();
var scene = new ScrollMagic.Scene({
triggerElement: sectionA,
duration: '100%',
triggerHook: 1
});
for (i = 0; i < 6; i++) {
stage = TweenMax.to(sectionB + i, 1, {morphSVG: sectionC + i, ease:Linear.easeNone});
master.add(stage, 0);
}
scene.setTween(master).addTo(scrollMagicController);
scene.addIndicators();
}
//Call scene helper for each item
if (typeof ScrollMagic !== 'undefined') {
sceneHelper('#section1', '#sectionZero', '#sectionOne');
sceneHelper('#section2', '#sectionZero', '#sectionTwo');
sceneHelper('#section3', '#sectionZero', '#sectionThree');
sceneHelper('#section4', '#sectionZero', '#sectionFour');
sceneHelper('#section5', '#sectionZero', '#sectionFive');
sceneHelper('#section6', '#sectionZero', '#sectionSix');
sceneHelper('#section7', '#sectionZero', '#sectionSeven');
}
})();
http://codepen.io/bruno-gomes/pen/BLBvJk
Working perfectly thanks a bunch PointC!