$(document).ready(function(){

	$('#textbox1').css({ 'height' : '1px' , 'opacity' : '0' });
	$('#textbox2').css({ 'height' : '1px' , 'opacity' : '0' });
	$('#textbox3').css({ 'height' : '1px' , 'opacity' : '0' });
	
	$('#boxleft').css({ 'opacity' : '1' });
	$('#boxleft h2').css({ 'left' : '22px' });
	
	$('#boxleft').hover(function() {
		$(this).stop().animate({ 'width' : '400px' , 'opacity' : '1' });
	}, function() {
		$('#boxleft').stop().animate({ 'width' : '253px' , 'opacity': '1' });
	});		

	$('#boxleft').hover(function() {
		$('#boxmiddle').stop().animate({ 'left' : '420px' , 'width' : '180px' , 'opacity' : '.6'});
	}, function() {
		$('#boxmiddle').stop().animate({ 'left' : '273px' , 'width' : '253px' , 'opacity' : '1'});
	});
	
	$('#boxleft').hover(function() {
		$('#boxright').stop().animate({ 'left' : '610px' , 'width' : '180px' , 'opacity' : '.6'});
	}, function() {
		$('#boxright').stop().animate({ 'left' : '536px' , 'width' : '253px' , 'opacity' : '1'});
	});
	
	
	$('#boxleft').hover(function() {
		$('#textbox1').stop().animate({ 'height' : '95px' , 'opacity' : '1' });
	}, function() {
		$('#textbox1').stop().animate({ 'height' : '1px' , 'opacity': '0' });
	});
	
	$('#boxleft').hover(function() {
		$('#boxmiddle h2').stop().animate({ 'left' : '1px'});
	}, function() {
		$('#boxmiddle h2').stop().animate({ "left" : '10px' });
	});
	
	$('#boxleft').hover(function() {
		$('#boxright h2').stop().animate({ 'left' : '13px'});
	}, function() {
		$('#boxright h2').stop().animate({ "left" : '45px' });
	});
	
	$('#boxleft').hover(function() {
		$('#boxleft h2').stop().animate({ 'left' : '10px'});
	}, function() {
		$('#boxleft h2').stop().animate({ "left" : '22px' });
	});
	
	
	
	
	$('#boxmiddle').css({ 'opacity' : '1' });
	
	$('#boxmiddle').hover(function() {
		$(this).stop().animate({ 'left' :'200px' , 'width' : '400px' , 'opacity' : '1' });
	}, function() {
		$('#boxmiddle').stop().animate({ 'left' : '273px ' , 'width' : '253px' , 'opacity': '1' });
	});
	
	$('#boxmiddle').hover(function() {
		$('#boxleft').stop().animate({ 'width' : '180px' , 'opacity' : '.6' });
	}, function() {
		$('#boxleft').stop().animate({ 'width' : '253px' , 'opacity' : '1' });
	});
	
	$('#boxmiddle').hover(function() {
		$('#boxright').stop().animate({ 'left' : '610px' , 'width' : '180px' , 'opacity' : '.6' });
	}, function() {
		$('#boxright').stop().animate({ 'left' : '536px' , 'width' : '253px' , 'opacity' : '1' });
	});
	
	
	$('#boxmiddle').hover(function() {
		$('#textbox2').stop().animate({ 'height' : '95px' , 'opacity' : '1' });
	}, function() {
		$('#textbox2').stop().animate({ 'height' : '1px' , 'opacity': '0' });
	});
	
	$('#boxmiddle').hover(function() {
		$('#boxright h2').stop().animate({ 'left' : '13px'});
	}, function() {
		$('#boxright h2').stop().animate({ "left" : '45px' });
	});
	
	
	
	
	
	$('#boxright').css({ 'opacity' : '1' });
	$('#boxright h2').css({ 'left' : '45px' });
	
	$('#boxright').hover(function() {
		$(this).stop().animate({ 'left' :'390px' , 'width' : '400px' , 'opacity' : '1' });
	}, function() {
		$('#boxright').stop().animate({ 'left' : '536px ' , 'width' : '253px' , 'opacity': '1' });
	});
	
	$('#boxright').hover(function() {
		$('#boxleft').stop().animate({ 'width' : '180px' , 'opacity' : '.6' });
	}, function() {
		$('#boxleft').stop().animate({ 'width' : '253px' , 'opacity' : '1' });
	});
	
	$('#boxright').hover(function() {
		$('#boxmiddle').stop().animate({ 'left' : '200px' , 'width' : '180px' , 'opacity' : '.6' });
	}, function() {
		$('#boxmiddle').stop().animate({ 'left' : '273px' , 'width' : '253px' , 'opacity' : '1' });
	});
	
	
	$('#boxright').hover(function() {
		$('#textbox3').stop().animate({ 'height' : '95px' , 'opacity' : '1' });
	}, function() {
		$('#textbox3').stop().animate({ 'height' : '1px' , 'opacity': '0' });
	});
	
	$('#boxright').hover(function() {
		$('#boxmiddle h2').stop().animate({ 'left' : '1px'});
	}, function() {
		$('#boxmiddle h2').stop().animate({ "left" : '10px' });
	});
	
	$('#boxright').hover(function() {
		$('#boxright h2').stop().animate({ 'left' : '10px'});
	}, function() {
		$('#boxright h2').stop().animate({ "left" : '45px' });
	});
	
});