// vim: et:ts=4:sw=4:sts=4:ft=javascript
pandora.ui.siteDialog = function(section) {

    var tabs = Ox.merge(
        Ox.clone(pandora.site.sitePages),
        [{id: 'software', title: 'Software'}]
    );
    Ox.getObjectById(tabs, section).selected = true;
    var $tabPanel = Ox.TabPanel({
            content: function(id) {
                var $content = Ox.Element().css({padding: '16px', overflowY: 'auto'});
                if (id == 'contact') {
                    $content.append(pandora.$ui.contactForm = pandora.ui.contactForm());
                } else {
                    pandora.api.getPage({name: id}, function(result) {
                        Ox.Editable({
                                clickLink: pandora.clickLink,
                                editable: pandora.site.capabilities.canEditSitePages[pandora.user.level],
                                tooltip: 'Doubleclick to edit',
                                type: 'textarea',
                                value: result.data.body
                            })
                            .css({width: '100%'/*, height: '100%'*/})
                            .bindEvent({
                                submit: function(data) {
                                    Ox.Request.clearCache('getPage');
                                    pandora.api.editPage({
                                        name: id,
                                        body: data.value
                                    });
                                }
                            })
                            .appendTo($content)
                    });
                }
                return Ox.SplitPanel({
                    elements: [
                        {
                            element: Ox.Element()
                                .css({padding: '16px'})
                                .append(
                                    $('<img>')
                                        .attr({src: '/static/png/' + (
                                            id == 'software' ? 'pandora/icon' : 'logo'
                                        ) + '256.png'})
                                        .css({width: '256px'})
                                ),
                            size: 272
                        },
                        {
                            element: $content
                        }
                    ],
                    orientation: 'horizontal'
                });
            },
            tabs: tabs
        })
        .bindEvent({
            change: function(data) {
                $dialog.options({
                    title: Ox.getObjectById(tabs, data.selected).title
                });
                //fixme: this should be using URL.push / UI.set
                //but that currenlty causes another dialog to be opened
                history.pushState({}, '', '/' + data.selected);
            }
        });
    var $dialog = Ox.Dialog({
            buttons: [
                Ox.Button({
                    id: 'close',
                    title: 'Close'
                }).bindEvent({
                    click: function() {
                        $dialog.close();
                        pandora.URL.update();
                    }
                })
            ],
            //closeButton: true,
            content: $tabPanel,
            height: Math.round((window.innerHeight - 24) * 0.75),
            //maximizeButton: true,
            minHeight: 256,
            minWidth: 688, // 16 + 256 + 16 + 384 + 16
            title: 'About',
            width: Math.round(window.innerWidth * 0.75),
        })
        .bindEvent({
            resize: function(data) {
                if ($tabPanel.selected() == 'contact') {
                    pandora.$ui.contactForm.resize();
                }
            }
        });

    return $dialog;

};