// gallery page sliding divs

jQuery(function() { 
	
	jQuery('ul.gallery-main > li > div').hide();
	
	jQuery("a.roof-caps").click(function() {
	
		jQuery('#roof-caps').slideToggle(1000,function() {
			
			jQuery("a.close").slideUp(200,function() {
			
				jQuery(this).css("display", "block");
			
			});
			
		}); 
	
	});
	
	jQuery("a.roofs").click(function() {
	
		jQuery('#roofs').slideToggle(1000,function() {
			
			jQuery("a.close").slideUp(200,function() {
			
				jQuery(this).css("display", "block");
			
			});
			
		}); 
	
	});
	
	jQuery("a.walls").click(function() {
	
		jQuery('#walls').slideToggle(1000,function() {
			
			jQuery("a.close").slideUp(200,function() {
			
				jQuery(this).css("display", "block");
			
			});
			
		}); 
	
	});
	
	jQuery("a.vents").click(function() {
	
		jQuery('#vents').slideToggle(1000,function() {
			
			jQuery("a.close").slideUp(200,function() {
			
				jQuery(this).css("display", "block");
			
			});
			
		}); 
	
	});
	
	jQuery("a.lead").click(function() {
	
		jQuery('#lead').slideToggle(1000,function() {
			
			jQuery("a.close").slideUp(200,function() {
			
				jQuery(this).css("display", "block");
			
			});
			
		}); 
	
	});
	
	jQuery("a.awkward").click(function() {
	
		jQuery('#awkward').slideToggle(1000,function() {
			
			jQuery("a.close").slideUp(200,function() {
			
				jQuery(this).css("display", "block");
			
			});
			
		}); 
	
	});
	
	jQuery("a.close").click(function() { jQuery(this).parent('div').slideUp(1000); });

});