$(document).ready(function(){
    $('ul#shutters > li ul')
	 .click(function(e){
	   e.stopPropagation();
	 })
	 //.filter(':not(:first)')
	 .hide();
	 
    $('ul#shutters > li, ul#shutters > li > ul > li').click(function(){
	 var selfClick = $(this).find('ul:first').is(':visible');
	 if(!selfClick) {
	   $(this)
		.parent()
		.find('> li ul:visible')
		.slideToggle();
	 }
	 
	 $(this)
	   .find('ul:first')
	   .stop(true, true)
	   .slideToggle();
    });
    
    $('ul#shutters > li').click(function(){
	   var active = $(this).find('ul:first').is(':visible');
	   if(active) {
		  $('ul#shutters > li > h1').removeClass('active');
		  $('> h1', this).addClass('active');
	   }
    });
    /*
    $('ul#shutters > li > ul > li').click(function(){
	   var active = $(this).find('ul:first').is(':visible');
	   if(active) {
		  $('ul#shutters > li > ul > li').removeClass('active2');
		  $(this).addClass('active2');
	   }
    });
    */
});