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-paginator', function(Y) {
	// Basic Paginator
	var paginator = new Y.Paginator({
		page: 1,
		containers: '.display-paginator-1',
		total: 10,
		maxPageLinks: 10,
		rowsPerPage: 1,
		rowsPerPageOptions: [ 1, 3, 5, 7 ],
		on: {
			changeRequest: function(event) {
				var instance = this;
				var newState = event.state;
				var page = newState.page;
 
				if (newState.before) {
					var lastPage = newState.before.page;
 
					Y.one('#content .page' + lastPage).setStyle('display', 'none');
				}
 
				Y.one('#content .page' + page).setStyle('display', 'block');
 
				// IMPORTANT!
				// you need to invoke .setState(newState) or .set(STATE, newState) to update the UI
				instance.setState(newState);
			}
		}
	})
	.render();
});