$(document).ready(function(){
        $("#box").hover(function(){
        $(this).stop(true,false).animate({bottom: 0}, 500);
        },function(){
             $("#box").stop(true,false).animate({bottom: -200}, 500);
		});
		
		$("#boxright").hover(function(){
        $(this).stop(true,false).animate({right: 0}, 500);
        },function(){
             $("#boxright").stop(true,false).animate({right: -200}, 500);
		});
		
		$("#boxleft").hover(function(){
        $(this).stop(true,false).animate({left: 0}, 500);
        },function(){
             $("#boxleft").stop(true,false).animate({left: -200}, 500);
		});
		
	    $("#boxtop").hover(function(){
        $(this).stop(true,false).animate({top: 0}, 500);
        },function(){
             $("#boxtop").stop(true,false).animate({top: -200}, 500);
		});
		
     });