var menuOffsetX = -8;
var menuOffsetY = 6;
$(document).ready(function () {
	// ie fix
	if ($.browser.msie) {
		$("ul.nav li.navitem a.blognav").removeClass("blognav");
	}
	// ie6 fix
	if ($.browser.msie && /6.0/.test(navigator.userAgent)) {
		menuOffsetX = -1;
		menuOffsetY = 0;
	}
	// ie7 fix
	if ($.browser.msie && /7.0/.test(navigator.userAgent)) {
		$("ul.nav li.navitem span").css("display", "inline-block");
	}
	
	$("ul.nav li.navitem").each(function(i) {
		// mouse over
		$(this).mouseenter(function () {
			var titleSpan = $(this).find("span:eq(0)");
			var titleLink = $(this).find("a:eq(0)");
			var submenu = $("ul.menu_body:eq(" + i + ")");
			
			if (titleSpan.hasClass("hightlight")) {
				return;
			}
			
			var pos = titleLink.offset();
			var x = pos.left + menuOffsetX;
			var y = pos.top + titleLink.outerHeight() + menuOffsetY;
			
			if (titleLink.hasClass("blognav")) {
				titleLink.removeClass("blognav");
				titleLink.css("padding", "10px 10px 15px 10px");
				titleSpan.addClass("blogmenu");
				y -= 15;
			}
			
			if (submenu.length > 0) {
				titleSpan.addClass("hightlight");
				submenu.css({"top":y, "left":x});
				submenu.slideDown("fast", function() {
					submenu.dropShadow({left:1, top:1, blur:1, opacity:0.3});
				});	
			}
	    });
	
		// mouse out
		$(this).mouseleave(function () {
			var titleSpan = $(this).find("span:eq(0)");
			var titleLink = $(this).find("a:eq(0)");
			var submenu = $("ul.menu_body:eq(" + i + ")");
			
			if (!titleSpan.hasClass("hightlight")) {
				return;
			}

			if (submenu.length > 0) {
				submenu.removeShadow();
				submenu.slideUp("fast", function() {
					submenu.removeShadow();
					titleSpan.removeClass("hightlight");
					if (titleSpan.hasClass("blogmenu")) {
						titleSpan.removeClass("blogmenu");
						titleLink.css("padding", "10px 10px 15px 10px");
						titleLink.addClass("blognav");
					}
				});
			}
	    });
	});

	$("ul.menu_body li a").mouseenter(function () {
		$(this).animate({fontSize: "12px"}, 50);
    });
	$("ul.menu_body li a").mouseleave(function () {
		$(this).animate({fontSize: "10px"}, 50);
    });
});

function clearShadow(i) {
	if (!$("ul.menu_body:eq(" + i + ")").is(":visible")) {
		$("ul.menu_body:eq(" + i + ")").siblings("div.dropShadow").remove();
	}
}