var slideSpeed = 400;

$(function(){ 
	$("#left").css("left","-220px");
	$("#left").hover(
		function () {
			$("#left").animate({left: "0px"}, slideSpeed );
		}, 
		function () {
			$("#left").animate({left: "-220px"}, slideSpeed ); 
		}
	);
});

$(function(){ 
	$("#right").css("right","-220px");
	$("#right").hover(
		function () {
			$("#right").animate({right: "0px"}, slideSpeed );
		}, 
		function () {
			$("#right").animate({right: "-220px"}, slideSpeed ); 
		}
	);
});

$(function(){ 
	$("#top").css("top","-200px");
	$("#top").hover(
		function () {
			$("#top").animate({top: "0px"}, slideSpeed );
		}, 
		function () {
			$("#top").animate({top: "-200px"}, slideSpeed ); 
		}
	);
});

$(function(){ 
	$("#bottom").css("bottom","-200px");
	$("#bottom").hover(
		function () {
			$("#bottom").animate({bottom: "0px"}, slideSpeed );
		}, 
		function () {
			$("#bottom").animate({bottom: "-200px"}, slideSpeed ); 
		}
	);
});