function navigationHoverOver(){
	$(this).find(".sub").stop().fadeTo('fast', 1).show();
}

function navigationHoverOut(){
	$(this).find(".sub").stop().fadeOut('fast', 0, function(){
		$(this).hide();
	});
}

$(document).ready(function(){
	var config = {
		sensitivity: 1,
		interval: 10,
		over: navigationHoverOver,
		timeout: 200,
		out: navigationHoverOut
	};

	// fixing border calculation in some browsers
	var main_top = $("#main_navigation").position().top;
	var main_height = $("#main_navigation").outerHeight() - 1;
	var li_top = $("#main_navigation ul li").position().top;
	var sub_top = main_top + main_height - li_top;

	$("#main_navigation ul li.toggle .sub").css({'top': sub_top + 'px',
												 'opacity': '0'});
	$("#main_navigation ul li.toggle").hoverIntent(config);

	$("#main_navigation ul li.toggle ul li img").hover(function(){
		$(this).css({
			'opacity': 0.7
		});
	}, function(){
		$(this).css({
			'opacity': 1
		});
	});
});