Need dynamic scroller mc to work in main timeline

Question

I have a dynamic image scroller that scrolls right or left following where the mouse is.  When you hover over the images, a pop-up box also appears with information.
This scroller works perfectly fine within the mc scene, but once i drag the mc into the main timeline the mc doesn't smoothly scroll right or left.  It's jumpy and the infobox doesn't work at all.
How can I get it to work smoothly on the main timeline?

Answer 1

the first problem i see is you're repeatedly executing that onMouseMove.  use:
//roll over is equal to the function
panel.onRollOver = panelOver;
//when it enters the box, it makes the "scrollPanel" function work
function panelOver() {
this.onEnterFrame = scrollPanel;
delete this.onRollOver;
var b = stroke.getBounds (this);
//makes the panel scroll with the mouse
function scrollPanel () {
if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
this.onRollOver = panelOver;
delete this.onEnterFrame;
if(panel._x <= -707.8) {
panel._x = -707.8;
if(panel._x >= 332.4) {
panel._x = 332.4;
var xdist = _xmouse - 275;
panel._x += -xdist / 7;
//tip box is set to invisible to not be seen
infobox_mc._visible = false;
var tipInt;
//when rollover on button, tip box will say "blank"
panel.pic1_btn.onRollOver = function () {
mmF();
tipInt = setInterval(showTip, 100, "Piece 1");
panel.pic1_btn.onRollOut = function() {
hideTip();
panel.pic4_btn.onRollOver = function () {
tipInt = setInterval(showTip, 100, "Piece 2");
panel.pic4_btn.onRollOut = function() {
hideTip();
//counts the time that the mouse is over the button
var count = 0;
//clears the text in the textbox and makes the box follow the mouse, and if the count is at 3 then, it appears, otherwise, it adds "1"
function showTip(tiptext) {
if(count == 3) {
clearInterval(tipInt);
count = 0;
infobox_mc.tiptext.text = tiptext;
infobox_mc._x = _root._xmouse+this._x;
infobox_mc._y = _root._ymouse+this._y;
infobox_mc._visible = true;
else {
count++;
function mmF(){
this.onMouseMove = function() {
infobox_mc._x = _root._xmouse+this._x;
infobox_mc._y = _root._ymouse+this._y;
//hides the box when rolled off the button
function hideTip() {
clearInterval(tipInt);
infobox_mc._visible = false;
delete this.onMouseMove;