$(document).ready(function() {
       $(".space img").mouseover(
	   function(){
			 $(this).animate({ width: '220'}, 400);
			 $(".client img").animate({ width: '100'}, 400);
			 $(".work img").animate({ width: '110'}, 400);
			 $(".concept img").animate({ width: '90'}, 400);
			 $(".contact img").animate({ width: '145'}, 400);	
		}
	   );
	   
	   $(".client img").mouseover(
	   function(){
			 $(this).animate({ width: '200'}, 400);
			 $(".space img").animate({ width: '150'}, 400);
			 $(".work img").animate({ width: '100'}, 400);
			 $(".concept img").animate({ width: '90'}, 400);
			 $(".contact img").animate({ width: '105'}, 400);			
		}
	   );
	   
	   $(".work img").mouseover(
	   function(){
			 $(this).animate({ width: '170'}, 400);
			 $(".client img").animate({ width: '101'}, 400);
			 $(".space img").animate({ width: '100'}, 400);
			 $(".concept img").animate({ width: '138'}, 400);
			 $(".contact img").animate({ width: '103'}, 400);			
		}
	   );
	   
	   $(".concept img").mouseover(
	   function(){
			 $(this).animate({ width: '190'}, 400);
			 $(".client img").animate({ width: '100'}, 400);
			 $(".work img").animate({ width: '110'}, 400);
			 $(".space img").animate({ width: '140'}, 400);
			 $(".contact img").animate({ width: '80'}, 400);		
		}
	   );
	   
	     $(".contact img").mouseover(
	   function(){
			 $(this).animate({ width: '190'}, 400);
			 $(".client img").animate({ width: '90'}, 400);
			 $(".work img").animate({ width: '85'}, 400);
			 $(".space img").animate({ width: '100'}, 400);
			 $(".concept img").animate({ width: '133'}, 400);		
		}
	   );
	   	     
    });
	
	
	
	
$(document).ready(function(){

//Larger thumbnail preview 

$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-60px', 
			marginLeft: '-80px', 
			top: '50%', 
			left: '50%', 
			width: '160px', 
			height: '140px',
			border: '2px solid white',
		}, 400);
	
	} , function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '80px', 
			height: '70px',
			border: '1px solid white',


		}, 400);
});

//Swap Image on Click
	$("ul.thumb li a").click(function() {
		
		var mainImage = $(this).attr("href"); //Find Image Name
		$("#main_view img").attr({ src: mainImage });
		return false;		
	});
 
/*
//Larger thumbnail preview 

$("ul.thumbs li").hover(function() {
	$(this).css({'z-index' : '10'});
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-40px', 
			marginLeft: '-80px', 
			top: '50%', 
			left: '50%', 
			width: '166px', 
			height: '68px',
		}, 400);
	
	} , function() {
	$(this).css({'z-index' : '0'});
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', 
			marginLeft: '0',
			top: '0', 
			left: '0', 
			width: '130px', 
			height: '46px',

		}, 400);
});

//Swap Image on Click
	$("ul.thumbs li a").click(function() {
		
		var mainImage = $(this).attr("href"); //Find Image Name
		$("#main_view img").attr({ src: mainImage });
		return false;		
	});
	*/
	
});