$(document).ready(
	function(){
		var $tab1 = $("#tab1");
		var $tab2 = $("#tab2");	
		var $tab3 = $("#tab3");
		var $tab1_state = "down";
		var $tab2_state = "down";
		var $tab3_state = "down";
		$($tab1).hover(
			function(){
				if ($tab3_state == "up") {
					$tab3.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab3_state = "down";
					$tab1.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab1_state = "up";
				}
				else if ($tab2_state == "up") {
					$tab2.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab2_state = "down";
					$tab1.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab1_state = "up";
				}
				else if ($tab1_state == "up") {
					$tab1.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab1_state = "down";
				}
				else {
					$tab1.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab1_state = "up";
				}
			},
			function(){
				if ($tab1_state == "up") {
					$tab1.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab1_state = "down";
				}
				else {
					$tab1.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab1_state = "up";
				}
			}
		);
		$($tab2).hover(
			function(){
				if ($tab3_state == "up") {
					$tab3.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab3_state = "down";
					$tab2.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab2_state = "up";
				}
				else if ($tab1_state == "up") {
					$tab1.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab1_state = "down";
					$tab2.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab2_state = "up";
				}
				else if ($tab2_state == "up") {
					$tab2.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab2_state = "down";
				}
				else {
					$tab2.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab2_state = "up";
				}
			},
			function(){
				if ($tab2_state == "up") {
					$tab2.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab2_state = "down";
				}
				else {
					$tab2.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab2_state = "up";
				}
			}
		);		
		$($tab3).hover(
			function(){
				if ($tab2_state == "up") {
					$tab2.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab2_state = "down";
					$tab3.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab3_state = "up";
				}
				else if ($tab1_state == "up") {
					$tab1.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab1_state = "down";
					$tab3.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab3_state = "up";
				}
				else if ($tab3_state == "up") {
					$tab3.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab3_state = "down";
				}
				else {
					$tab3.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab3_state = "up";
				}
			},
			function(){
				if ($tab3_state == "up") {
					$tab3.stop().animate(
						{marginTop: "-10px"}, "slow"
					);
					$tab3_state = "down";
				}
				else {
					$tab3.stop().animate(
						{marginTop: "-80px"}, "slow"
					);
					$tab3_state = "up";
				}
			}
		);
	}
);