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!