$(document).ready(function() {
    function select(header) {
        header.addClass('active');
        header.css('background-position', '0 -80px');
        var next = header.next();
        next.css('height', 'auto');
        var newheight = next.height();
        next.css('height', '0px');
        next.animate({height:newheight}, 500);
    }
    
    function deselect(header) {
        header.removeClass('active');
        header.css('background-position', '0 0');
        header.next().animate( { height:"0px" }, 500);
    }
    
    select($('li.current').children('strong.toggler'));

    $('strong.toggler').click(function() {
        if ($(this).hasClass('active')) {
            deselect($(this));
        } else {
            deselect($('strong.active'));
            select($(this));
        }
    });
    
    $('ul.element li').each(function(index) {
        if (index % 2 == 0) $(this).addClass('even');
    });
});