Gallery

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-overlay-manager', function(Y) {
	// Blue
 
	var overlay1 = new Y.Overlay({
		bodyContent: 'Overlay1',
		width: 150,
		height: 150,
		xy: [ 200, 100 ]
	})
	.render('#overlay-blue');
 
	var overlay2 = new Y.Overlay({
		bodyContent: 'Overlay2',
		width: 150,
		height: 150,
		xy: [ 220, 200 ]
	})
	.render('#overlay-blue');
 
	// Red
 
	var overlay4 = new Y.Overlay({
		bodyContent: 'Overlay4',
		width: 150,
		height: 150,
		xy: [ 500, 100 ]
	})
	.render('#overlay-red');
 
	var overlay5 = new Y.Overlay({
		bodyContent: 'Overlay5',
		width: 150,
		height: 150,
		xy: [ 520, 200 ]
	})
	.render('#overlay-red');
 
	// plug OverlayManager
 
	var blueOverlayManager = new Y.OverlayManager();
	var redOverlayManager = new Y.OverlayManager();
 
	blueOverlayManager.register([overlay1, overlay2, overlay3, overlay7, overlay9]);
	redOverlayManager.register([overlay4, overlay5, overlay6, overlay8, overlay10]);
 
	// hiding all Blue group
	blueOverlayManager.hideAll();
});