$(document).ready(function(){
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Diagnal Sliding Top Left
	$('.boxgrid1.thecombo_tl').hover(function(){
		$(".cover", this).stop().animate({top:'-201px', left:'-286px'},{queue:false,duration:750});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:750});
	});
	//Diagnal Sliding Top Right
	$('.boxgrid2.thecombo_tr').hover(function(){
		$(".cover", this).stop().animate({top:'-110px', left:'186px'},{queue:false,duration:750});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:750});
	});
	//Diagnal Sliding Middle Left
	$('.boxgrid3.thecombo_ml').hover(function(){
		$(".cover", this).stop().animate({top:'0px', left:'-286px'},{queue:false,duration:750});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:750});
	});
	//Diagnal Sliding Middle Right
	$('.boxgrid4.thecombo_mr').hover(function(){
		$(".cover", this).stop().animate({top:'0px', left:'186px'},{queue:false,duration:750});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:750});
	});
	//Diagnal Sliding Bottom Left
	$('.boxgrid5.thecombo_bl').hover(function(){
		$(".cover", this).stop().animate({top:'90px', left:'-216px'},{queue:false,duration:750});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:750});
	});
	//Diagnal Sliding Bottom Right
	$('.boxgrid6.thecombo_br').hover(function(){
		$(".cover", this).stop().animate({top:'90px', left:'256px'},{queue:false,duration:750});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:750});
	});
});