/*
 * Simple homemade jQuery accordian.
 * Set ul class="accordian"
 * Set a tags with clas="active" to set the initial open state.
 * See CSS file as well.
 */

function scrollTo(selector) {
    var targetOffset = $(selector).offset().top;
    $('html,body').animate({scrollTop: targetOffset}, 500);
}

$(document).ready(function(){
    $('.accordian ul').hide();
    //$('.accordian ul:not(:first)').hide();
    $('.accordian li.expanded > ul').show();
    $('.accordian a').click(function(){
        var ul = $(this).next();
        if ( ul.is('ul')) {
        // Expand/collapse
            if ( ul.is('ul:visible') ) {
                // Clicking open item just closes.
                ul.slideUp('slow');
                ul.parent().removeClass('expanded').addClass('collapsed');
            }
            else {
                var parent_ul = ul.parent().parent();
                parent_ul.find('> li.expanded > ul').slideUp('slow');
                
                ul.slideDown('slow');
                ul.parent().removeClass('collapsed').addClass('expanded');
            }
            return false;
        }
        else {
        // Link to list. Do an ajax  load if the ajax class is there.
            if ( !$(this).hasClass('ajax') ) {
                return true;
            }
            var href = this.href.replace("html","content.html");
            $('#content').load(href, function(){
                $('#content').hide();
                $('#content').fadeIn("slow");
            });
            $('#content').fadeOut("slow", function(){
                $('#content').html(
                    "<div id='loading-items'>"
                    + "<img src='/images/loading.gif'><br>Loading"
                    + "</div>"
                );
                $('#content').show();
                scrollTo('#content');
            });
            $('.accordian li.active').removeClass('active');
            $(this).parent().addClass('active');
            return false;
        }
    });
});