jQuery(document).ready(function(){
 
    //Set opacity on each span to 0%
	 jQuery(".rollover-Verein").css({'opacity':'0'});
	 jQuery(".rollover-Trainingszeiten").css({'opacity':'0'});
	 jQuery(".rollover-Veranstaltungen").css({'opacity':'0'});
	 jQuery(".rollover-Neuigkeiten").css({'opacity':'0'});
	 jQuery(".rollover-Bildergalerie").css({'opacity':'0'});

	jQuery('#navi a').hover(
		function() {
			jQuery(this).find('.rollover-Verein').stop().fadeTo(200, 1);
			jQuery(this).find('.rollover-Trainingszeiten').stop().fadeTo(200, 1);
			jQuery(this).find('.rollover-Veranstaltungen').stop().fadeTo(200, 1);
			jQuery(this).find('.rollover-Neuigkeiten').stop().fadeTo(200, 1);
			jQuery(this).find('.rollover-Bildergalerie').stop().fadeTo(200, 1);
		},
		function() {
			jQuery(this).find('.rollover-Neuigkeiten').stop().fadeTo(500, 0);
		}
	)
	
	jQuery('#navi li ul').mouseenter(function(){
		jQuery(this).find('.rollover-Verein').stop().fadeTo(200, 1);
	});
	jQuery('#navi li').mouseleave(function(){
		jQuery(this).find('.rollover-Verein').stop().fadeTo(500, 0);
	});
	
	jQuery('#navi li ul').mouseenter(function(){
		jQuery(this).find('.rollover-Veranstaltungen').stop().fadeTo(200, 1);
	});
	jQuery('#navi li').mouseleave(function(){
		jQuery(this).find('.rollover-Veranstaltungen').stop().fadeTo(500, 0);
	});
	
	jQuery('#navi li ul').mouseenter(function(){
		jQuery(this).find('.rollover-Trainingszeiten').stop().fadeTo(200, 1);
	});
	jQuery('#navi li').mouseleave(function(){
		jQuery(this).find('.rollover-Trainingszeiten').stop().fadeTo(500, 0);
	});
	
	jQuery('#navi li ul').mouseenter(function(){
		jQuery(this).find('.rollover-Bildergalerie').stop().fadeTo(200, 1);
	});
	jQuery('#navi li').mouseleave(function(){
		jQuery(this).find('.rollover-Bildergalerie').stop().fadeTo(500, 0);
	});
	

 
});