$(document).ready(function(){
    
    $(".extNavButton").click(function () {
        
        if($(this).hasClass("extNavButtonActiveCollapse")) {
            var expanded = true;
        }
            
        $(".extNavText").each(function() {
            $(this).slideUp("slow");
            $(this).parent().children(".extNavButton").removeClass("extNavButtonActiveCollapse");
            $(this).parent().children(".extNavButton").removeClass("extNavButtonActive");
            $(this).parent().removeClass("extNavContentExpanded"); 

        });
        
        if(expanded != true) {
            $(this).addClass("extNavButtonActiveCollapse");
            $("#startImage").attr("src", '/img/examples/'+$(this).attr('id')+'_0.jpg');        
            $(this).parent().children(".extNavText").each(function() {
                $(this).slideToggle("slow");
                $(this).parent().addClass("extNavContentExpanded"); 

                $(this).addClass("extNavButtonActiveCollapse");  
            });
        }
      });
      
});