Hello lovely people. I seek help. I appologise but I have no competency with Javascript.
I have 4 buttons wich are 4 different symbols. Each button has a simple 1second animation. I have a mouseover and a mouseout script attached to an invisable rectangle over each button/symbol.
mouseover
sym.play();
mouseout
sym.playReverse();
When the mouse enters a button it plays the animation forward. When the mouse leaves the button the animation plays in reverse.
What I want is the page to load and prior to a user placing the mouse cusor in one of the buttons. A button to be chosen at random, the button animation to play. Once the animation is complete I want it to play in reverse. Then choose another button at random and repeat infintely until a user places the mouseover a button. When the user places a mouse cursor over a button I want the button to check if it's at the end of the buttons animation. If the button is at the end of the animation I want the buttom animation state to stop. If the button is not at the end of the animation I want it to play to the end of the animation. I also want to check the animation state of all the other buttons. If any of the animations are in the process of playing or at the end of their animation I want them reversed.
I currently have a script attached to the stage.
var randomNum = Math.floor((Math.random()*4)+1);
if (randomNum == 1){
sym.getComposition().getStage().getSymbol("TL").play(0);
}
else if (randomNum == 2){
sym.getComposition().getStage().getSymbol("TR").play(0);
}
else if (randomNum == 3){
sym.getComposition().getStage().getSymbol("BL").play(0);
}
else {
sym.getComposition().getStage().getSymbol("BR").play(0);
}
When the page loads it selects a button at random and plays the animation.
You can view the sample page here. http://www.fnwireless.net/Test%204%20Buttons.html
A big thankyou to anyone who posts a reply. If you need any further clarrification for my ramblings please let me know.