$(document).ready(function() {
	// find the div.fade elements and hook the hover event
	$('#fadeThis').hover(function() {
		// on hovering over find the element we want to fade *up*
		var fade = $('> .hover', this);
		// if the element is currently being animated (to fadeOut)...
		if (fade.is(':animated')) {
			// ...stop the current animation, and fade it to 1 from current position
			fade.stop().animate({
				opacity: "show"
			},200);
		} else {
			fade.animate({
				opacity: "show"
			},200);
		}
	}, function () {
		var fade = $('> .hover', this);
		if (fade.is(':animated')) {
			fade.stop().animate({
				opacity: "show"
			},200);
		} else {
			fade.animate({
				opacity: "hide"
			},200);
		}
	});
 
	// get rid of the text
	$('#fadeThis > .hover').empty();
})


/*
$(document).ready(function() {

	$("ul#topnav li").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.about").css({'background' : 'url(' + thumbOver + ') no-repeat bottom'});

		//Animate the image to 0 opacity (fade it out)
		$(this).find("span").stop().fadeTo('normal', 0 , function() {
			$(this).hide() //Hide the image after fade
		});
	} , function() { //on hover out...
		//Fade the image to full opacity 
		$(this).find("span").stop().fadeTo('normal', 1).show();
	});

});
*/