var col['ui'] =
rotator: {
        playing: false,
        toolbar: function(settings) {
            //TODO: Update to JQuery UI button
            function createButton(config) {
                var btn = $('<a />')  // LinkButton
                    .attr('href', '#') // + config.label
                    .attr('rel', config.label) // .addClass(config.label) // old CSS support
                    .attr('title', config.label)
                    .append($('<span />')
                              .addClass('ui-icon ui-icon-' + config.icon)
                              .html(config.label))
                    .button()
                return btn;
            }
            var config = {
                label: 'next',
                icon: 'seek-next'
            };
            var next = createButton(config);
            config.label = 'prev';
            config.icon = 'seek-prev';
            var prev = createButton(config);
            config.label = 'pause';
            config.icon = 'pause';
            var pause = createButton(config);
            config.label = 'play';
            config.icon = 'play';
            var play = createButton(config);
            var bar = $('<ul />')
                        .addClass('ui-rotator-nav ui-tabs-nav ui-helper-reset ui-helper-clearfix')
                        .append(prev)
                        .append(play)
                        .append(pause)
                        .append(next);
            $(bar).find('a[rel]').wrap('<li></li>');
            return bar;
        },

        defaults: {
            delay: 2000,
            autoStart: true,
            showTabs: true,
            showControls: true,
            id: "ui-rotator"
        },
        init: function(tabs, settings) {
            $root = $(tabs);
            var config = jQuery.extend({}, col.ui.rotator.defaults, settings);
            $root
                .data('rotator', config)
            //Add Event Handlers
                .bind('rotatorplay', function(event, ui) {
                    colui.rotator.play(event.target, config.delay);
                    return false;
                })
                .bind('rotatorpause', function(event, ui) {
                    colui.rotator.pause(event.target);
                })
                .bind('rotatornext', function(event, ui) {
                    colui.rotator.next(event.target);
                })
                .bind('rotatorprev', function(event, ui) {
                    colui.rotator.prev(event.target);
                })
                //init control events
                .append(colui.rotator.toolbar({})).andSelf()
                .find('a[rel=prev]').bind('click', function(e) {
                    $root.triggerHandler('rotatorprev');
                    return false;
                }).click(function() { return false; }).andSelf()
                .find('a[rel=next]').bind('click', function(e) {
                    $root.triggerHandler('rotatornext');
                }).andSelf()
                .find('a[rel=play]').bind('click', function(e) {
                    $root.triggerHandler('rotatorplay');
                }).andSelf()
                .find('a[rel=pause]').bind('click', function(e) {
                    $root.triggerHandler('rotatorpause');
                }).andSelf()
                ;
            //auto play
            if (config.autoStart) { $root.trigger('rotatorplay', config.delay); }

        },
        play: function(target, delay) {
            var $root = $(target);
            $root.tabs('rotate', delay).addClass('ui-state-playing');
        },
        pause: function(target) {
            var $root = $(target);
            $root.tabs('rotate', 0).removeClass('ui-state-playing');
        },
        prev: function(target) {
            var $root = $(target);
            var i = colUtil.loopToIndex($root.tabs('option', 'selected'), -1, $root.tabs('length'));
            $root.tabs('option', 'selected', i);
        },
        next: function(target) {
            var $root = $(target);
            var i = colUtil.loopToIndex($root.tabs('option', 'selected'), 1, $root.tabs('length'));
            $root.tabs('option', 'selected', i);
        }