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-2011.02.09-21-32',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-dialog', function(Y) {
	// Creating a basic draggable, resizable dialog
 
	var dialog1 = new Y.Dialog({
		title: 'Dialog',
		bodyContent: 'Testing body',
		draggable: true,
		width: 400,
		height: 250
	}).render();
 
	// Creating a dialog with form buttons
 
	var dialog1 = new Y.Dialog({
		title: 'Dialog',
		bodyContent: 'Testing body',
		height: 250,
		buttons: [{
			text: 'Change title',
			handler: function() {
				this.set('title', 'Dialog - new title');
			}
		},
		{
			text: 'Change body',
			handler: function() {
				this.set('bodyContent', 'New body content');
			}
		}]
	}).render();
 
	// Creating a dialog with extra icons
 
	var dialog1 = new Y.Dialog({
		title: 'Dialog',
		bodyContent: 'Testing body',
		height: 250,
		icons: [{
			icon: 'pin-l',
			handler: function() {
				this.get('dragInstance').set('lock', pinned);
			}
		},
		{
			icon: 'gear'
		}]
	}).render();
 
	// Creating a dialog with extra icons
 
	var dialog1 = new Y.Dialog({
		title: 'Dialog',
		bodyContent: 'Testing body',
		height: 250,
		icons: [{
			icon: 'pin-l',
			handler: function() {
				this.get('dragInstance').set('lock', pinned);
			}
		},
		{
			icon: 'gear'
		}]
	}).render();
});