Packsize Fancy Nav

packsize-fancy-nav.js

/** SCRIPT FOR PRIMARY NAVIGATION **/
	var primaryMenu = $("#pnav");
	var primaryMenuItems = ["solutions", "resources", "company"];

	$(window).on("load resize scroll", function () {

		var head_row = $("#header_row").offset().left;

		$.each(primaryMenuItems, function (k, v) {
			if (primaryMenu.find("." + v).length) {
				var hiddenMenu = primaryMenu.find("." + v).offset().left;
				var leftWidth = hiddenMenu - head_row;
				$("#sn-" + v).css("left", leftWidth);

				var subnav = $("#sc-" + v).find('.subnav-message');

				if (leftWidth < subnav.innerWidth() && subnav.innerWidth() > (leftWidth - 30)) {
					subnav.css("width", leftWidth - 30 + "px");
				} else {
					subnav.css("width", "48%");
				}
			}
		});
	});


	$(document).ready(function () {
		$.each(primaryMenuItems, function (k, v) {
			if ($("#sc-" + v).length) {
				$("#pnav ." + v + ", #sc-" + v).each(function () {
					$(this).hover(function () {
						$("#sc-" + v).show();
						primaryMenu.find("." + v + " a").addClass("active");
					}, function () {
						$("#sc-" + v).hide();
						primaryMenu.find("." + v + " a").removeClass("active");
					});
				});
			}
		});
	});