$(document).ready(function() {
	
	$('#matrair_overlay').mouseover(function() {
		$('#matrair_overlay').removeClass('overlay');
		$('#bodytone_overlay').addClass('overlay');
		$('#matrair').css('z-index', 6);
		$('.text_left .c').css('color', '#d05300');
		$('#matrair').animate({
			width: 593
		}, 500, function() {
			
		});
	});
	$('#matrair_overlay').mouseout(function() {
		$('#matrair').css('z-index', 5);
		$('.text_left .c').css('color', '#f4d7be');
		$('#matrair').animate({
			width: 477
		}, 500, function() {
			$('#matrair').css('z-index', 1);
			$('#bodytone_overlay').removeClass('overlay');
		});
	});

	$('#bodytone').mouseover(function() {
		$('#bodytone_overlay').removeClass('overlay');
		$('#matrair_overlay').addClass('overlay');
		$(this).css('z-index', 6);
		$('.text_right .c').css('color', '#00909f');
		$(this).animate({
			width: 593
		}, 500, function() {
		
		});
	});
	$('#bodytone').mouseout(function() {
		$(this).css('z-index', 5);
		$('.text_right .c').css('color', '#d0dee7');
		$(this).animate({
			width: 477
		}, 500, function() {
			$(this).css('z-index', 1);
			$('#matrair_overlay').removeClass('overlay');
		});
	});
});