Сверхразмерный плагин jQuery: щелкните за пределами эскиза-обертки, чтобы закрыть его

Question

Я использую WP Supersized ( http://buildinternet.com/project/supersized/slideshow/3.2/demo.html / http://wordpress.org/plugins/wp-supersized/) и хочу изменить его: это кнопка в трее, которая открывает / закрывает div, содержащий миниатюры. Пока все хорошо, но мне нужна дополнительная функция: если пользователь щелкает из этого div, он должен исчезнуть, соответственно. перейти на дно.

Это соответствующий код:

a(vars.thumb_tray).animate({
            bottom: -a(vars.thumb_tray).height()
        }, 0);
        a(vars.tray_button).toggle(function () {
            a(vars.thumb_tray).stop().animate({
                bottom: 0,
                avoidTransforms: true
            }, 300);
            if (a(vars.tray_arrow).attr("src")) a(vars.tray_arrow).attr("src", vars.image_path + "button-tray-down.png");
            return false
        }, function () {
            a(vars.thumb_tray).stop().animate({
                bottom: -a(vars.thumb_tray).height(),
                avoidTransforms: true
            }, 300);
            if (a(vars.tray_arrow).attr("src")) a(vars.tray_arrow).attr("src", vars.image_path + "button-tray-up.png");
            return false
        });

Я новичок в JavaScript, поэтому любая помощь будет отличной.:)