Gallery

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.10.06-18-55',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.10.06-18-55/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.10.06-18-55/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-color-picker-grid-plugin', function(Y) {
 
// create the color picker
var colorPicker = new Y.ColorPicker(); 
 
//plug the color picker
colorPicker.plug(Y.Plugin.ColorPickerGrid,
		{
			colors: [
		        '000000', '993300', '333300', '003300', '003366', '000080', '333399', '333333',
		        '800000', 'FF6600', '808000', '008000', '008080', '0000FF', '666699', '808080'
		    ]
		}
	);
 
//render the color picker
colorPicker.render('#demo');
 
// The array of colors can be as large or small as you'd like
 
// You can also pass the string "websafe" to the colors config attribute and 
//it will generate all 216 websafe colors for you automatically (this is the default if 
//you don't pass any colors in).
});