$(document).ready(function(){
    
    var $sectionWrapper = $('.theme-content');
    var $bookTitle = $('.theme-content h2');
    var $bookContent = $('.books-content', $sectionWrapper);
    
    $($bookTitle).addClass('clickable').prepend('<span class="question-toggle show">[+]</span>');
    $($bookContent).hide();
    
    var showHideAll = '<div class="explanation">' +
                      '<p>Click on a section to view the title available</p>' +
                      '<span class="show-all">Show All</span> <span class="hide-all">Hide All</span>' +
                      '</div>';

    $('#home .content-wrap').prepend(showHideAll);

    $('a', $bookContent).click(function(event){
        event.stopPropagation();
    });

    $($sectionWrapper)
        .toggle(function() {
            $(this).find('.books-content').slideDown(400).end()
            .find('.question-toggle').replaceWith('<span class="question-toggle hide">[&ndash;]</span>');
        },function() {
            $(this).find('.books-content').slideUp(400).end()
            .find('.question-toggle').replaceWith('<span class="question-toggle show">[+]</span>');
        }).find('.hide-all, .show-all').removeClass('active');
    
    $('.show-all').click(function() {
        $($bookContent).slideDown(400);
        $(this).addClass('active');
        $('.hide-all').removeClass('active');
        $('.question-toggle').replaceWith('<span class="question-toggle hide">[&ndash;]</span>');
        return false;
        });
    
    $('.hide-all').click(function() {
        $($bookContent).slideUp(400);
        $(this).addClass('active');
        $('.show-all').removeClass('active');
        $('.question-toggle').replaceWith('<span class="question-toggle show">[+]</span>');
        return false;
        });
});