$(document).ready(function() {
		
		
		/* Big Gallery JQuery */	
	   $('a.open').click(function() {
		   
		  $(this).parents('.outside').addClass( "toggle" );
		  $(this).parents('.outside').find('.maincontext').animate({ width: "300px" }, 500);
		  $(this).parents('.outside').find('.left').animate({ width: "300px" }, 800);
		  $(this).parents('.outside').find('.right').animate({ width: "630px" }, 800);
		  $(this).parents('.outside').find('#image').attr("src", function() { 
		  
		   	var src = ($(this).attr("src").replace('small','big'));
		   	return src; 
			
			})
		  
		  return false;
		  
	   });
	   
	   $('a.close').click(function() {
		   
		  $(this).parents('.outside').removeClass( "toggle",200 );
		  $(this).parents('.outside').find('.maincontext').animate({ width: "140px" }, 400);
		  $(this).parents('.outside').find('.left').animate({ width: "460px" }, 500);
		  $(this).parents('.outside').find('.right').animate({ width: "460px" }, 500);
		  $(this).parents('.outside').find('#image').attr("src", function() { 
		  
		   	var src = ($(this).attr("src").replace('big','small'));
		   	return src; 
			
			})
		  
		 return false;
		  
	   });
	   
	   
	   /* Small Gallery JQuery */
	   $('.open-small').click(function() {
		   
		  $(this).parents('.small-outside').addClass( "toggle" );
		  $(this).removeClass('open-small').addClass('close-small');
		  $(this).parents('.small-outside').animate({ width: "940px" }, 800);
		  $(this).parents('.small-outside').find('.close-small img').attr("src", function() { 
		  
		   	var src = ($(this).attr("src").replace('small','big'));
		   	return src; 
			
			})
		  
		  return false;
		  
	   });
	   
	   $('.close-small').click(function() {
		   
		   $(this).parents('.small-outside').removeClass( "toggle" );
		   $(this).removeClass('close-small').addClass('open-small');
		   $(this).parents('.small-outside').animate({ width: "220px" }, 800);
		   $(this).parents('.small-outside').find('.close-small img').attr("src", function() { 
		  
		   	var src = ($(this).attr("src").replace('big','small'));
		   	return src; 
			
			})
		  
		 return false;
		  
	   });
	   
	   
});
	 
	 
	 
	 
	
