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



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


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



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


			//rollover-titile fade
			  $('a.rollover-title').hover(function() {
				    var fade2 = $(this).parent().parent().children('div').children('a').children('span').attr('class');
				    var fade = $('> .' + fade2, $(this).parent().parent().children('div').children('a'));
				    //alert(fade2);
				    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 fade2 = $(this).parent().parent().children('div').children('a').children('span').attr('class');
				var fade = $('> .' + fade2, $(this).parent().parent().children('div').children('a'));
				    if (fade.is(':animated')) {
					fade.stop().fadeTo(500, 0);
				    } else {
					fade.fadeOut(500);
				    }

				});


			//rollover-read-more fade
				$('a.rollover-read-more').hover(function() {
				    var fade2 = $(this).attr('rel');
				    var fade = $('> .' + fade2, $('.' + fade2).parents('a'));
				    //alert(fade2);
				    if (fade.is(':animated')) {
					// ...stop the current animation, and fade it to 1 from current position
					fade.stop().fadeTo(500, 0);
				    } else {
					fade.fadeIn(500);
				    }
				}, function() {
				    var fade2 = $(this).attr('rel');
				    var fade = $('> .' + fade2, $('.' + fade2).parents('a'));
				    if (fade.is(':animated')) {
					fade.stop().fadeTo(500, 1);
				    } else {
					fade.fadeOut(500);
				    }
				});

		   

				    
				    
        // get rid of the text
        $('.fadeFirst > .hoverFirst').empty();
        $('.fadeThird > .hoverThird').empty();
        $('.fadeFourth > .hoverFourth').empty();
        $('.fadeSecond > .hoverSecond').empty();
    });