// start----------------------------------------------------------------------------------------

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

    // get rid of the text
    $('.fadeThis > .hover').empty();
});
	// start----------------------------------------------------------------------------------------

$(document).ready(function() {
	// find the div.fade elements and hook the hover event
	$('.fadeThis2').hover(function() {
		// on hovering over find the element we want to fade *up*
		var fade = $('> .hover2', 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 = $('> .hover2', this);
		if (fade.is(':animated')) {
			fade.stop().fadeTo(500, 0);
		} else {
			fade.fadeOut(500);
		}
	});
 
	// get rid of the text
	$('.fadeThis > .hover').empty();
});

	// start----------------------------------------------------------------------------------------

$(document).ready(function() {
	// find the div.fade elements and hook the hover event
	$('.fadeThis3').hover(function() {
		// on hovering over find the element we want to fade *up*
		var fade = $('> .hover3', 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 = $('> .hover3', this);
		if (fade.is(':animated')) {
			fade.stop().fadeTo(500, 0);
		} else {
			fade.fadeOut(500);
		}
	});
 
	// get rid of the text
	$('.fadeThis > .hover').empty();
});

	// start----------------------------------------------------------------------------------------

$(document).ready(function() {
	// find the div.fade elements and hook the hover event
	$('.fadeThis4').hover(function() {
		// on hovering over find the element we want to fade *up*
		var fade = $('> .hover4', 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 = $('> .hover4', this);
		if (fade.is(':animated')) {
			fade.stop().fadeTo(500, 0);
		} else {
			fade.fadeOut(500);
		}
	});
 
	// get rid of the text
	$('.fadeThis > .hover').empty();
});

	// start----------------------------------------------------------------------------------------


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

    // get rid of the text
    $('.fadeThis > .hover').empty();
});

// start----------------------------------------------------------------------------------------


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

    // get rid of the text
    $('.fadeThis > .hover').empty();
});

// start----------------------------------------------------------------------------------------


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

    // get rid of the text
    $('.fadeThis > .hover').empty();
});