Gallery

<script src="http://yui.yahooapis.com/3.1.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12'
}).use('gallery-outside-events', function(Y) {
    // Use a pre-defined outside event
    Y.one('#dialog').on('clickoutside', function (e) {
        this.addClass('hidden');
    }
 
    // Or, define a new synthetic event ...
    Y.Event.define('foo', function ({
        detach: function () { ... },
        on: function () { ... }
    });
 
    // ... then define an outside event for it ...
    Y.Event.defineOutside('foo');
 
    // outside events can have custom names as well
    Y.Event.defineOutside('foo', 'customfoo');
 
    // ... then subscribe to it
    Y.one('#blah').on('customfoo', function (e) {
        alert('A foo event occurred outside me!');
    });
});