Trying to Learn Scrollorama

Trying to Learn Scrollorama

I tried to learn scrollorama over the weekend, I have tried to learn and use a lot of jquery plugins in the past, never had problems with any. However this one is really confusing me a lot.

I have searched stackoverflow, and other websites about superscrollorama tutorials, however none of them specify the exact way to do it.

I have made a fiddle here for this purpose.

http://jsfiddle.net/4o46jdj7/1/

Here is what I am trying to do. The red div should pin, then the #text-1 should scroll up and fade out, after it fades out, the bottom text should scroll up and once completed, it should unpin and move on to the footer.

Thanks in advance for the help !