$(document).ready(function() {
    
    if ($('.HideShowButton').length > 1) {  // only show if there is more than one section

        // create show all and hide all buttons  
        $('#MetaStockTrainingVideos p:first').after('<div id="ShowAllHideAll" style="padding: 0 0 5px 20px;"></div>');
        $('<span id="hideAll" class="button copy" style="text-decoration: underline; cursor: pointer; padding: 0 0 0 15px;" title="Click to hide all videos">hide all videos</span>').appendTo('#ShowAllHideAll');
        $('<span id="showAll" class="button copy" style="text-decoration: underline; cursor: pointer; padding: 0 0 0 15px;" title="Click to display all videos">show all videos</span>').appendTo('#ShowAllHideAll');

        // close up extra space - cursor to pointer over buttons - hide tables
        $('.TabbedPanelsContent table').css("margin-bottom", 3);
        $('.HideShowButton').css("cursor", "pointer").next().hide();

        // toggle button clicks
        $('.HideShowButton').toggle(function() {
            $(this).addClass("plus").removeClass("minus").next().fadeOut(300);
        }, function() {
            $(this).addClass("minus").removeClass("plus").next().fadeIn("normal");
        });

        // all tables hidden - add plus class - click Basic Training videos open  
        $('.HideShowButton').addClass("plus").trigger("click");
        $('.HideShowButton').next().hide();
        $('.HideShowButton:first').trigger("click");

        // show all videos
        $('#showAll').click(function(event) { $('.plus').trigger('click'); });

        // hide all videos
        $('#hideAll').click(function(event) { $('.minus').trigger('click'); });

        var $totalVideos = $('.HideShowButton').length;
        // console.log($totalVideos);
        if ($('.HideShowButton').length < 2) $('.HideShowButton').removeClass("plus").removeClass("minus").css("cursor", "default").unbind();
    };
});