function show(element,show){
 $(element).animate({'marginLeft': !show ?  -800:  0 });
}

$(document).ready(function() {
  $('.homelink').click(function() {
	show('#home',true);
  	show('#portfolio',true);  
	$('#homelink').css('background-color','orange');
	$('#portfoliolink').css('background-color','white');	
	$('#contactlink').css('background-color','white');			

  });
  $('.portfoliolink').click(function() {
  	show('#home',false);
	show('#portfolio',true);
	$('#homelink').css('background-color','white');	
	$('#portfoliolink').css('background-color','orange');		
	$('#contactlink').css('background-color','white');			

  });
  $('.contactlink').click(function() {
	show('#home',false);
  	show('#portfolio',false);
	$('#homelink').css('background-color','white');	
	$('#portfoliolink').css('background-color','white');
	$('#contactlink').css('background-color','orange');					
  });

 	$('.imgcontainer img').hover(function(){
	$(this).animate({'width':'500','height':'375','marginLeft':'-50','marginTop':'-37'});
	},
	function(){
		$(this).animate({'width':'400','height':'300','marginLeft':'0','marginTop':'0'});
	}	
);


});