# Activate 2 flash buttons on one rollover?

**URL:** <https://forum.kirupa.com/t/activate-2-flash-buttons-on-one-rollover/243628>\
**Category:** Uncategorized\
**Created:** [November 9, 2007, 12:50am UTC](https://forum.kirupa.com/t/activate-2-flash-buttons-on-one-rollover/243628 "2007-11-09T00:50:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![pimsme](https://avatars.discourse-cdn.com/v4/letter/p/ebca7d/32.png) [@pimsme](https://forum.kirupa.com/u/pimsme)\
**Post date:** [November 9, 2007, 12:50am UTC](https://forum.kirupa.com/t/activate-2-flash-buttons-on-one-rollover/243628/1 "2007-11-09T00:50:18Z")

</div>

I have this code that i have modified a bit to work as a horizontal menu, but i need to add a rollover effect to signify a link, but the code is complicated for me to integrate an effect, so i would like to place another rollover btn on top to get the effect, but of course this makes the button under obselete. Any suggestion on how i can get around this, i will paste the code below: Thanks for any suggestions

* * *

var anim\_frames = 10; // Adjust speed  
var opened = null;  
var menus = [];  
FindMenus = function(){  
for (value in this){  
if (this[value] instanceof MovieClip){  
menus.push(this[value]);  
}  
}  
menus.sort(SortByHorizontal);  
}  
SortByHorizontal = function(a, b){  
return (a.\_x \> b.\_x);  
}  
ApplyMenuMask = function(i){  
var menu = menus\*;  
var mask = this.createEmptyMovieClip(“mask”+i, i);  
mask.\_x = menu.\_x;  
mask.\_y = menu.\_y;  
mask.beginFill(0,100);  
mask.moveTo(0, 0);  
mask.lineTo(menu.title.\_width, 0);  
mask.lineTo(menu.title.\_width, menu.title.\_height);  
mask.lineTo(0, menu.title.\_height);  
mask.endFill();  
menu.setMask(mask);  
menu.masker = mask;  
}  
StartMenuPosition = function(i){  
var menu = menus\*;  
if (i == 0){  
menu.\_x = menu.masker.\_x = 0;  
}else{  
var menu\_above = menus[i-1];  
menu.\_x = menu.masker.\_x = Math.round(menu\_above.\_x + menu\_above.title.\_width);  
}  
}  
MenuOpen = function(){  
var menu = this;  
menu.masker.\_width += (1+menu.\_width-menu.title.\_width)/anim\_frames;  
if (menu.masker.\_width \>= menu.\_width){  
menu.masker.\_width = menu.\_width;  
delete this.onEnterFrame;  
}  
PositionMenusBelow(menu.i);  
}  
MenuClose = function(){  
var menu = this;  
menu.masker.\_width -= (1+menu.\_width-menu.title.\_width)/anim\_frames;  
if (menu.masker.\_width \<= menu.title.\_width){  
menu.masker.\_width = menu.title.\_width;  
delete this.onEnterFrame;  
}  
PositionMenusBelow(menu.i);  
}  
TitleButtonPress = function(){  
var menu = this.\_parent;  
if (opened){  
if (opened == menu){  
menu.onEnterFrame = MenuClose;  
opened = null;  
}else{  
opened.onEnterFrame = MenuClose;  
menu.onEnterFrame = MenuOpen;  
opened = menu;  
}  
}else{  
menu.onEnterFrame = MenuOpen;  
opened = menu;  
}  
}  
PositionMenusBelow = function(i){  
var menu = menus\*;  
if (i \< menus.length-1){  
var menu\_below = menus[i+1];  
for (i=i+1; i\<menus.length; i++){  
if (menus\* == menu\_below){  
menus\*.\_x = menus\*.masker.\_x = menu.\_x + menu.masker.\_width;  
}else{  
var menu\_above = menus[i-1];  
menus\*.\_x = menus\*.masker.\_x = menu\_above.\_x + menu\_above.masker.\_width;  
}  
}  
}  
}  
Init = function(){  
FindMenus();  
for (var i=0; i\<menus.length; i++){  
menus\*.i = i;  
ApplyMenuMask(i);  
StartMenuPosition(i);  
menus\*.title.onPress = TitleButtonPress;  
}  
}  
Init();
