window.addEvent('domready', function() {

    // SETUP ARCHIVE LIST ACCORDIAN
    var ArchiveAccordion = new Accordion($('archive-list'), 'li.archive-list-item', 'ul.archive-item-list', {
        opacity: false,
        onActive: function(toggler, element) {
            toggler.setStyle('color', '#136CC7');
            toggler.addClass('open');
        },
        onBackground: function(toggler, element) {
            toggler.setStyle('color', '#136CC7');
            toggler.removeClass('open');
        }
    });

    setViewMore();

});

function setViewMore() {
    
    $$('#archive-list > li.view-less').each( function(item, index) {
        $(item).destroy();    
    });

    if ($$('#archive-list > li.archive-list-item').length > 3) {

        $$('#archive-list > li.archive-list-item').each(function(item, index) {
            if (index > 2) {
                $(item).setStyles({ 'display': 'none', 'visibilty': 'hidden' });
            }
        });

        $('archive-list').adopt(
            new Element('li', { 'class': 'view-more' }).adopt(
                new Element('a', { 'text': 'View More', href: 'javascript:void(0);' }).addEvent('click', function() {
                    setViewLess();
                })
            )
        );
    }

}

function setViewLess() {

    $$('#archive-list > li.view-more').each( function(item, index) {
        $(item).destroy();    
    });
    
    $$('#archive-list > li.archive-list-item').each(function(item, index) {
        if (index > 2) {
            $(item).setStyles({ 'display': ''});
        }
    });
    $$('#archive-list > li.archive-list-item').each(function(item, index) {
        if (index > 2) {
            $(item).setStyles({ 'visible': 'visble'});
        }
    });
       
    $('archive-list').adopt(
        new Element('li', { 'class': 'view-less' }).adopt(
            new Element('a', { 'text':'View Less', href: 'javascript:void(0);' }).addEvent('click', function() {
                setViewMore();
            })
        )
    );
}