$(document).ready(function(){
	$("#responsiveMenuButton").on ('click', function () {
		if ($("#responsiveMenu").is (':visible')) {
			LLResponsive.closeResponsiveMenu ();
		} else {
			LLResponsive.openResponsiveMenu ();
		}
		return false;
	});
	$("#responsiveLoginButton.loggedIn").on ('click', function () {
		if ($("#responsivePlayerMenu").is (':visible')) {
			LLResponsive.closeResponsivePlayerMenu ();
		} else {
			LLResponsive.openResponsivePlayerMenu ();
		}
		return false;
	});

	if ($("#responsiveHeader").length > 0) {
		LLResponsive.runWhenSmallerThan(850, function () { LLResponsive.init (); });
		LLResponsive.runWhenSmallerThan(767, function () { LLResponsiveSchedule.init (); });
	}
});

var LLResponsive = function () {
	return {
		transitionDuration: 300,
		nonResponsiveFlags: [
			'#leagueBracketPage', '#captainsLoungeContainer',
			'#recipientList', '#teamRSVPs', '#playersToMerge'
		],
		init: function () {
			if ($("#responsiveMenu").length == 0) {
				LLResponsive.createResponsiveMenu ();
				LLResponsive.initNonResponsivePages ();
			}
		},
		runWhenSmallerThan: function (screenWidth, callback) {
			var mq = window.matchMedia ("(max-width: " + screenWidth.toString () + "px)");
			if (mq.matches) {
				callback ();
			}
			mq.addListener(function (query) {
				if (query.matches) {
					callback ();
				}
			});
		},
		openResponsiveMenu: function () {
			$("#responsiveMenuButton").addClass ('active');
			$("#responsiveMenu").slideDown (LLResponsive.transitionDuration);
			$("#responsiveMenu .responsiveMenuToggle").eq(0).trigger ('click');
			LLResponsive.closeResponsiveSportMenu ();
			LLResponsive.closeResponsivePlayerMenu ();
		},
		openResponsivePlayerMenu: function () {
			$("#responsiveLoginButton").addClass ('active');
			$("#responsivePlayerMenu").slideDown (LLResponsive.transitionDuration);
			LLResponsive.closeResponsiveMenu ();
			LLResponsive.closeResponsiveSportMenu ();
		},
		closeResponsiveMenu: function () {
			$("#responsiveMenuButton, #responsiveMenu .responsiveMenuToggle").removeClass ('active');
			$("#responsiveMenu, #responsiveMenu ul").slideUp (LLResponsive.transitionDuration);
		},
		closeResponsiveSportMenu: function () {
			$("#responsiveSportMenu ul").slideUp (LLResponsive.transitionDuration);
			$("#responsiveSportMenu .responsiveMenuToggle").removeClass ('active');
		},
		closeResponsivePlayerMenu: function () {
			$("#responsivePlayerMenu").slideUp (LLResponsive.transitionDuration);
			$("#responsiveLoginButton").removeClass ('active');
		},

		createResponsiveMenu : function () {
			var menus = LLResponsive.getSiteMenus ();
			var jqResponsiveMenu = $('<div/>', { 'class':"hidden", 'id':"responsiveMenu" });

			if (!menus.SkipLeagueLinks) {
				LLResponsive.addBrowseLeaguesLink (jqResponsiveMenu);
				LLResponsive.addScheduleFinderLink (jqResponsiveMenu);
			}

			$.each (menus.Site, function (index, menu) {
				LLResponsive.addResponsiveMenu(jqResponsiveMenu, menu);
			});
			if (menus.Top && menus.Top.length) {
				$.each (menus.Top, function (index, link) {
					LLResponsive.addLink (jqResponsiveMenu, $.extend (link, { 'class': 'topLevelLink'}));
				});
			}

			//	now bind events
			$("#responsiveHeader").on ('click', '.responsiveMenuToggle', function () {
				var open = $(this).hasClass ('active');
				$(this).parents ("#responsiveMenu,#responsiveSportMenu").find ('.responsiveMenuToggle.active').removeClass('active').end ()
					.find ('ul:visible').slideUp (LLResponsive.transitionDuration);
				if (!open) {
					$(this).addClass ('active').siblings ('ul').slideDown (LLResponsive.transitionDuration);
				}
				return false;
			});

			if (menus.Sport != null) {
				LLResponsive.addSportMenu (menus.Sport);
			}

			//	add it into the actual page
			jqResponsiveMenu.prependTo ('#responsiveHeader');
		},
		addSportMenu: function (sportMenuData) {
			var jqSportMenu = $('<div/>', { id:"responsiveSportMenu" });
			LLResponsive.addResponsiveMenu(jqSportMenu, sportMenuData);
			jqSportMenu.appendTo ($("#responsiveHeader"));
			$("body").addClass ('withSportMenu');
		},
		addResponsiveMenu: function (container, menuData) {
			var jqMenu = $('<ul/>', { 'class': 'hidden' });
			$.each (menuData.links, function (linkIndex, link) {
				if ($.trim (link.label) && $.trim (link.href)) {
					$('<li/>').append ($('<a/>', { href: link.href, text: link.label })).
						appendTo (jqMenu);
				}
			});

			var jqOuter = $('<div/>', { 'class': 'menuOuter' });
			$('<a/>', { href: '#', 'class': 'responsiveMenuToggle', text: menuData.name }).appendTo (jqOuter);
			jqMenu.appendTo (jqOuter);
			jqOuter.appendTo (container);
		},
		addScheduleFinderLink: function (container) {
			LLResponsive.addLink (container, {
				href: '/schedule-finder',
				'class': 'leagueInfoLink',
				label: 'Find Schedules',
				icon: 'll-icon-schedule'
			})
		},
		addBrowseLeaguesLink: function (container) {
			LLResponsive.addLink (container, {
				href: '/leagues?v=upcoming',
				'class': 'leagueInfoLink',
				label: 'Find Upcoming Leagues',
				icon: 'll-icon-info'
			})
		},
		addLink: function (container, linkInfo) {
			var props = {
				href: linkInfo.href,
				text: linkInfo.label
			};
			if (linkInfo['class'])
			{
				props['class'] = linkInfo['class'];
			}
			var $link = $('<a/>', props);
			if (linkInfo['icon']) {
				$link.prepend ($('<span/>', { 'class': linkInfo['icon'] }));
			}
			$link.appendTo (container);
		},
		
		//	whether the site is currently in responsive mode
		isActive : function () {
			return $("#responsiveMenuButton").is (':visible');
		},
		
		/**
		*	Each theme should override this property with logic for extracting THAT theme's menus from the markup
		*	Follow the example menu structure given here
		*/
		getSiteMenus : function () { 
			return {
				Site: [{ 
					name : 'Sample Menu 1',
					links: [
						{ href : '/', label : 'Home' },
						{ href : '/leagues', label : 'Leagues' }
					]
				},
				{ 
					name : 'Sample Menu 2',
					links: [
						{ href : '/', label : 'Home' },
						{ href : '/leagues', label : 'Leagues' }
					]
				}], 
				Sport: null //	or an object with name and links properties as above, if we are on a sport page
			};
		},

		//	helpers that can be used in the getSiteMenus functions created in the themes
		//	add all menu items in jqContainer to a new menu entry in menus, with the given name
		addMenu : function (menus, menuName, jqContainer){
			if (jqContainer.length > 0)
			{
				var links = LLResponsive.fetchMenuLinks (jqContainer);
				if (links.length > 0) {
					menus.push ({
						name: menuName,
						links: links
					});
				}
			}
		},
		extractLink: function (link) {
			var $link = $(link);
			var text = $.trim ($link.text ());
			if (!text) {
				if ($link.parents ('#menu_HomeLink').length > 0) {
					text = 'Home';
				} else if ($link.find('img').length > 0) {
					text = $link.find ('img').attr ('alt');
				}
			}
			if (text && $link.attr ('href')) {
				return {
					href : $link.attr ('href'),
					label : text
				};
			} else {
				return null;
			}
		},
		fetchMenuLinks : function (jqOuterContainer) {
			var links = [];
			jqOuterContainer.find ('a').each (function () {
				var link = LLResponsive.extractLink (this);
				if (link) {
					links.push (link);
				}
			});
			return links;
		},
		//	sometimes, we have to get menus from JSON instead of markup. This helper handles that.
		loadMenusFromData: function (menus, menuData) {
			$.each (menuData, function (menuIndex, menu) {
				var links = [];
				$.each (menu.Links, function (linkIndex, link) {
					links.push ({
						href: link.href,
						label: link.label
					});
				});
				menus.push({ name: menu.Name, links: links });
			});
		},
		removeLinkWithLabel: function (label, menu) {
			var index = -1;
			$.each (menu.links, function (linkIndex, link) {
				if (link.label == label) {
					index = linkIndex;
					return false;
				}
			});

			if (index >= 0) {
				menu.links.splice(index, 1);
			}
		},

		getCurrentSport: function () {
			var sport = $("#responsiveHeader").attr ('data-sport');
			return sport ? sport : null;
		},
		commonSiteMenus: function () {
			var siteMenus = [];
			var sportMenu = null;
			var currentSport = LLResponsive.getCurrentSport ();
			var nonSportMenus = [];
			var sportMenuLinks = [];
			$("#secondaryMenus div.secondaryMenu").each ( function () {
				var name = $.trim ($(this).find ('h4').text ());
				var sport = $(this).attr ('data-sport');
				if (name || sport) {
					if (sport) {
						if (sport == currentSport) {
							sportMenu = {
								name: sport,
								links: LLResponsive.fetchMenuLinks ($(this).find ('ul'))
							};
						}
						sportMenuLinks.push ({
							href: $(this).attr('data-sport-url'),
							label: sport
						});
					} else {
						LLResponsive.addMenu (nonSportMenus, name, $(this).find ('ul'));
					}
				}
			});

			if (sportMenuLinks.length > 0) {
				siteMenus.push ({ name: 'Sports', links: sportMenuLinks });
			}
			LLResponsive.addMenu (siteMenus, 'Main', $('#mainMenu'));
			siteMenus = siteMenus.concat (nonSportMenus);
			LLResponsive.addMenu (siteMenus, 'About', $('#aboutMenu'));
			return { Site: siteMenus, Sport: sportMenu };
		},
		initNonResponsivePages: function () {
			if ($(LLResponsive.nonResponsiveFlags.join(',')).length > 0) {
				$('body').addClass ('nonResponsive');
				$('meta[name="viewport"]').attr ('content','width=device-width, user-scalable=1');
			}
		}
	};
}();

var LLResponsiveSchedule = function () {
	return {
		init: function () {
			if ($("#componentRow_1").length > 0) {
				//	it's a content page, so we transform EVERY mini-schedule that's in GAME mode
				var sched = this;
				$("div.gameDate").each ( function () {
					if ($(this).hasClass ('Game')) {
						sched.showScheduleDate ($(this));
					}
				});
			} else {
				if ($('div.gameDate').eq(0).hasClass ('Game'))
				{
					//	regular schedule page, GAME mode
					if (this.dates == null) {
						this.showDateNavAndSetStartingDate ();
					}
					if (this.startingDate) {
						this.showScheduleDate ($("div.gameDate[data-date='" + this.dateIdentifier (this.startingDate) + "']"));
					}
				}
			}
		},
		
		dates: null,
		startingDate: null,

		showDateNavAndSetStartingDate: function () {
			this.dates = [];
			var now = new Date();
			var today = new Date(now.getFullYear (), now.getMonth(), now.getDate());
			var sched = this;
			var lastDate = null;
			var hash = location.hash;
			if (hash && hash.match (/(\d{2}_){2}\d{2}/))
			{
				var hash_pieces = hash.replace('#','').split ('_');
				sched.startingDate = new Date (2000 + parseInt (hash_pieces[2]), parseInt (hash_pieces[0]) - 1, parseInt (hash_pieces[1]));
			}

			$("div.gameDate").each (function () {
				var pieces = $(this).attr('data-date').split ('-');
				var date = new Date(parseInt (pieces[0]), parseInt (pieces[1]) - 1, parseInt (pieces[2]));
				sched.dates.push (date);
				if (date.getTime () >= today.getTime () && sched.startingDate == null) {
					sched.startingDate = date;
				}
			});
			if (this.startingDate == null && this.dates.length > 0) {
				this.startingDate = this.dates[this.dates.length - 1];
			}
			if (this.dates.length > 1) {
				var dateNav = $('<ul/>', { id: "responsiveDateNav" });
				$.each(this.dates, function (i, date) {
					var link = $('<a/>', { 
						href: '#',
						'class': 'dateNav', 
						html: sched.months[date.getMonth ()] + '<br />' + date.getDate ()
					});
					var li = $('<li/>', {
						'data-date': sched.dateIdentifier (date)
					});
					link.appendTo (li);
					li.appendTo (dateNav);
				});
				dateNav.insertBefore ($('div.gameDate').eq(0));

				$("#responsiveDateNav").on ('click', 'a', function () {
					var date = $(this).parents ("li").attr ('data-date');
					$("div.gameDate").hide ();
					sched.showScheduleDate ($("div.gameDate[data-date='" + date + "']"));
					return false;
				});
			}
		},
		dateIdentifier: function (date) {
			return date.getFullYear () + '-' + this.twoDigit (date.getMonth () + 1) + '-' + this.twoDigit (date.getDate ());
		},
		months: [
			'Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'
		],
		twoDigit: function (num) {
			var s = new String (num);
			if (s.length == 1) {
				s = '0' + s;
			}
			return s;
		},

		showScheduleDate: function (dateContainer) {
			dateContainer.show();
			if (dateContainer.find ('.responsiveScheduleDate').length == 0){
				this.createResponsiveVersion (dateContainer);
			}

			if ($("#responsiveDateNav").length > 0) {
				var date = dateContainer.attr ('data-date');
				$("#responsiveDateNav").find("li").removeClass('current')
					.filter('li[data-date="' + date + '"]').addClass ('current');
			}
		},

		createResponsiveVersion: function (dateContainer) {
			var responsiveSchedule = $('<div/>', {
				'class': 'responsiveScheduleDate'
			});
			const importFont = $(
				'<link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /><link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet" />'
			);
			importFont.appendTo (responsiveSchedule);
			var times = this.getTimes (dateContainer);
			var fields = this.getFields (dateContainer);
			var gamesByTime = this.getGamesByTime (dateContainer);

			for (var i = 0; i < times.length; i++) {
				if (!gamesByTime[i].length) {
					continue;
				}

				var time = $('<div/>', {
					'class':'gameTime'
				});
				$('<h3/>',{ text: times[i] }).appendTo (time);
				
				var lastLocURL = null;
				var games = $('<ul/>');
				for (var j = 0; j < gamesByTime[i].length; j++) {
					var loc = fields[gamesByTime[i][j].fieldIndex];
					if (loc.locationURL != lastLocURL)
					{
						if (games.find ('li').length > 0)
						{
							games.appendTo (time);
							games = $('<ul/>');
						}
						$('<a/>', {
							'class': 'locationLink',
							href: loc.locationURL,
							text: loc.locationName
						}).appendTo (time);
						lastLocURL = loc.locationURL;
					}

					var game = $('<li>');
					$('<div/>', { 
						text: fields[gamesByTime[i][j].fieldIndex].fieldName,
						'class': 'gameField'
					}).appendTo (game);
					var gameOuter = $('<div/>', { 'class': 'gameContentOuter' });
					gamesByTime[i][j].gameContent.appendTo (gameOuter);
					gameOuter.appendTo (game);
					game.appendTo (games);
				}
				games.appendTo (time);
				time.appendTo (responsiveSchedule);
			}

			responsiveSchedule.insertAfter (dateContainer.find ('table.scheduleTable'));
		},

		getTimes: function (dateContainer) {
			var times = [];
			dateContainer.find ('.gameTime').each (function () {
				times.push ($(this).text ().trim ().replace(/\s+/g, ' '));
			});
			return times;
		},

		getFields: function (dateContainer) {
			var fields = [];
			dateContainer.find ('.gameField').each (function () {
				var info = $(this).clone ()
				var link = info.find ('a').clone ();
				info.find('a').remove ();
				fields.push ({
					fieldName: info.text ().trim ().replace (/\s+/g, ' '),
					locationName: link.text ().trim ().replace (/\s+/g, ' '),
					locationURL: link.attr ('href')
				});
			});
			return fields;
		},

		getGamesByTime: function (dateContainer) {
			var timeGroups = [];
			var flipped = dateContainer.find (".scheduleTable").hasClass ("flippedScheduleTable");

			var rowIndex = 0;
			dateContainer.find ('tbody tr').each (function () {
				if ($(this).find('td').not('.locationSpacer').length == 0) {
					return;
				}

				$(this).find ('td').not('.gameTime,.gameField,.locationSpacer').each (function (colIndex) {
					var timeIndex = flipped ? colIndex : rowIndex;
					var fieldIndex = flipped ? rowIndex : colIndex;
					if (!timeGroups[timeIndex]) {
						timeGroups[timeIndex] = [];
					}

					var gameContent = null;
					if ($(this).find ('.gameCellContent,.matchupName').length > 0) {
						gameContent = $(this).find ('.gameCellContent,.matchupName').clone (true);
					} else if ($(this).find ('.gameContentTitle').length > 0) {
						gameContent = $(this).find ('.gameContentTitle').clone (true);
					} else if ($(this).hasClass ('tournamentMatchup') && $(this).find ('.teams').length > 0) {
						gameContent = $(this).find ('.teams').clone (true);
					}
					if (gameContent && $.trim (gameContent.text ())) {
						timeGroups[timeIndex].push ({
							fieldIndex: fieldIndex,
							gameContent: gameContent
						});
					}
				});
				rowIndex++;
			});
			return timeGroups;
		}
	};
}();

/**
*	add matchMedia support for browsers that don't provide it
* 	from https://github.com/paulirish/matchMedia.js
*/
/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */
window.matchMedia || (window.matchMedia = function() {
    "use strict";

    // For browsers that support matchMedium api such as IE 9 and webkit
    var styleMedia = (window.styleMedia || window.media);

    // For those that don't support matchMedium
    if (!styleMedia) {
        var style       = document.createElement('style'),
            script      = document.getElementsByTagName('script')[0],
            info        = null;

        style.type  = 'text/css';
        style.id    = 'matchmediajs-test';

        script.parentNode.insertBefore(style, script);

        // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
        info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;

        styleMedia = {
            matchMedium: function(media) {
                var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }';

                // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers
                if (style.styleSheet) {
                    style.styleSheet.cssText = text;
                } else {
                    style.textContent = text;
                }

                // Test if media query is true or false
                return info.width === '1px';
            }
        };
    }

    return function(media) {
        return {
            matches: styleMedia.matchMedium(media || 'all'),
            media: media || 'all'
        };
    };
}());
/*! matchMedia() polyfill addListener/removeListener extension. Author & copyright (c) 2012: Scott Jehl. Dual MIT/BSD license */
(function(){
    // Bail out for browsers that have addListener support
    if (window.matchMedia && window.matchMedia('all').addListener) {
        return false;
    }

    var localMatchMedia = window.matchMedia,
        hasMediaQueries = localMatchMedia('only all').matches,
        isListening     = false,
        timeoutID       = 0,    // setTimeout for debouncing 'handleChange'
        queries         = [],   // Contains each 'mql' and associated 'listeners' if 'addListener' is used
        handleChange    = function(evt) {
            // Debounce
            clearTimeout(timeoutID);

            timeoutID = setTimeout(function() {
                for (var i = 0, il = queries.length; i < il; i++) {
                    var mql         = queries[i].mql,
                        listeners   = queries[i].listeners || [],
                        matches     = localMatchMedia(mql.media).matches;

                    // Update mql.matches value and call listeners
                    // Fire listeners only if transitioning to or from matched state
                    if (matches !== mql.matches) {
                        mql.matches = matches;

                        for (var j = 0, jl = listeners.length; j < jl; j++) {
                            listeners[j].call(window, mql);
                        }
                    }
                }
            }, 30);
        };

    window.matchMedia = function(media) {
        var mql         = localMatchMedia(media),
            listeners   = [],
            index       = 0;

        mql.addListener = function(listener) {
            // Changes would not occur to css media type so return now (Affects IE <= 8)
            if (!hasMediaQueries) {
                return;
            }

            // Set up 'resize' listener for browsers that support CSS3 media queries (Not for IE <= 8)
            // There should only ever be 1 resize listener running for performance
            if (!isListening) {
                isListening = true;
                window.addEventListener('resize', handleChange, true);
            }

            // Push object only if it has not been pushed already
            if (index === 0) {
                index = queries.push({
                    mql         : mql,
                    listeners   : listeners
                });
            }

            listeners.push(listener);
        };

        mql.removeListener = function(listener) {
            for (var i = 0, il = listeners.length; i < il; i++){
                if (listeners[i] === listener){
                    listeners.splice(i, 1);
                }
            }
        };

        return mql;
    };
}());