$(document).ready(function () {

	// transition effect
	style = 'easeInOutCirc';

	// if the mouse hover the image
	$('.photo').hover(
		function() {
			//display heading and caption
			$(this).css({border:'5px solid #fff'});
			//$(this).css({opacity:'1',filter:'alpha(opacity=100)',-moz-opacity:'1',-khtml-opacity:'1'});
			$(this).children(".photo .caption").css({opacity:'1',filter:'alpha(opacity=100)'});
			$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:300, easing: style});},
		function() {
			//hide heading and caption
			$(this).css({border:'5px solid #222'});
			$(this).children(".photo .caption").css({opacity:'0.6',filter:'alpha(opacity=60)'});
			$(this).children('div:last').stop(false,true).animate({bottom:70},{duration:300, easing: style});}
	);

});