// drewmedia.co.uk portfolio Box Grid JavaScript
$(document).ready(function(){
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding Up
	$('.boxgrid.slideup').hover(function(){
		$(".cover", this).stop().animate({top:'-240px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
	});
	//Vertical Sliding Down
	$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'240px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
	});	
	//Horizontal Sliding Right
	$('.boxgrid.slideright').hover(function(){
		$(".cover", this).stop().animate({left:'320px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
	});
	//Horizontal Sliding Left
	$('.boxgrid.slideleft').hover(function(){
		$(".cover", this).stop().animate({left:'-320px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
	});	
	//Diagonal Sliding Down
	$('.boxgrid.thecombodown').hover(function(){
		$(".cover", this).stop().animate({top:'240px', left:'320px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
	});
	//Diagonal Sliding Up
	$('.boxgrid.thecomboup').hover(function(){
		$(".cover", this).stop().animate({top:'-240px', left:'-320px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
	});	
	//Fade In/Out
	$('.boxgrid.fadeinout').hover(function(){
		$(".cover", this).stop().animate({opacity:'0'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({opacity:'1'},{queue:false,duration:300});
	});		
	//Partial Sliding (Only show some of background)
	$('.boxgrid.peek').hover(function(){
		$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	});
	//Full Caption Sliding (Hidden to Visible)
	$('.boxgrid.captionfull').hover(function(){
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'240px'},{queue:false,duration:160});
	});
	//Caption Sliding (Partially Hidden to Visible)
	$('.boxgrid.caption').hover(function(){
		$(".cover", this).stop().animate({top:'100px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
	});
});