YAHOO.util.Event.onDOMReady(function() {
    var nav   = YAHOO.util.Dom.get('rwf-member-navigation');
    var links = nav.getElementsByTagName('a');

    var sectionNode = document.createElement('div');
    document.body.appendChild(sectionNode);

    var loading = new YAHOO.widget.Panel(
        'loading',
        {
            width: "240px",
            fixedcenter: true,
            close: false,
            draggable: false,
            zindex: 4,
            modal: true,
            visible: false
        }
    );

    var callback = {
        success: function(o) {
            var container = new YAHOO.widget.Panel(
                'section',
                {
                    width: '720px',
                    fixedcenter: true,
                    close: true,
                    draggable: false,
                    zindex: 4,
                    modal: true,
                    visible: false
                }
            );
            
            var section = YAHOO.lang.JSON.parse(o.responseText);

            container.setHeader('');
            container.setBody(section.content);
            container.render(sectionNode);

            loading.hide();

            container.show();
        },
        failure: function(o) {
            loading.hide();
        }
    }

    loading.setHeader("Loading, please wait...");
    loading.setBody('<img src="http://l.yimg.com/a/i/us/per/gr/gp/rel_interstitial_loading.gif" />');
    loading.render(YAHOO.util.Dom.get('yui-container'));

    for (var i = 0; i < links.length; i++) {
        YAHOO.util.Event.on(links[i], 'click', function(e) {
            YAHOO.util.Event.stopEvent(e);
            
            var conn = YAHOO.util.Connect.asyncRequest(
                'GET',
                'index/information?section=' + this.href,
                callback
            );

            loading.show();
        });
    }
});