$(document).ready( function() {


		$( function() {

			var $sites = $('.site');
			$sites.each( function() {
			
				$this = $(this);
				var shown = false;
				
				$this.addClass('min').click( function() {
					
					if( !shown ) {
						
						shown = true;
						$el = $(this);
						
						$sites.fadeOut(300, function() {
													 
							$sites.not( $el ).addClass('hide');
							$el.removeClass('min');
							$sites.fadeIn();
							
						});
				
					}
			
				});
				
				$btn = $('<a href="#" class="button">x</a>').click( function() {
					$sites.fadeOut(300, function() {
	
						$sites.addClass('min').removeClass('hide').fadeIn();
						shown = false;
					
					});
					return false;
					
				});
				
				$(this).find('header h3').after( $btn );
			
			});

		});
			
	
	
	
	$('div.images a').fancybox({ padding: 0 });




});