jQuery(document).ready(function () {

	// Fade Effect

	// find the div.fade elements and hook the hover event
	jQuery('.fade').hover(function () {
		// on hovering over find the element we want to fade *up*
		var fade = jQuery('> .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().fadeTo(500, 1);
		} else {
			fade.fadeIn(500);
		}
	}, function () {
		var fade = $('> .hover', this);
		if (fade.is(':animated')) {
			fade.stop().fadeTo(500, 0);
		} else {
			fade.fadeOut(500);
		}
	});

	// get rid of the text if present
	jQuery('.fade > .hover').empty();

})