Mouse over actual panzoom animation graphic causes all to vanish ?

Question

Hi,
see code below.
We have movieClip called Map_Collection (in properties) within which are movie clips BusRoute_42 and BusRoute_43 (in properties) as well as the basic map artwork graphic.
These are lines that glow (motion tween alpha1% to 100% to 1%) when buttons outside of the map boundary are clicked on.
Buttons sit on Scene1 stage outside of the map area and are named in properties Button42 and Button43
Coding also makes the map zoom and pan, using mix of freesource whitecat redcat and greymouse coding for pan and another for zoom with focus at mouse location.
The problem:-
1) Map route glows ok when button clicked, and pan zoom is ok until user happens to shove map around just on the location of the glowing line, the entire flash movie then goes white, all artwork vanishes.. Why ? Near it ok, but on it, zappo !
Also, but not reason for this post...
2) zoom works but zoomout eventually inverts then gets larger !
we hope to remedy this by having limits set, unless there is a better way.
Any help appreciated as apart from this we are there !
Envirographics
PS I dont suppose there is a way of copy pasting code in from CS5 retaining the colouring of it ?
// Make the routes not visible
Map_Collection.BusRoute_42.visible=false;
Map_Collection.BusRoute_43.visible=false;
// Add listeners
Button42.addEventListener(MouseEvent.CLICK, hideShow42);
Button43.addEventListener(MouseEvent.CLICK, hideShow43);
function hideShow42(event:MouseEvent):void {
// instead of white_cat.visible = false; we just switch it to the opposite
Map_Collection.BusRoute_42.visible =!Map_Collection.BusRoute_42.visible;
Map_Collection.BusRoute_43.visible=false;
function hideShow43(event:MouseEvent):void {
// instead of white_cat.visible = false; we just switch it to the opposite
Map_Collection.BusRoute_43.visible =!Map_Collection.BusRoute_43.visible;
Map_Collection.BusRoute_42.visible=false;
/* ----- Change cursor form
add a hand to cursor to the Map_Collection
This way a user understands that he/she can do something with the object.
Map_Collection.buttonMode = true;
/* ---- dragging ---- */
Map_Collection.addEventListener(MouseEvent.MOUSE_DOWN, startDragging);
Map_Collection.addEventListener(MouseEvent.MOUSE_UP, stopDragging);
function startDragging(event:MouseEvent):void {
Map_Collection.startDrag();
function stopDragging(event:MouseEvent):void {
Map_Collection.stopDrag();
/* ---- Zooming in with the scroller ---- */
Map_Collection.addEventListener(MouseEvent.MOUSE_WHEEL, Zooming)
const mod = 10
function Zooming(event:MouseEvent):void {
Map_Collection.scaleX += event.delta / mod
Map_Collection.scaleY += event.delta / mod
Map_Collection.x = ((2 * mouseX) - (2 * (event.localX * Map_Collection.scaleX))) / 2;
Map_Collection.y = ((2 * mouseY) - (2 * (event.localY * Map_Collection.scaleY))) / 2;

Answer 1

I am not sure it is possible to really understand what is going on from the description and the code. Some issues can arise from how objects stack on display list, etc.
I have noticed two things from a brief looking into your code:
1. Map_Collection.addEventListener(MouseEvent.MOUSE_UP, stopDragging); should be:
stage.addEventListener(MouseEvent.MOUSE_UP, stopDragging);
Or better yet:
Map_Collection.addEventListener(MouseEvent.MOUSE_DOWN, startDragging);
function startDragging(event:MouseEvent):void {
     Map_Collection.startDrag();
     stage.addEventListener(MouseEvent.MOUSE_UP, stopDragging);
function stopDragging(event:MouseEvent):void {
     Map_Collection.stopDrag();
     stage.removeEventListener(MouseEvent.MOUSE_UP, stopDragging);
2.  ((2 * mouseX) - (2 * (event.localX * Map_Collection.scaleX))) / 2;
is the same as:
(mouseX - event.localX * Map_Collection.scaleX) / 2;
Also, if you need to center object around the mouse point, perhaps this lines should use dimensions - not scales:
function Zooming(event:MouseEvent):void {
     Map_Collection.scaleX += event.delta / mod
     Map_Collection.scaleY += event.delta / mod
     Map_Collection.x = (mouseX - Map_Collection.width)/ 2;
     Map_Collection.y = (mouseY - Map_Collection.height)/ 2;