Please help... On click event play animation, only once animation has ended, launch lightbox

Question

Hey all,
I could really use some advise, I have been searching for a good few hours and have come up with nothing.
I was hoping to play a small animation and launch the edge commons spotlight as soon as the animation ends.
My code:
// insert code for mouse click here
sym.getSymbol("no17").play();
      // Open spotlight overlay
// Set up configuration
var config = {
    width: 1400,
    height: 900,
    type: "animate",
    source: "http://new.oliverrice.co.uk/folio.html"
// Open the overlay
EC.Spotlight.open( config );
The code launches the spotlight as the animation begins. I would like the 2 second animation to play out first before launching the spotlight.
Im sure the answer is really simple, though im new to JavaScript and am struggling to work out how to achieve this.
Are there any clever people that maybe able to help me?

Answer 1

Hi, thanks for the reply, I had a think about it today and placed the spotlight code:
// Open spotlight overlay
// Set up configuration
var config = {
    width: 1400,
    height: 900,
    type: "animate",
    source: "http://new.oliverrice.co.uk/folio.html"
// Open the overlay
EC.Spotlight.open( config );
In a trigger at the end of my animation which has done the trick!
so:
1-  I click on animation
2- it plays
3- then launches spotlight lightbox