views:

139

answers:

0

I'm using the Google CSE Overlay on a page, but I'm having trouble integrating the Simple Controls Gallery (http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm) to the site.

SimpleControlsGallery is based on jQuery and does some preloading and uses high z-index values to swap between a list of images. This causes the image to cycle on a layer in front of the CSEOverlay content. I can sort of work around this (I added the id "googsearch" to the provided Submit button) with this simple event handler:

$("#googsearch").click(function(e) {
    mygallery.navigate('playpause');
    $('.gallerylayer').css('z-index', '-1');
});

This works great as long as the user is happy with the search results (presented in the CSEOverlay), but if they close the overlay, I'd like to call

mygallery.navigate('playpause');

again to resume the gallery presentation. The overlay code is sourced from Google (sorry, I can't provide the direct link) and is minified, and this is outside of my Firebug-fu level. I was unable to find Google documentation that addressed this interest.

Thanks!