/**
 * @author marcus
 */
YUI().use('overlay', function(Y){
    ms = YUI.namespace("ms");
    
    ms.ItemSelector = function(){
        var that = {};
        
        var headerContent = "<div class='item-selector-header'>Please select an item</div>";
        
        that.setHeader = function(header){
            headerContent = header;
        };
        that.selectItem = function(items, callback){
            var container = Y.Node.create('<div class="item-selector"></div>');
            var overlay = new Y.Overlay({
                headerContent: headerContent,
                bodyContent: container
            });
            overlay.set("centered", true);
            var list = Y.Node.create('<ol></ol>');
            container.appendChild(list);
            items.forEach(function(item){
                var itemNode = Y.Node.create('<li><a href="#">' + item + '</a></li>');
                list.appendChild(itemNode);
                itemNode.on('click', function(e){
                    overlay.hide();
                    overlay.destroy();
                    callback(item);
                });
            });
            overlay.render();
        };
        return that;
    }();
});