$(document).ready(function () {
	$(".topnav-container").each(function (index, elem) {
		$(function () {
			var $phOffset = $(".topnav-placeholder").offset();
			var anchor = $(elem).attr('id').split('_').slice(1).join('_');
			var $containerid = $(elem).attr('id');
			var hidetimer = null;


			$("#" + anchor).mouseenter(function (e) {
				var $phOffset = $(".topnav-placeholder").offset();
				$(elem).css({ left: $phOffset.left + "px", top: $phOffset.top + "px" })
				var $container = $("#" + $containerid);
				if ($container.hasClass("topnav-container-hidden")) {
					$container.removeClass("topnav-container-hidden");
				}
				$("#" + anchor).children('img').addClass('disableSwap');
				$("#" + anchor).children('img').attr('src', $("#" + anchor).children('img').attr('src').replace("-0", "-1"));
			});
			$("#" + anchor).mouseleave(function (e) {
				var $container = $("#" + $containerid);
				hidetimer = setTimeout(function () { hideTopNav($container, $("#" + anchor)); }, 10);
			});
			$("#" + anchor).mouseenter(function (e) {
				clearTimeout(hidetimer);
			});
			hideTopNav = function ($container, $anchors) {
				if (!$container.hasClass("topnav-container-hidden")) {
					$container.addClass("topnav-container-hidden");
				}
				$anchors.children('img').removeClass('disableSwap');
				$anchors.children('img').attr('src', $anchors.children('img').attr('src').replace("-1", "-0"));
			}
			$(elem).mouseenter(function (e) {
				clearTimeout(hidetimer);
			});
			$(elem).mouseleave(function (e) {
				var $container = $("#" + $containerid);
				hidetimer = setTimeout(function () { hideTopNav($container, $("#" + anchor)); }, 10);
			});
		});
	});
});