Scroll Timeline in a Div?

Example: http://www.bartmclaughlin.com/scroll_div/scroll_div_v1.html

Edge project: https://www.yousendit.com/download/elNJc2ZOR0Y1R1BWUThUQw

Now I want to control the timeline of a symbol on the stage using scroll. I’ve posted an example above, with a button that scrolls down the div.

I don’t know how to simultaneously scrub the div’s timeline when scrolling in the div.

This code below (that I got from Tim Jaramillo’s post here: http://forums.adobe.com/message/5058756#5058756) will scrub the timeline of the Stage when it’s placed in the Stage.scroll event, but I don’t know how to use it to scrub the timeline of my symbol.

var myCalc = e.currentTarget.scrollTop/(e.currentTarget.scrollHeight-e.currentTarg et.clientHeight);

var pos = Math.round( myCalc * sym.getDuration() );

sym.stop(pos);

This question is similar to my question here: http://forums.adobe.com/message/6263651#6263651

that was answered by hemanth kumar r. Thank you!

bart