(function($){


	$('.listing_info').stop().animate({ opacity: 0, }, 100);

	$(".listing_item").hover(function() {
        $(this).css({'z-index' : '100'}); /*Add a higher z-index value so this image stays on top*/ 
        $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
            .animate({
                marginTop: '-15em', /* The next 4 lines will vertically align this image */ 
                marginLeft: '-21em',
					 marginBottom: '11em',	
                top: '50%',
                left: '50%',
                width: '400px', /* Set new width */
                height: '250px', /* Set new height */
                padding: '10px'
            }, 200); /* this value of "200" is the speed of how fast/slow this hover animates */
				
			$(this).find('.listing_info').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
            .animate({
               opacity: 1,
            }, 200);


    } , function() {
        $(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
        $(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
            .animate({
                marginTop: '0', /* Set alignment back to default */
                marginLeft: '0',
                top: '0',
                left: '0',
                width: '280px', /* Set width back to default */
                height: '180px', /*Set height back to default */
                padding: '5px'
            }, 400);
				
			$(this).find('.listing_info').removeClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
            .animate({
               opacity: 0,
            }, 200);
    });

		$('.back_to_top').click(function(){
			$('html, body').animate({scrollTop:0}, '1000'); 
		}); 


})(jQuery);