+function($) {
	"use strict";

	/**
	 *  Rebuilds the navigation to fit the viewport on a single line.
	 */
	var responsiveNav = function() {
		var $nav = $("#primaryNav");
		var level1 = $nav.find(".nav-item-level1").not(".dropdown-more");
		var $more = $nav.find(".dropdown-more");

		var moreLevel2 = [];
		var moreLevel3 = [];

		var consumedWidth = 0;
		var $navContainer = $nav.find(".navbar-collapse");
		// grab available width of container minus left/right padding
		var maxWidth = $navContainer.width() - parseInt($navContainer.css("paddingLeft").replace("px", "")) - parseInt($navContainer.css("paddingRight").replace("px", ""));
		//console.log(maxWidth);
		$more.show();

		level1.each(function() {
			var $elm = $(this);
			$elm.show();
			var elmWidth = $elm.outerWidth();
			//console.log("availableWidth=" + (maxWidth - consumedWidth - $more.outerWidth()));
			//console.log("elmWidth=" + elmWidth);
			if (consumedWidth + elmWidth + $more.outerWidth() < maxWidth) {
				consumedWidth += elmWidth;
			}
			else {
				// add this top-level menu to the responsive More submenu
				var entityType = $elm.data("entityType");
				var entityId = $elm.data("entityId");
				var isLink = $elm.data("isLink");
				var $navLink = $elm.find(".nav-label:first");
				var navOnClick = $navLink.attr('onclick');
				var navHref = $navLink.prop("href");

				var level2Html = '<li role="presentation" class="nav-item-level2">';

				// nav link
				if(isLink && navOnClick.length > 0){
					level2Html += '<a href="#" onClick="'+navOnClick +'"><span class="nav-triangle pull-right"></span>' + $navLink.text() + '</a>';
				}else{
					if (navHref && navHref.length > 0) {
						if (navHref.substr(-1) == '#') {
							level2Html += '<a data-toggle="collapse" href="#nav_' + entityType + '_' + entityId + '"><span class="nav-triangle pull-right"></span>' + $navLink.text() + '</a>';
						}
						else {
							level2Html += '<a href="' + navHref + '"><span class="nav-triangle pull-right"></span>' + $navLink.text() + '</a>';
						}
					}
					else {
						level2Html += '<a data-toggle="collapse" href="#nav_' + entityType + '_' + entityId + '"><span class="nav-triangle pull-right"></span>' + $navLink.text() + '</a>';
					}
				}


				// child menus
				var level2 = $elm.find(".nav-item-level2");
				var level3Html = "";
				if (level2.length > 0) {
					level3Html += '<div class="collapse" id="nav_' + entityType + '_' + entityId + '">';
					level3Html += '<ul class="nav nav-pills nav-stacked">';
					level2.each(function() {
						var $childElm = $(this);
						var $childLink = $childElm.find(".nav-label");
						var childHref = $childLink.prop("href");
						level3Html += '<li role="presentation" class="nav-item-level3">';
						level3Html += '<a href="' + childHref + '">' + $childLink.text() + '</a>';
						level3Html += '</li>';
					});
					level3Html += '</ul>';
					level3Html += '</div>';
				}
				level2Html += '</li>';
				moreLevel2.push(level2Html);
				moreLevel3.push(level3Html);

				// hide top-level menu
				$elm.hide();
			}
		});
		$more.find(".nav-level2 .nav-pills").html(moreLevel2.join(""));
		$more.find(".nav-level3").html(moreLevel3.join(""));

		if (moreLevel2.length > 0) $more.show();
		else $more.hide();
	};

	var hideOtherSubMenus = function(elm) {
		var $elm = $(elm);
		//$elm.closest(".row").find(".collapse.in").not($($elm.prop("hash"))).collapse("hide");
		$("#primaryNav .collapse.in").not($($elm.prop("hash"))).collapse("hide");
	};

	$(function() {
		$(window).on("resize", function() {
			clearTimeout(self.resizeTimeout);
			self.resizeTimeout = setTimeout(responsiveNav, 1);
		});
		responsiveNav();

		$(document).on("click.bt.yammStopPropagation", ".yamm .dropdown-menu", function(e) {
			e.stopPropagation();
		});

		$(document).on("click.bt.hideOtherSubMenus", "#primaryNav .nav-level2>ul>li>a", function(e) {
			hideOtherSubMenus(this);
		});

		$(document).on("click.bt.hideAllSubMenus", function(e) {
			hideOtherSubMenus(this);
		});

		$("#primaryNav .collapse")
			.on("show.bs.collapse", function() {
				$("a[href='#" + $(this).prop("id") + "']").addClass("active");
			})
			.on("hide.bs.collapse", function() {
				$("a[href='#" + $(this).prop("id") + "']").removeClass("active");
			})
		;

	});

}(jQuery);

$(document).ready(function () {

	var $teamList = $('.teamList');
    var $column1 = $('.column1');
    var $teamul = $('.ul_teams');
    var $listItems = $teamList.find('li');

    if ($listItems.length > 10) {
        $column1.addClass('col-md-6');
        $column1.removeClass('col-md-12');
        var halfLength = Math.ceil($listItems.length / 2);
        var $secondColumn = $('<div class="col-md-6 nav-level2" id="column2"><ul class="list-unstyled p-3"></ul></div>');
        $listItems.slice(halfLength).appendTo($secondColumn.find('ul'));
        $('.column1').after($secondColumn);
        $teamul.css('width', '100%');
    }
    else{
        $column1.removeClass('col-md-6');
        $column1.addClass('col-md-12');
    }
});