$(document).ready(function(){
	$('.captionImage2').imageCaption({
			toCaption: 'captionImage2',
			captionBoxOpacity: '0.8',
			speedIn: 100,
			speedOut: 500,
	});
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Full Caption Sliding (Hidden to Visible) #1
	//Caption Sliding (Partially Hidden to Visible) #2
	$('.boxgrid.caption').hover(function(){
		$(".cover", this).stop().animate({top:'45px',left:'0px'},{queue:false,duration:120});
	}, function() {
		$(".cover", this).stop().animate({top:'77px',left:'0px'},{queue:false,duration:120});
	});
	
	$('.boxgridBig.captionBig').hover(function(){
		$(".coverBig", this).stop().animate({top:'-0px',left:'0px'},{queue:false,duration:120});
	}, function() {
		$(".coverBig", this).stop().animate({top:'-78px',left:'0px'},{queue:false,duration:120});
	});

	$('.boxgridMore.captionMore').hover(function(){
		$(".coverMore", this).stop().animate({top:'33px',left:'0px'},{queue:false,duration:120});
	}, function() {
		$(".coverMore", this).stop().animate({top:'77px',left:'0px'},{queue:false,duration:120});
	});
});