$(document).ready(function(){
    /* Initialisierung der Variablen */
    zustand_slide_1 = "none";
    zustand_slide_2 = "none";
    zustand_slide_3 = "none";
    zustand_slide_4 = "none";
    zustand_slide_5 = "none";
    
    
    $("#btn_slide_1").click(function(event){
        event.preventDefault();
        zustand_slide_1 = document.getElementById("slide_1").style.display;
        zustand_slide_1 = (zustand_slide_1 == "none") ? "block" : "none";
        
        $("#slide_1").slideToggle("fast");
        
        if (zustand_slide_1 == "none" && zustand_slide_2 == "none" && zustand_slide_3 == "none" && zustand_slide_4 == "none" && zustand_slide_5 == "none") {
            document.getElementById("open_all").style.display = "block";
            document.getElementById("close_all").style.display = "none";
        }
        else 
            if (zustand_slide_1 == "block" && zustand_slide_2 == "block" && zustand_slide_3 == "block" && zustand_slide_4 == "block" && zustand_slide_5 == "block") {
                document.getElementById("open_all").style.display = "none";
                document.getElementById("close_all").style.display = "block";
            }
        $(this).toggleClass("active");
        return false;
        
    });
    $("#btn_slide_2").click(function(event){
        event.preventDefault();
        zustand_slide_2 = document.getElementById("slide_2").style.display;
        zustand_slide_2 = (zustand_slide_2 == "none") ? "block" : "none";
        
        $("#slide_2").slideToggle("fast");
        
        if (zustand_slide_1 == "none" && zustand_slide_2 == "none" && zustand_slide_3 == "none" && zustand_slide_4 == "none" && zustand_slide_5 == "none") {
            document.getElementById("open_all").style.display = "block";
            document.getElementById("close_all").style.display = "none";
        }
        else 
            if (zustand_slide_1 == "block" && zustand_slide_2 == "block" && zustand_slide_3 == "block" && zustand_slide_4 == "block" && zustand_slide_5 == "block") {
                document.getElementById("open_all").style.display = "none";
                document.getElementById("close_all").style.display = "block";
            }
        
        $(this).toggleClass("active");
        return false;
        
    });
    $("#btn_slide_3").click(function(event){
        event.preventDefault();
        zustand_slide_3 = document.getElementById("slide_3").style.display;
        zustand_slide_3 = (zustand_slide_3 == "none") ? "block" : "none";
        
        $("#slide_3").slideToggle("fast");
        
        if (zustand_slide_1 == "none" && zustand_slide_2 == "none" && zustand_slide_3 == "none" && zustand_slide_4 == "none" && zustand_slide_5 == "none") {
            document.getElementById("open_all").style.display = "block";
            document.getElementById("close_all").style.display = "none";
        }
        else 
            if (zustand_slide_1 == "block" && zustand_slide_2 == "block" && zustand_slide_3 == "block" && zustand_slide_4 == "block" && zustand_slide_5 == "block") {
                document.getElementById("open_all").style.display = "none";
                document.getElementById("close_all").style.display = "block";
            }
        $(this).toggleClass("active");
        return false;
    });
    $("#btn_slide_4").click(function(event){
        event.preventDefault();
        zustand_slide_4 = document.getElementById("slide_4").style.display;
        zustand_slide_4 = (zustand_slide_4 == "none") ? "block" : "none";
        
        $("#slide_4").slideToggle("fast");
        
        if (zustand_slide_1 == "none" && zustand_slide_2 == "none" && zustand_slide_3 == "none" && zustand_slide_4 == "none" && zustand_slide_5 == "none") {
            document.getElementById("open_all").style.display = "block";
            document.getElementById("close_all").style.display = "none";
        }
        else 
            if (zustand_slide_1 == "block" && zustand_slide_2 == "block" && zustand_slide_3 == "block" && zustand_slide_4 == "block" && zustand_slide_5 == "block") {
                document.getElementById("open_all").style.display = "none";
                document.getElementById("close_all").style.display = "block";
            }
        $(this).toggleClass("active");
        return false;
    });
    $("#btn_slide_5").click(function(event){
        event.preventDefault();
        zustand_slide_5 = document.getElementById("slide_5").style.display;
        zustand_slide_5 = (zustand_slide_5 == "none") ? "block" : "none";
        
        $("#slide_5").slideToggle("fast");
        
        if (zustand_slide_1 == "none" && zustand_slide_2 == "none" && zustand_slide_3 == "none" && zustand_slide_4 == "none" && zustand_slide_5 == "none") {
            document.getElementById("open_all").style.display = "block";
            document.getElementById("close_all").style.display = "none";
        }
        else 
            if (zustand_slide_1 == "block" && zustand_slide_2 == "block" && zustand_slide_3 == "block" && zustand_slide_4 == "block" && zustand_slide_5 == "block") {
                document.getElementById("open_all").style.display = "none";
                document.getElementById("close_all").style.display = "block";
            }
        $(this).toggleClass("active");
        return false;
    });        
    
    
    $("#open_all").click(function(event){
    
        event.preventDefault();
        
        zustand_slide_1 = "block";
        zustand_slide_2 = "block";
        zustand_slide_3 = "block";
        zustand_slide_4 = "block";
        zustand_slide_5 = "block";
        
        this.style.display = "none";
        document.getElementById("close_all").style.display = "block";
        
        $("#btn_slide_1").addClass("active");
        $("#btn_slide_2").addClass("active");
        $("#btn_slide_3").addClass("active");
        $("#btn_slide_4").addClass("active");
        $("#btn_slide_5").addClass("active");
        
        if (document.getElementById("slide_1").style.display == "none") {
            $("#slide_1").slideToggle("fast");
        }
        if (document.getElementById("slide_2").style.display == "none") {
            $("#slide_2").slideToggle("fast");
        }
        if (document.getElementById("slide_3").style.display == "none") {
            $("#slide_3").slideToggle("fast");
        }
        if (document.getElementById("slide_4").style.display == "none") {
            $("#slide_4").slideToggle("fast");
        }
        if (document.getElementById("slide_5").style.display == "none") {
            $("#slide_5").slideToggle("fast");
        }
        
    });
    $("#close_all").click(function(event){
    
        event.preventDefault();
        
        zustand_slide_1 = "none";
        zustand_slide_2 = "none";
        zustand_slide_3 = "none";
        zustand_slide_4 = "none";
        zustand_slide_5 = "none";
        
        this.style.display = "none";
        document.getElementById("open_all").style.display = "block";
        
        if (document.getElementById("slide_1").style.display == "block") {
            $("#slide_1").slideToggle("fast");
            $("#btn_slide_1").removeClass("active");
        }
        if (document.getElementById("slide_2").style.display == "block") {
            $("#slide_2").slideToggle("fast");
            $("#btn_slide_2").removeClass("active");
        }
        if (document.getElementById("slide_3").style.display == "block") {
            $("#slide_3").slideToggle("fast");
            $("#btn_slide_3").removeClass("active");
        }
        if (document.getElementById("slide_4").style.display == "block") {
            $("#slide_4").slideToggle("fast");
            $("#btn_slide_4").removeClass("active");
        }
        if (document.getElementById("slide_5").style.display == "block") {
            $("#slide_5").slideToggle("fast");
            $("#btn_slide_5").removeClass("active");
        }
    });
    
});