$(function () {
    
    function showSlide(slideId) {
        var slide, slideLink, activeSlide;
        slide = $("#case_box #slides " + slideId + ".slide");
        slideLink = $("#case_box #toc a[href='" + slideId + "']");
        if (slide.hasClass("active")) {
            return false;
        }
        activeSlide = $("#case_box #slides .active");
        activeSlide.removeClass("active");
        
        if (activeSlide.size()) {
            activeSlide.fadeOut("fast", function () {
                slide.fadeIn("fast");
            });
        }
        else {
            slide.show();
        }
        
        $("#case_box #toc a.active").removeClass("active");
        slideLink.addClass("active");
        slide.addClass("active");
    }
    
    $("#case_box #toc a").click(function () {
        showSlide($(this).attr("href")); 
        return false;
    });
    
    $("#case_box #toc a:first").click();
    
});