var origOpacity = '0.0';
var hoverOpacity = '1.0';

$(document).ready(function() {
	$('#nav .nav-item-hover').css({opacity: origOpacity});
	$('#nav .nav-item').hover(function() {
		$(this).find('.nav-item-hover').stop().animate({opacity: hoverOpacity}, 300);
		if ($(this).hasClass('subs')) {
			$(this).find('.nav-item-subs').show();
		}
	}, function() {
		$(this).find('.nav-item-hover').stop().animate({opacity: origOpacity}, 300);
		if ($(this).hasClass('subs')) {
			$(this).find('.nav-item-subs').hide();
		}
	});
});