$(document).ready(function(){
			//left Sliding
				$('.boxgrid.popleft').hover(function(){
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'-120px'},{queue:false,duration:300});
				});
			//right Sliding
				$('.boxgrid2.popright').hover(function(){
					$(".cover", this).stop().animate({top:'0px', right:'0px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', right:'-120px'},{queue:false,duration:300});
				});
			//Down Sliding
				$('.boxgrid3.popdown').hover(function(){
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'-15px', left:'0px'},{queue:false,duration:300});
				});
			//Up Sliding Left
				$('.boxgrid4.popup').hover(function(){
					$(".cover2", this).stop().animate({bottom:'0px', left:'0px'},{queue:false,duration:300});
				}, function() {
					$(".cover2", this).stop().animate({bottom:'-20px', left:'0px'},{queue:false,duration:300});
				});
			//Up Sliding Right
				$('.boxgrid5.popup2').hover(function(){
					$(".cover2", this).stop().animate({bottom:'0px', right:'0px'},{queue:false,duration:300});
				}, function() {
					$(".cover2", this).stop().animate({bottom:'-20px', right:'0px'},{queue:false,duration:300});
				});
			});