// JavaScript Document

	$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				//PT
				$('.boxgridPT.pt').hover(function(){
					$(".cover", this).stop().animate({top:'286px', left:'-487px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//ATC
				$('.boxgridATC.atc').hover(function(){
					$(".cover", this).stop().animate({left:'515px', top: '286'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px', top: '0'},{queue:false,duration:300});
				});
				//TP
				$('.boxgridTP.tp').hover(function(){
					$(".cover", this).stop().animate({top:'-255px', left:'515px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//BC
				$('.boxgridBC.bc').hover(function(){
					$(".cover", this).stop().animate({left:'-487px', top:'-255px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px', top:'0px'},{queue:false,duration:300});
				});
				
			});