81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore YUI().use('overlay', 'resize-plugin', 'dd-plugin', function(Y) {

81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore var overlay = new Y.Overlay({

81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore width: "200px",

81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore srcNode: "#overlay",

81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore visible: false,

81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore align: {node:".example", points:["tc", "bc"]}

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass }),

db906d7a12cac5da21b0a5dea2a9fc1776d61de8Dav Glass

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass launchBtn = Y.one('#launchOverlay'),

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass resizeBtn = Y.one("#resizeOverlay"),

28a934f4eff3159937a3b550a097ed01c1fd2418Dav Glass dragBtn = Y.one('#dragOverlay');

28a934f4eff3159937a3b550a097ed01c1fd2418Dav Glass

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass overlay.render();

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass launchBtn.on('click', function(e) {

81d15d4759a68234e2126540b39f51a13ffa805fAdam Moore overlay.set('visible', true);

ba0fe1b081a3671cbb693768753da06feb76283eDav Glass this.set('disabled', true);

resizeBtn.set('disabled', false);

dragBtn.set('disabled', false);

});

resizeBtn.on('click', function(e) {

overlay.plug(Y.Plugin.Resize);

this.set('value', 'Overlay is now resizable!');

this.set('disabled', true);

});

dragBtn.on('click', function(e) {

overlay.plug(Y.Plugin.Drag);

this.set('value', 'Overlay is now draggable!');

this.set('disabled', true);

});

});