console.clear();
console.log("ScrollMagic v%s loaded", ScrollMagic.version);



// init
var ctrl = new ScrollMagic({globalSceneOptions: {triggerHook: "onLeave"}});

// create scene 1
var scene = new ScrollScene({
        triggerElement: "section.eins",
        duration: 1000
    })
    .setTween(TweenMax.to("section.eins svg", 1, {hide: 100}))
    .setPin("section.eins")
    .addTo(ctrl)
    .addIndicators({zindex: 1, suffix: "section1"});


// create scene 2
var scene = new ScrollScene({
        triggerElement: "section.zwei",
        duration: 1000
    })
    .setTween(TweenMax.to("section.zwei svg", 1, {hide: 100}))
    .setPin("section.zwei")
    .addTo(ctrl)
    .addIndicators({zindex: 1, suffix: "section2"});

// create scene 3
var scene = new ScrollScene({
        triggerElement: "section.drei",
        duration: 1000
    })
    .setTween(TweenMax.to("section.drei h1", 1, {rotation: 360}))
    .setPin("section.drei")
    .addTo(ctrl)
    .addIndicators({zindex: 1, suffix: "section3"});