$(document).ready(function() {

	$("div#articles div.art-pic").hover(function() { //On hover...

		var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

		//Set a background image(thumbOver) on the <a> tag - Set position to bottom
		$(this).find("a").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});

		//Animate the image to 0 opacity (fade it out)
		$(this).find("span.thumbwrap").stop().fadeTo('fast', 0 , function() {
			$(this).hide() //Hide the image after fade
		});
		//Animate title slide
		$(this).find(".art-pic-over").stop().animate({
		    top: '106'
		});
		$(this).find(".art-pic-title").stop().animate({
		    top: '107'
		});
	} , function() { //on hover out...
		//Fade the image to full opacity 
		$(this).find("span.thumbwrap").stop().fadeTo('slow', 1).show();
		//Animate title slide
		$(this).find(".art-pic-over").stop().animate({
		    top: '137'
		});
		$(this).find(".art-pic-title").stop().animate({
		    top: '138'
		});
	});

});