window.addEvent('domready', function()
{
    var collapsibles = document.id('content-column').getElements('.collapsible');

    if (collapsibles.length > 0)
    {
        collapsibles.each(function (collapsible)
        {
            collapsible.addClass('styled');
            new CollapsibleContent(collapsible);
        });
    }

    var nav_lis = document.id('navigation').getElements('li.level-1');
    nav_lis.each(function(item)
    {
        item.addEvents({
            'mouseenter': function()
            {
                this.addClass('hover');
            },
            'mouseleave': function()
            {
                this.removeClass('hover');
            }
        });
    });
});


var CollapsibleContent = new Class(
{
    initialize: function(elm)
    {
        elm.getElement('.content').slide('hide').fade('hide');
        elm.addClass('closed');

        var toggle_link = elm.getElement('.toggler');
        toggle_link.addEvent('click', this.toggle_content.bind(this));
        toggle_link.setStyles({'outline': 'none', '-moz-outline-style': 'none'});
    },

    toggle_content: function(evt)
    {
        evt.stop();
        var container = evt.target.getParent('div')
        var content = container.getElement('.content');
        content.slide('toggle');
        content.fade('toggle');
        container.toggleClass('closed');
        container.toggleClass('open');
    }
});