fireEvent in MooTools

programming web dev
1

I’m building a flash slideshow. When a user clicks an image, I want a bumpbox (http://www.artviper.net/website-tools/bumpbox-lightbox.php) to be triggered. I put a hidden <a> tag with a unique id and class=“bumpbox” using the flash slideshow. That all works perfectly. The only problem I have is that when the user clicks a picture in the slideshow, I can’t trigger a click event on the hidden <a> tag. I’m positive that the function is being called correctly from flash. Here is my JS code:


function init()
{
    alert("init");     
}
function appendElement(link, title, id, setId) {
    jQuery('#flashLightBoxInjectionBox').append('<a href="' + link + '" id="pic-' + id + '" class="bumpbox"></a>');
    jQuery('body').append('<img src="' + link + '" style="display: none;" />');
}
function fireBumpbox(id) {
    //alert("fire");
    //alert("fire pic-" + id);
    //alert($("pic-"+id));
    $("pic-"+id).fireEvent('click');
    alert('should have fired');
}

When I click a picture in the slideshow, I get an alert box saying “should have fired”. So, the problem is that the fireEvent isn’t working. Any suggestions? I’ve checked the ID’s and those are all correct, and bumpbox automatically binds a click event to every tag that has class=“bumpbox”.