jQuery(document).ready(function(){
 
    //Set opacity on each span to 0%
	 jQuery(".rollover-home").css({'opacity':'0'});
	 jQuery(".rollover-kontakt").css({'opacity':'0'});
	 jQuery(".rollover-anfahrt").css({'opacity':'0'});
	 jQuery(".rollover-impressum").css({'opacity':'0'});
    jQuery(".rollover-kfz-service").css({'opacity':'0'});
	 jQuery(".rollover-tuev").css({'opacity':'0'});
	 jQuery(".rollover-reifenservice").css({'opacity':'0'});
	 jQuery(".rollover-optisches-tuning").css({'opacity':'0'});
	 jQuery(".rollover-tuning-galerie").css({'opacity':'0'});
	 jQuery(".rollover-angebote").css({'opacity':'0'});

	jQuery('#subnavi a').hover(
		function() {
			jQuery(this).find('.rollover-kfz-service').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-tuev').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-reifenservice').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-optisches-tuning').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-tuning-galerie').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-angebote').stop().fadeTo(500, 1);
		},
		function() {
			jQuery(this).find('.rollover-kfz-service').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-tuev').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-reifenservice').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-optisches-tuning').stop().fadeTo(500, 0);
//			jQuery(this).find('.rollover-tuning-galerie').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-angebote').stop().fadeTo(500, 0);
		}
	)
	
	jQuery('#subnavi li ul').mouseenter(function(){
		jQuery(this).find('.rollover-tuning-galerie').stop().fadeTo(500, 1);
	});
	jQuery('#subnavi li').mouseleave(function(){
		jQuery(this).find('.rollover-tuning-galerie').stop().fadeTo(500, 0);
	});
	
	jQuery('#navi a').hover(
		function() {
			jQuery(this).find('.rollover-home').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-kontakt').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-anfahrt').stop().fadeTo(500, 1);
			jQuery(this).find('.rollover-impressum').stop().fadeTo(500, 1);
		},
		function() {
			jQuery(this).find('.rollover-home').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-kontakt').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-anfahrt').stop().fadeTo(500, 0);
			jQuery(this).find('.rollover-impressum').stop().fadeTo(500, 0);
		}
	)
 
});