//using jquery with no conflict caused by mootools
jQuery.noConflict();

jQuery(document).ready(function(){
    //hides
	jQuery("a").find(".headerNaviHover").each(function(i) {jQuery(this).css("opacity","0");});
	
	//topNavi
	var hoverTimeMainNavi = 300;	
	jQuery("a").find(".headerNaviHover").each(function(i) {
		jQuery(this).hover(function() {
			jQuery(this).stop().animate({opacity:1},{duration:hoverTimeMainNavi});
		},function() {
			jQuery(this).stop().animate({opacity:0},{duration:hoverTimeMainNavi});
		});
	}); 
});