$(document).ready(function(){

	// control hover in/out fade speed
	var hoverSpeed = 300;

	$("#century-of-success").mouseover(function() {
		// create new logo span for hover and fade it in
		$("#century-of-success").append('<span></span>');
		$("#century-of-success span").css({display:"none"}).fadeIn(hoverSpeed);
	}).mouseout(function() {
		// fade out & destroy span
		$("#century-of-success span").fadeOut(hoverSpeed, function() {
			$(this).remove();
		});
	});

});