Скрытие элемента при клике вне этого элемента
 

Доброго времени суток!

Имеется сайт http://nelidova.artphototrend.com , на котором требуется реализовать фотогалерею. Всплывать она должна таким же образом, как и информация в разделах about, services и т.д., но, при этом, она не должна закрываться по первому же клику, что, как вы понимаете, неприемлемо, т.к. необходимо перелистывать фотографии. Хотелось бы, что бы она закрывалась по клику вне самой галереи или кликом по кнопке крестика-закрытия.

Скрипт галереи выглядит следующим образом

<p>
<script type="text/javascript" src="../celebrites/js/jquery.js"></script>
<script type="text/javascript" src="../celebrites/js/swfobject.js"></script>
<script type="text/javascript" src="../celebrites/js/flashgallery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery.flashgallery('celebrites/gallery.swf', 'celebrites/config.xml', { width: '1200px', height: '700px', background: 'transparent', align: 'center' });
</script>
</p>

Я прописала строку jQuery.noConflict(); , потому как иначе она вообще не отображалась.

Очень надеюсь на вашу помощь!

помощь все еще очень нужна!...(

Без модификации плагинов вряд ли получится

Элементарно же. Особенно с jquery. Вешаете на всё окно on click, и проверяете, что target не окно галереи и target не child окна галереи.

<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .66;" onclick="this.style.display = 'none';"><div style="width: 300px; height: 200px; margin: 0 auto; background: #fff;" id="xynta">Окно 300x200 пикселей</div></div>