Muma.Event = new Class (
{
    initialize: function()
    {
        new Fx.Accordion($$('.event-toggler'), $$('.event-content'), {
            alwaysHide : true,
            onActive: function(toggler, element)
            {
                toggler.addClass('event-headline-active');
            },
            onBackground: function(toggler, element)
            {
                toggler.removeClass('event-headline-active');
            }
        });


        if ($$('.event-content-main-bottom-fb'))
        {
            FB.init({
                appId  : '167909619910445',
                status : true, 
                cookie : true,
                xfbml  : false
            });

            $$('.event-content-main-bottom-fb').each(function(element){
                element.addEvent('click', this._onFbEventButtonClick.bind(this));
            }.bind(this));
        }
    }
})

Muma.Event.implement(
{
    _onFbEventButtonClick : function(e)
    {
        FB.login(function(response)
        {
            if (response.session)
            {
                FB.api({
                    method: 'events.rsvp',
                    eid : e.target.get('rel'),
                    rsvp_status: 'attending'
                },
                function(response)
                {
                    FB.ui({
                      method: 'fbml.dialog',
                      width: '400px',
                      title: 'Vielen Dank für deine Teilnahme',
                      fbml: (
                        '<div style="background:none repeat scroll 0 0 #6D84B4;border:1px solid #3B5998;color:#FFFFFF;font-size:14px;font-weight:bold;margin:0;padding:3px 5px;" class="dialog_title">Vielen dank für deine Teilnahme.</div>'+
                        '<br/><div style="padding: 5px">Vielen dank für deine Teilnahme bei diesem Event.</div>'
                        )
                    })
                });

            }
        }, {perms:'rsvp_event'});

    }
});

window.addEvent('domready', function()
{
    new Muma.Event();
});