☰

Tidy up your Dashboard

Customizable Userscript which tidies up your Dashboard!

当前为 2016-01-06 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name Tidy up your Dashboard
  3. // @namespace https://gf.qytechs.cn/users/10154
  4. // @grant none
  5. // @match https://www.warlight.net/*
  6. // @description Customizable Userscript which tidies up your Dashboard!
  7. // @version 1.10
  8. // @icon http://i.imgur.com/XzA5qMO.png
  9. /// @require https://gf.qytechs.cn/scripts/14620-randomized-bonus/code/Randomized%20Bonus.user.js
  10. // @require https://gf.qytechs.cn/scripts/8981-spammers-be-gone/code/Spammers%20be%20gone!.user.js
  11.  
  12. // ==/UserScript==
  13. //this.$ = this.jQuery = jQuery.noConflict(true);
  14.  
  15. var version = "1.10";
  16.  
  17. function checkVersion() {
  18.     var currentVersion = localStorage.getItem('version');
  19.  
  20.     if (currentVersion == version) {
  21.         //Script Up to date
  22.  
  23.     } else if (currentVersion == undefined) {
  24.         //Script new installed
  25.         $(".userscript-show").fadeIn();
  26.         $(".overlay").fadeIn();
  27.         if (!localStorage.getItem("bookmarks")) {
  28.             addDefaultBookmark();
  29.         }
  30.     } else {
  31.         //Script Updated
  32.         //$("label[for='showPrivateNotesOnProfile']").addClass('newSetting');
  33.         
  34.         //$(".userscript-show").fadeIn();
  35.         //$(".overlay").fadeIn();
  36.         window.setTimeout(function() {
  37.             warlight.shared.viewmodels.AlertVM.DoPopup("Tidy up Your Dashboard was sucessfully updated to Version " + version + "! Check out the forum thread to see what changed.");
  38.         }, 1000)
  39.     }
  40.     
  41.  
  42.     addVersionLabel()
  43.     localStorage.setItem('version', version);
  44. }
  45.  
  46.  
  47. var lastRefresh;
  48. var myGamesTable = $("#MyGamesTable");
  49. var openGamesTable = $("#OpenGamesTable");
  50. var promotedGamesTable = $("#PromotedGamesTable");
  51. var lastClick = new Date();
  52.  
  53. var openGamesFilters;
  54. var bookmarks;
  55. var IMAGES;
  56. setupImages();
  57.  
  58. var userscriptSettings = [
  59.     {
  60.         id: 'scrollGames',
  61.         text: 'Fixed Window with scrollable Games',
  62.         selected: true,
  63.         title: 'Dashboard',
  64.         addBreak: false,
  65.         help: 'This Option displays My-, Open-, Coin-Games in a scrollable box, which removes lots of unesessary scrolling. You can find tabs to switch between the different type of games. '
  66.     },
  67.     {
  68.         id: 'hideMyGamesIcons',
  69.         text: 'Hide Icons in "My Games"',
  70.         selected: false,
  71.         title: '',
  72.         addBreak: false,
  73.         help: 'This Option hides Game-Icons like ( <img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/GameInfoIcons/Teams.png">,<img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/GameInfoIcons/ManualDistribution.png"> , etc) in "My Games"'
  74.     },
  75.     {
  76.         id: 'autoRefreshOnFocus',
  77.         text: 'Automatically refresh Games on Tab-Focus',
  78.         selected: false,
  79.         title: '',
  80.         addBreak: false,
  81.         help: 'This Option automatically refreshes your Games after switching back to Warlight from a different tab / program. This only applies if Warlight was idle for 30 or more seconds.'
  82.     },
  83.     {
  84.         id: 'highlightTournaments',
  85.         text: 'Highlight Tournament invites',
  86.         selected: false,
  87.         title: '',
  88.         addBreak: false,
  89.     },
  90.     {
  91.         id: 'highlightNewForumPosts',
  92.         text: 'Highlight new Clan Posts',
  93.         selected: false,
  94.         title: '',
  95.         addBreak: false,
  96.         help: 'This Option highlights Forum Posts in the Clan Forum Posts section which you haven\'t read yet.'
  97.     },
  98.     {
  99.         id: 'hideRightColumn',
  100.         text: 'Hide Right Column',
  101.         selected: false,
  102.         title: '',
  103.         addBreak: false,
  104.         help: 'This Option hides the right column completely and leaves you alone with My-, Open- and Coin-Games.'
  105.     },
  106.     {
  107.         id: 'hidePromotedGames',
  108.         text: 'Hide Promoted Games',
  109.         selected: false,
  110.         title: '',
  111.         addBreak: false,
  112.         help: 'This Option hides the Promoted Games on the Dashboard'
  113.     },
  114.     {
  115.         id: 'useDefaultBootLabel',
  116.         text: 'Use the Default Boot Time Label',
  117.         selected: false,
  118.         title: '',
  119.         addBreak: false
  120.     },
  121.     {
  122.         id: 'showOpenGamesTab',
  123.         text: 'Show Open Games Tab in Menu Bar',
  124.         selected: false,
  125.         title: 'Global',
  126.         addBreak: false,
  127.         help: 'This Option displays a link to the "Open Games" site right next to the "Past Games" Link.'
  128.     },
  129.     {
  130.         id: 'hideCoinsGlobally',
  131.         text: 'Hide Coins Globally',
  132.         selected: false,
  133.         title: '',
  134.         addBreak: false,
  135.         help: 'This Option removes everything from Warlight related to Coins'
  136.     },
  137.     {
  138.         id: 'showPrivateNotesOnProfile',
  139.         text: 'Show Private Notes on Profile',
  140.         selected: false,
  141.         title: '',
  142.         addBreak: false,
  143.         help: 'This Option will show you your Private Notes which you made on a player directly on their Profile page. You can find them on the left side under the profile picture.'
  144.     },
  145.     {
  146.         id: 'unlinkDashboard',
  147.         text: 'Link Dashboard to "old" My-Games Site',
  148.         selected: false,
  149.         title: '',
  150.         addBreak: false,
  151.         help: 'This Option links the Dashboard to the "old" My-Games Site'
  152.     },
  153.     
  154.     {
  155.         id: 'disableSnow',
  156.         text: 'Disable Snow',
  157.         selected: false,
  158.         title: 'Special',
  159.         addBreak: false,
  160.         help: 'Turns off the snow animation on all sites'
  161.     },
  162.     {
  163.         id: 'snowLight',
  164.         text: 'Reduce the number of Snowflakes',
  165.         selected: false,
  166.         title: '',
  167.         addBreak: false,
  168.         help: 'Reduce the number of Snowflakes for a better performance'
  169.     }
  170. ];
  171.  
  172. var filters = [
  173.     {
  174.         id: "disableAll",
  175.         text: "Disable All Filters",
  176.         selected: false,
  177.         type: "checkbox"
  178.     },
  179.     {
  180.         id: "",
  181.         text: "<div style='display:inline-block;height:30px; width: 10px'> </div>",
  182.         selected: false,
  183.         type: "custom"
  184.     },
  185.     {
  186.         id: "hideTeam",
  187.         text: "Hide Team Games",
  188.         selected: false,
  189.         type: "checkbox"
  190.     }, {
  191.         id: "hideManualDistribution",
  192.         text: "Hide Manual Distribution Games",
  193.         selected: false,
  194.         type: "checkbox"
  195.     },
  196.     {
  197.         id: "hideFFA",
  198.         text: "Hide FFA Games",
  199.         selected: false,
  200.         type: "checkbox"
  201.     },
  202.     {
  203.         id: "hideAutoDistribution",
  204.         text: "Hide Auto Distribution Games",
  205.         selected: false,
  206.         type: "checkbox"
  207.     },
  208.     {
  209.         id: "hide1v1",
  210.         text: "Hide 1 v 1 Games",
  211.         selected: false,
  212.         type: "checkbox"
  213.     },
  214.     {
  215.         id: "hideCustomScenario",
  216.         text: "Hide Custom Scenario Games",
  217.         selected: false,
  218.         type: "checkbox"
  219.     },
  220.     {
  221.         id: "hideNoSplit",
  222.         text: "Hide No-Split Games",
  223.         selected: false,
  224.         type: "checkbox"
  225.     },
  226.     {
  227.         id: "hideNonCustomScenario",
  228.         text: "Hide Non-Custom Scenario Games",
  229.         selected: false,
  230.         type: "checkbox"
  231.     },
  232.     {
  233.         id: "hideLocalDeployments",
  234.         text: "Hide Local Deployment Games",
  235.         selected: false,
  236.         type: "checkbox"
  237.     },
  238.     {
  239.         id: "hidePractice",
  240.         text: "Hide Practice Games",
  241.         selected: false,
  242.         type: "checkbox"
  243.     },
  244.     {
  245.         id: "hideLuck",
  246.         text: "<label for='hideLuck' style='width:169px'>Hide Luck greater than</label><input type='text' id='hideLuck' class='number'>",
  247.         selected: false,
  248.         type: "custom"
  249.     },
  250.     {
  251.         id: "hideNonPractice",
  252.         text: "Hide Non-Practice Games",
  253.         selected: false,
  254.         type: "checkbox"
  255.     },
  256.     {
  257.         id: "limitPlayers",
  258.         text: '<label>Limit Amount of Players</label><br><div class="filter-small"><label for="hideMinPlayers" style="width:25px">Min </label><input class="number" type="text" id="hideMinPlayers">Players<br><label for="hideMaxPlayers" style="width:25px">Max </label><input class="number" type="text" id="hideMaxPlayers">Players</div>',
  259.         selected: false,
  260.         type: "custom"
  261.     },
  262.     {
  263.         id: "hideBootTime",
  264.         text: '<label>Hide Boot Time lower than</label><br><div class="filter-small"><label for="hideRealTimeBootTime" style="width:100px">Realtime:  </label><input class="number" type="text" id="hideRealTimeBootTime">minute(s)<br><label for="hideMinPlayers" style="width:100px">Multiday: </label><input class="number" type="text" id="hideMultiDayBootTimeDays"> day(s) and <input class="number" type="text" id="hideMultiDayBootTimeHours"> hour(s)</div>',
  265.         selected: false,
  266.         type: "custom"
  267.     },
  268.     {
  269.         id: "hideKeyword",
  270.         text: '<label for="hideKeyword" style="width:115px">Hide Keywords<img src="' + IMAGES.QUESTION + '" class="help-icon" onclick="showFilterHelp(\'You can separate multiple Keywords with a comma. Each keyword must have 3 or more letters. The Keyword-Filter searches for case insensitive matches in the complete game title.<br>Example: The keyword ´Rop´ removes the game ´Europe 3v3´\', this)"></label><br><input type="text" id="hideKeyword" style="width: 95%;margin-left: 6px;"><hr>',
  271.         selected: false,
  272.         type: "custom",
  273.     }
  274.  
  275. ];
  276.  
  277. var showGamesActive = "ShowMyGames";
  278.  
  279.  
  280. var openGames = [];
  281. setIsMember();
  282. readLocalstorage();
  283. setGlobalStyles();
  284. setupUserscriptMenu();
  285. setupBookmarkMenu();
  286. checkVersion();
  287.  
  288. $.fn.settingIsEnabled = function (setting) {
  289.     var selected = false;
  290.     $.each(userscriptSettings, function (key, set) {
  291.         if (set.id == setting) {
  292.             selected = set.selected;
  293.         }
  294.     });
  295.     return selected;
  296. };
  297.  
  298. if (isEnabled('unlinkDashboard')) {
  299.     $("#MultiPlayerBtn").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  300.     $("#SubTabRow td > a[href='/MultiPlayer/'").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  301.  
  302. }
  303.  
  304. if (pageIsForumThread() || pageIsClanForumThread()) {
  305.     //Show Open Games Link
  306.     $("[href='#Reply']").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  307.     $("#PostReply").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  308. }
  309.  
  310. if (pageIsTournament()) {
  311.     $(document).ready(function () {
  312.         setupTournamentFindMe()
  313.     });
  314.     $("#HostLabel").after(" | <a style='cursor:pointer' onclick='bookmarkTournament()'>Bookmark</a>");
  315.     $("#HostLabel").css("display", "inline-block")
  316.     $("#LeftToStartMessage").text(" | " + $("#LeftToStartMessage").text())
  317.     createSelector("#LeftToStartMessage:before", "content: ' | '")
  318.     createSelector("#ChatContainer", "clear:both")
  319.     
  320. }
  321.  
  322. if (pageIsMultiplayer()) {
  323.     //Show Open Games Link
  324.     if (isEnabled('showOpenGamesTab')) {
  325.         showOpenGamesLink();
  326.     }
  327. }
  328.  
  329. if(pageIsLadderOverview()) {
  330.     setupLadderClotOverview()
  331. }
  332.  
  333. if (pageIsDashboard()) {
  334.     window.StringTools.htmlEscape = function (a) {
  335.         if (a.indexOf("##joined##") >= 0) {
  336.             a = a.replace("##joined##", "");
  337.             return htmlEscape(a) + '<img style="display:inline-block;height:16px;width:16px;margin-left:10px;z-index:10;cursor:default" src="https://i.imgur.com/6akgXa7.png" title="You already joined this game">';
  338.         } else {
  339.             return htmlEscape(a);
  340.         }
  341.  
  342.     }
  343.     hideBlacklistedThreads();
  344.     setupBasicDashboardStyles();
  345.     refreshOpenGames();
  346.     setupPlayerSearch()
  347.  
  348.     setupOpenGamesFilter();
  349.  
  350.  
  351.     if (isEnabled('hideCoinsGlobally')) {
  352.         hideCoinsGlobally()
  353.     }
  354.  
  355.     if (isEnabled('highlightTournaments')) {
  356.         createSelector("#MyTournamentsTable tbody", "background:#4C4C33;");
  357.     }
  358.  
  359.     if (isEnabled('hidePromotedGames') || isEnabled('hideCoinsGlobally')) {
  360.         createSelector("#PromotedGamesTable", "display:none");
  361.     }
  362.  
  363.     if (isEnabled('hideMyGamesIcons')) {
  364.         createSelector("#MyGamesTable td div img, #MyGamesTable td div a img", "display:none;");
  365.     }
  366.  
  367.     if (isEnabled('highlightNewForumPosts')) {
  368.         hightlightNewClanForumPosts();
  369.     }
  370.  
  371.     if (isEnabled('scrollGames')) {
  372.         setupFixedWindowWithScrollableGames();
  373.     } 
  374.      setupRightColumn(true);
  375.    
  376.  
  377.     if (isEnabled('hideRightColumn')) {
  378.         hideRightColumn();
  379.     }
  380.  
  381.     $("label[for='MultiDayRadio']").on("click", function () {
  382.         registerGameTabClick()
  383.  
  384.     });
  385.  
  386.     $("label[for='RealTimeRadio']").on("click", function () {
  387.         registerGameTabClick()
  388.     });
  389.  
  390.     $("label[for='BothRadio']").on("click", function () {
  391.         registerGameTabClick()
  392.     });
  393.  
  394.     $(window).resize(function () {
  395.         if (isEnabled('scrollGames')) {
  396.             refreshSingleColumnSize();
  397.         }
  398.     });
  399.  
  400.     checkBookmarkTable();
  401.     setupRefreshFunction();
  402.  
  403. } else {
  404.     if (isEnabled('hideCoinsGlobally')) {
  405.         hideCoinsGlobally()
  406.     }
  407. }
  408.  
  409. if(pageIsRealTimeLadder) {
  410.     setupRealTimeLadderPageTimer()
  411. }
  412.  
  413. if(pageIsDashboard || pageIsRealTimeLadder()) {
  414.     window.setInterval(setRTLadderTime, 1000)
  415. }
  416.  
  417. if (pageIsClanThread()) {
  418.     registerClanThread();
  419. }
  420. if(pageIsProfile()) {
  421.     createSelector(".profileBox", "background-image: url(\'https://d2wcw7vp66n8b3.cloudfront.net/Images/ProfileSpeedBackground.png\'); background-repeat: no-repeat; text-align: left; padding:10px;margin-top: 12px;")
  422.     setupRandomizedBonus()
  423. }
  424. if (pageIsProfile() && isEnabled('showPrivateNotesOnProfile') && $("#BlackListImage").length > 0) {
  425.     loadPrivateNotes();
  426. } 
  427.  
  428.  
  429.  
  430.  
  431. function hideCoinsGlobally() {
  432.     $("#CoinsBtn").parent().next().css('left', 512);
  433.     $("#CoinsBtn").parent().next().next().css('left', 635);
  434.     $("#CoinsBtn").parent().next().next().next().css('left', 740);
  435.  
  436.     $("#LeaderboardTable").prev().remove();
  437.     $("#LeaderboardTable").css({
  438.         opacity: 0,
  439.         cursor: 'default'
  440.     });
  441.     $("#LeaderboardTable a").css('display', 'none');
  442.     $(".TopRightBar").find("a[href='/Coins/']").css('display', 'none');
  443.     $(".dropdown-menu a[href='/Coins/']").parent().remove()
  444.  
  445.     $("a[href='/Win-Money']").css('display', 'none');
  446.  
  447.     $("#OpenTournamentsTable").css('display', 'none');
  448. }
  449.  
  450. /**
  451.  * Reads the User-Settings from Localstorage
  452.  */
  453. function readLocalstorage() {
  454.  
  455.     //Settings
  456.  
  457.     $.each(userscriptSettings, function (key, setting) {
  458.         setting.selected = localStorage.getItem(setting.id) == "true";
  459.     });
  460.  
  461.     //Filters
  462.     var filters = localStorage.getItem("openGamesFilters");
  463.  
  464.     if (filters) {
  465.         openGamesFilters = $.parseJSON(filters);
  466.     } else {
  467.         openGamesFilters = {};
  468.     }
  469.  
  470.     setBookmarks()
  471.  
  472.     hideCoinSymbol = true;
  473. }
  474.  
  475. /**
  476.  * Creates the Userscript-Menu
  477.  */
  478. function setupUserscriptMenu() {
  479.  
  480.     var inputs = '';
  481.  
  482.     $.each(userscriptSettings, function (key, setting) {
  483.         if (setting.title != '') {
  484.             inputs += '<span class="title">' + setting.title + '</span><br>';
  485.         }
  486.         var help = setting.help != undefined ? '<img src="' + IMAGES.QUESTION + '" class="help-icon" onclick=\'showSettingHelp("' + setting.id + '", this)\'>' : ''
  487.         inputs += '<label for="_' + setting.id + '">' + setting.text + help + '</label>' + '<input type="checkbox" id="' + setting.id + '"><br>';
  488.         if (setting.addBreak) {
  489.             inputs += '<hr>';
  490.         }
  491.     });
  492.  
  493.     inputs += '<div class="close-userscript">Close and Refresh</div>';
  494.     $("body").append('<ul class="custom-menu"><div class="content"></div></ul>');
  495.     $("body").append("<div class='overlay' style='display: none'></div><div class='popup popup600 userscript-show' style='display: none'><div class='head'>Change Userscript Settings " + GM_info.script.version + "<img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>" + inputs + "</div>");
  496.     $(".userscript-show").on("change", function () {
  497.         storeSettingsVariables();
  498.     });
  499.     $("#TopRightDropDown .dropdown-divider").before('<li><div class="userscript-menu">Userscript</div></li>');
  500.  
  501.     $(".userscript-menu").on("click", function () {
  502.         showUserscriptMenu()
  503.     });
  504.  
  505.     $(".close-userscript").on("click", function () {
  506.         $(".userscript-show").fadeOut();
  507.         $(".overlay").fadeOut();
  508.         location.reload();
  509.     });
  510.  
  511.     $(".close-popup-img").on("click", function () {
  512.         $(".userscript-show").fadeOut();
  513.         $(".overlay").fadeOut();
  514.         $("embed#main").css('opacity', '1');
  515.     });
  516.     
  517.     $("#hideRightColumn").after('<button id="sortTables">Sort Right Column Tables</button><br>')
  518.     createSelector("#sortTables","margin-top: 5px")
  519.     $("#sortTables").on("click", function() {
  520.         showSortTables()
  521.     })
  522.     
  523.     var tables = getSortTables()
  524.     
  525.     
  526.    
  527.     var tableCode = ''
  528.     $.each(tables, function(key, table) {
  529.         tableCode += '<div class="sortableLadder ' + (table.hidden ? 'tableSortHidden' : '') +'" data-name="' + table.name + '" data-tableId="' + table.id + '">' + table.name + '<div class="tableSortNavigation"><span class="tableSortUp">▲</span><span class="tableSortDown">▼</span><span class="tableSortHideShow"><img src="' + IMAGES.EYE + '"></span></div></div>'
  530.     })
  531.     
  532.     createSelector(".sortableLadder", "border: 1px gray solid;margin: 5px;padding: 5px;background-color:rgb(25, 25, 25);")
  533.     createSelector(".tableSortNavigation", "display: inline-block;float: right;margin-top: -2px;")
  534.     createSelector(".tableSortNavigation span", "padding: 3px 10px; cursor: pointer")
  535.     createSelector(".tableSortNavigation span:hover", "color: #C0D0FF")
  536.     createSelector(".sortTableHighlight", "background-color: rgb(60, 60, 60)")
  537.     createSelector(".tableSortHideShow img", "height: 10px")
  538.     
  539.     createSelector(".tableSortHidden", "opacity: 0.2;") 
  540. 	
  541. 	
  542.    
  543.     $("body").append(' <div class="popup popup600" id="sortTablePopup" style="display:none;margin-top: 150px; width: 500px; margin-left: -282px;"><div class="head" style=" margin-top: 152px;width:560px;">Sort Tables<img class="close-popup-img" src="' + IMAGES.CROSS + '" height="25" width="25"></div>' + tableCode +' <div class="close-userscript" onclick="window.saveTableSort()">Save & Refresh</div></div>')
  544.     
  545.     $(".tableSortUp").on("click", function() {
  546.         $(".sortTableHighlight").removeClass("sortTableHighlight")
  547.         var table = $(this).closest(".sortableLadder")
  548.         table.addClass("sortTableHighlight")
  549.         
  550.         var prev = table.prev()
  551.         table = table.detach()
  552.         prev.before(table)
  553.     })
  554.     
  555.     $(".tableSortDown").on("click", function() {
  556.         $(".sortTableHighlight").removeClass("sortTableHighlight")
  557.         var table = $(this).closest(".sortableLadder")
  558.         table.addClass("sortTableHighlight")
  559.         
  560.         var next = table.next()
  561.         table = table.detach()
  562.         next.after(table)
  563.     })
  564.     
  565.     $(".tableSortHideShow").on("click", function() {
  566.         $(".sortTableHighlight").removeClass("sortTableHighlight")
  567.         var table = $(this).closest(".sortableLadder")
  568.         table.addClass("sortTableHighlight")
  569.         table.toggleClass("tableSortHidden")
  570.     })
  571.     
  572.     checkUserscriptMenuButtons();
  573.  
  574. }
  575.  
  576. function showUserscriptMenu() {
  577.     $(".userscript-show").fadeIn();
  578.     $(".overlay").fadeIn();
  579.     $("#TopRightDropDown").fadeOut();
  580.     $("embed#main").attr('wmode', 'transparent');
  581.     $("embed#main").css('opacity', '0');
  582.     $("embed#main").attr('align', 'left');
  583. }
  584.  
  585. function getSortTables() {
  586.       var defaultTables = 
  587.         [
  588.             {id: "#BookmarkTable", name: "Bookmarks", hidden: false, order: 0}, 
  589.             {id: "#ClotTable", name: "CLOTs", hidden: false, order: 1}, 
  590.             {id: "#MyTournamentsTable", name: "Tournaments", hidden: false, order: 2}, 
  591.             {id: "#RealTimeLadderTable", name: "Real-Time Ladder", hidden: false, order: 3}, 
  592.             {id: "#MapOfTheWeekTable", name: "Map of the Week", hidden: false, order: 4}, 
  593.             {id: "#ForumTable", name: "Forum Posts", hidden: false, order: 5}, 
  594.             {id: "#ClanForumTable", name: "Clan Forum Posts", hidden: false, order: 6}, 
  595.             {id: "#BlogTable", name: "Recent Blog Posts", hidden: false, order: 7}, 
  596.             {id: "#LeaderboardTable", name: "Coin Leaderboard", hidden: false, order: 8}
  597.         ]
  598.     var tables;
  599.     var tableData = localStorage.getItem("tableSort")
  600.     try {
  601.         tables = (tableData != undefined && isJson(tableData)) ? JSON.parse(tableData) : defaultTables
  602.     }
  603.      catch(e) {
  604.         return $(defaultTables).sort(compareTable)
  605.     }
  606.     return $(tables).sort(compareTable);
  607. }
  608.  
  609. window.saveTableSort = function() {
  610.     var tables = []
  611.     $.each($("#sortTablePopup > div.sortableLadder"), function(key, table) {
  612.         var order = key
  613.         var id = $(table).attr('data-tableId')
  614.         var hidden = $(table).hasClass("tableSortHidden")
  615.         var name = $(table).attr('data-name')
  616.         tables.push({id: id, name: name, hidden: hidden, order: order})
  617.     })
  618.     localStorage.setItem("tableSort", JSON.stringify(tables))
  619.     
  620.     $("#sortTablePopup").fadeOut();
  621.     $(".overlay").fadeOut();
  622.     window.location.reload()
  623. }
  624.  
  625. function showSortTables() {
  626.     $(".popup").fadeOut();
  627.     $("#sortTablePopup").fadeIn();
  628.     $(".overlay").fadeIn();
  629. }
  630.  
  631. function compareTable(a,b) {
  632.   if (a.order < b.order)
  633.     return -1;
  634.   if (a.order > b.order)
  635.     return 1;
  636.   return 0;
  637. }
  638.  
  639. function showInfo(text, x, y) {
  640.     window.setTimeout(function () {
  641.         if (!$(".custom-menu").is(':visible')) {
  642.             $(".custom-menu .content").html(text);
  643.             $(".custom-menu").finish().toggle(100).
  644.  
  645.             // In the right position (the mouse)
  646.             css({
  647.                 top: x + "px",
  648.                 left: y + "px"
  649.             });
  650.         }
  651.  
  652.     }, 10);
  653. }
  654.  
  655. window.showSettingHelp = function (id, obj) {
  656.     var help = '';
  657.     $.each(userscriptSettings, function (key, setting) {
  658.         if (setting.id == id) {
  659.             help = setting.help;
  660.         }
  661.     });
  662.     var x = $(obj).offset().top;
  663.     var y = $(obj).offset().left;
  664.     showInfo(help, x, y);
  665.  
  666.  
  667. }
  668.  
  669. function checkUserscriptMenuButtons() {
  670.     $.each(userscriptSettings, function (key, setting) {
  671.         $("#" + setting.id).prop("checked", setting.selected);
  672.     });
  673. }
  674.  
  675. function StickyTitles(stickies) {
  676.     var thisObj = this;
  677.     thisObj.load = function () {
  678.         stickies.each(function () {
  679.             var thisSticky = $(this).wrap('<div class="followWrap" />');
  680.             thisSticky.parent().height(thisSticky.outerHeight());
  681.             var pos = parseInt(thisSticky.offset().top, 10) - parseInt($(".showSide").offset().top, 10);
  682.             $.data(thisSticky[0], 'pos', pos);
  683.         });
  684.         $(".showSide").off("scroll.stickies").on("scroll.stickies", function () {
  685.             thisObj.scroll();
  686.         });
  687.     };
  688.  
  689.     thisObj.scroll = function () {
  690.         stickies.each(function (i) {
  691.             var thisSticky = $(this),
  692.                 nextSticky = stickies.eq(i + 1),
  693.                 prevSticky = stickies.eq(i - 1),
  694.                 pos = $.data(thisSticky[0], 'pos');
  695.             var showSide = $(".showSide");
  696.             if (pos <= showSide.scrollTop()) {
  697.                 thisSticky.addClass("fixed");
  698.                 if (nextSticky.length > 0 && thisSticky.offset().top >= $.data(nextSticky[0], 'pos') - thisSticky.outerHeight()) {
  699.                     thisSticky.addClass("absolute").css("top", jQuery.data(nextSticky[0], 'pos') - thisSticky.outerHeight());
  700.                 }
  701.             } else {
  702.                 thisSticky.removeClass("fixed");
  703.                 if (prevSticky.length > 0 && showSide.scrollTop() <= $.data(thisSticky[0], 'pos') - prevSticky.outerHeight()) {
  704.                     prevSticky.removeClass("absolute").removeAttr("style");
  705.                 }
  706.             }
  707.         });
  708.     }
  709. }
  710.  
  711. jQuery.fn.outerHTML = function (s) {
  712.     return s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();
  713. };
  714.  
  715.  
  716. /**
  717.  * Stores User-Settings to local Storage
  718.  */
  719. function storeSettingsVariables() {
  720.  
  721.     $.each(userscriptSettings, function (key, setting) {
  722.         localStorage.setItem(setting.id, $("#" + setting.id).prop("checked"));
  723.     });
  724.  
  725. }
  726.  
  727. /**
  728.  * Refreshes Width & Height of Columns
  729.  */
  730. function refreshSingleColumnSize() {
  731.     var showSide = $(".showSide");
  732.     var showGames = $(".showGames");
  733.     showSide.scrollTop(0);
  734.     /**
  735.      * Sticky Titles
  736.      */
  737.     $(".followMeBar").each(function () {
  738.         $(this).removeClass("fixed");
  739.         if ($(this).parent().hasClass("followWrap")) {
  740.             $(this).unwrap();
  741.         }
  742.         var thisSticky = $(this).wrap('<div class="followWrap" />');
  743.         thisSticky.parent().height(thisSticky.outerHeight());
  744.  
  745.         var pos = parseInt(thisSticky.offset().top) - parseInt(showSide.offset().top);
  746.         $.data(thisSticky[0], 'pos', pos);
  747.     });
  748.     var width = $("#ForumTable").width();
  749.     createSelector(".followMeBar", "width:" + width + "px;");
  750.  
  751.     showGames.find("table").css({
  752.         height: window.innerHeight - 150
  753.     });
  754.  
  755.     //var height = showGames.find("table thead tr").height() + 30;
  756.     var height = 48;
  757.     createSelector(".showGames table tbody tr:first-of-type td", "padding-top:" + height + "px");
  758.  
  759.  
  760.     showSide.css({
  761.         height: window.innerHeight - 150
  762.     });
  763.     showGames.find("table tbody tr:first-of-type td").css("padding-top", height);
  764.  
  765.     $(".showGames thead tr td div").unwrap();
  766.     checkBookmarkTable()
  767. }
  768.  
  769. /**
  770.  * Create a CSS selector
  771.  * @param name The name of the object, which the rules are applied to
  772.  * @param rules The CSS rules
  773.  */
  774. function createSelector(name, rules) {
  775.     var style = document.createElement('style');
  776.     style.type = 'text/css';
  777.     document.getElementsByTagName('head')[0].appendChild(style);
  778.     if (!(style.sheet || {}).insertRule) {
  779.         (style.styleSheet || style.sheet).addRule(name, rules);
  780.     } else {
  781.         style.sheet.insertRule(name + "{" + rules + "}", 0);
  782.     }
  783. }
  784.  
  785. /**
  786.  * Reloads all Games
  787.  */
  788. function refreshAllGames(force) {
  789.     if ($(".popup").is(":visible") && !force) {
  790.         return;
  791.     }
  792.     if (isEnabled('scrollGames')) {
  793.         openGamesTable.scrollTop(0);
  794.         myGamesTable.scrollTop(0);
  795.         promotedGamesTable.scrollTop(0);
  796.     }
  797.  
  798.     $('table').css('overflow-y', 'hidden')
  799.     refreshMyGames();
  800.     refreshOpenGames();
  801.     refreshPromotedGames();
  802.     loadClots()
  803. }
  804.  
  805.  
  806. function refreshMyGames() {
  807.     myGamesTable.find("tbody").fadeTo('fast', 0.15);
  808.     var filter = $("#MyGamesFilter").val() || 4;
  809.     wljs.Jsutil.Post("?", "FilterChange=" + 4, function (a) {
  810.         myGames = wljs.Jsutil.GamesFromDump(a);
  811.         d = $("#MyGamesTable").children("tbody");
  812.         d.children().remove();
  813.  
  814.         if (myGames.length == 0) {
  815.             d.append('<tr><td colspan="2" style="color: #C1C1C1">' + warlight.shared.viewmodels.main.MultiPlayerDashboardVM.NoGamesHtml(0) + "</td></tr>");
  816.         } else {
  817.             for (var f = 0; f < myGames.length;) {
  818.                 var g = myGames[f];
  819.                 ++f;
  820.                 g = (new warlight.shared.viewmodels.main.MyGamesGameVM).Init(1, g, warlight.shared.viewmodels.SignIn.get_CurrentPlayer());
  821.                 d.append(warlight.shared.viewmodels.main.MultiPlayerDashboardVM.RenderGameHtml(g, null))
  822.             }
  823.         }
  824.         myGamesTable.find("tbody").fadeTo('fast', 1, function () {
  825.             myGamesTable.css('overflow-y', 'scroll');
  826.         });
  827.         $(window).trigger('resize');
  828.     });
  829. }
  830.  
  831. function refreshOpenGames() {
  832.     deletedMD = deletedRT = 0;
  833.     openGamesTable.find("tbody").fadeTo('fast', 0.15);
  834.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  835.         var data = page.find('#AllOpenGamesData').html();
  836.         $('#AllOpenGamesData').html(data);
  837.  
  838.         if (openGamesFilters["disableAll"] != true) {
  839.             var games = filterGames(wljs.Jsutil.GamesFromDump(data));
  840.         } else {
  841.             var games = wljs.Jsutil.GamesFromDump(data);
  842.         }
  843.         $.each(games, function (key, game) {
  844.             if ($(game).playerJoined()) {
  845.                 games[key] = $(game).markJoined();
  846.             }
  847.         });
  848.  
  849.         wljs.multiplayer.OpenGames();
  850.         wljs.AllOpenGames = wljs.multiplayer.Ctrl.AllOpenGames = games;
  851.         
  852.         var RealTimeLadderTable = page.find("#RealTimeLadderTable tbody tr:first-of-type").outerHTML();
  853.         $("#RealTimeLadderTable tbody tr:first-of-type")
  854.         if(RealTimeLadderTable.length == 0) {
  855.             $("#RealTimeLadderTable tbody tr:first-of-type").replaceWith("<tr><td>Nobody is playing in the real-time ladder.  <a href='/LadderSeason?ID=3'>Join them!</a></td></tr>")
  856.         } else {
  857.             $("#RealTimeLadderTable tbody tr:first-of-type").replaceWith(RealTimeLadderTable)
  858.         }
  859.         
  860.         $("#ForumTable").replaceWith(page.find("#ForumTable").outerHTML())
  861.         $("#ClanForumTable").replaceWith(page.find("#ClanForumTable").outerHTML())
  862.         setupRightColumn()
  863.         
  864.         updateOpenGamesCounter();
  865.  
  866.         wljs.AllOpenGamesData = wljs.multiplayer.Ctrl.AllOpenGamesData = data;
  867.         var player = warlight.shared.viewmodels.SignIn.get_CurrentPlayer();
  868.         if ((new js.JQuery(this.BothRadio)).is(":checked")) {
  869.             player.OpenGamePreference = 1;
  870.         } else if ((new js.JQuery(this.MultiDayRadio)).is(":checked")) {
  871.             player.OpenGamePreference = 2;
  872.         } else if ((new js.JQuery(this.RealTimeRadio)).is(":checked")) {
  873.             player.OpenGamePreference = 3;
  874.         }
  875.         wljs.Jsutil.Post("/MultiPlayer/", "ChangePace=" + player.OpenGamePreference, function (a) {});
  876.  
  877.  
  878.         var a = $("#OpenGamesTable").children("tbody");
  879.         a.children().remove();
  880.         var gamesToShow = warlight.shared.viewmodels.main.MultiPlayerDashboardVM.GamesToShow(wljs.AllOpenGames, player.OpenGamePreference, 0 == this.ShowingAllOpenGames)
  881.         for (var b = 0; b < gamesToShow.length;) {
  882.             var game = gamesToShow[b];
  883.             b++;
  884.             game.get_IsLottery() && warlight.shared.viewmodels.main.MultiPlayerDashboardVM.get_HideLotteryGames() ||
  885.                 (game = (new warlight.shared.viewmodels.main.MyGamesGameVM).Init(2, game), a.append(warlight.shared.viewmodels.main.MultiPlayerDashboardVM.RenderGameHtml(game, null)))
  886.         }
  887.         openGamesTable.find("tbody").fadeTo('fast', 1, function () {
  888.             openGamesTable.css('overflow-y', 'scroll');
  889.         });
  890.         addOpenGamesSuffix();
  891.         domRefresh();
  892.  
  893.     });
  894. }
  895.  
  896. function refreshPromotedGames() {
  897.     promotedGamesTable.find("tbody").fadeTo('fast', 0.15);
  898.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  899.         var data = page.find('#MorePromotedGamesData').html();
  900.         $('#MorePromotedGamesData').html(data);
  901.         wljs.PromotedGames = wljs.Jsutil.GamesFromDump(data);
  902.  
  903.         var a = $("#PromotedGamesTable").children("tbody");
  904.         a.children().remove();
  905.         for (var b = 0; b < wljs.PromotedGames.length;) {
  906.             var game = wljs.PromotedGames[b];
  907.             b++;
  908.             (game = (new warlight.shared.viewmodels.main.MyGamesGameVM).Init(2, game), a.append(warlight.shared.viewmodels.main.MultiPlayerDashboardVM.RenderGameHtml(game, null)))
  909.         }
  910.         domRefresh();
  911.         promotedGamesTable.find("tbody").fadeTo('fast', 1, function () {
  912.             promotedGamesTable.css('overflow-y', 'scroll');
  913.         });
  914.  
  915.     });
  916. }
  917.  
  918.  
  919. /**
  920.  * Setups the refresh functionality
  921.  */
  922. function setupRefreshFunction() {
  923.     lastRefresh = new Date();
  924.     var oldRefreshBtn = $("#RefreshBtn");
  925.     var oldRefreshBtn2 = $("#RefreshBtn2");
  926.     if (oldRefreshBtn.length) {
  927.         var newRefreshBtn = $("#refreshAll");
  928.         oldRefreshBtn.replaceWith(oldRefreshBtn.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  929.         newRefreshBtn.appendTo("body");
  930.         $("#refreshAll").on("click", function () {
  931.             if (new Date() - lastRefresh > 3000) {
  932.                 lastRefresh = new Date();
  933.                 refreshAllGames();
  934.             }
  935.         });
  936.     } else if (oldRefreshBtn2.length) {
  937.         var newRefreshBtn = $("#refreshAll");
  938.         oldRefreshBtn2.replaceWith(oldRefreshBtn2.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  939.         newRefreshBtn.appendTo("body");
  940.         $("#refreshAll").on("click", function () {
  941.             if (new Date() - lastRefresh > 3000) {
  942.                 lastRefresh = new Date();
  943.                 refreshAllGames();
  944.             }
  945.         });
  946.     }
  947.  
  948.     $(".MainColumn").prepend($('#refreshAll'))
  949.  
  950.     if (isEnabled('autoRefreshOnFocus')) {
  951.         $(window).on('focus', function () {
  952.             if (new Date() - lastRefresh > 30000) {
  953.                 lastRefresh = new Date();
  954.                 refreshAllGames();
  955.             }
  956.         });
  957.     }
  958.  
  959.     $("body").keyup(function (event) {
  960.         // "R" is pressed
  961.         if (event.which == 82) {
  962.             if (new Date() - lastRefresh > 3000) {
  963.                 lastRefresh = new Date();
  964.                 refreshAllGames();
  965.             }
  966.         }
  967.     });
  968. }
  969.  
  970.  
  971. function getDate(text) {
  972.     var date;
  973.  
  974.     if (text.match(/[0-9]+ second/)) {
  975.         date = new Date() - 1000;
  976.  
  977.     } else if (text.match(/[0-9]+ seconds/)) {
  978.         date = new Date() - text.match(/[0-9]+/) * 1000;
  979.  
  980.     } else if (text.match(/[0-9]+ minute/)) {
  981.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  982.  
  983.     } else if (text.match(/[0-9]+ minutes/)) {
  984.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  985.  
  986.     } else if (text.match(/[0-9]+ hour/)) {
  987.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 59;
  988.  
  989.     } else if (text.match(/[0-9]+ hours/)) {
  990.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60;
  991.  
  992.     } else if (text.match(/[0-9]+ day/)) {
  993.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 36;
  994.  
  995.     } else if (text.match(/[0-9]+ days/)) {
  996.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 24;
  997.  
  998.     } else if (text.match(/[0-9]+[\/][0-9]+[\/][0-9]+/)) {
  999.         var split = text.split('/');
  1000.         date = new Date(split[2], split[0] - 1, split[1]);
  1001.         date.setHours(0, 0, 0, 0);
  1002.     }
  1003.     return date;
  1004. }
  1005.  
  1006.  
  1007. var searches = 0;
  1008.  
  1009. function filterMailTo() {
  1010.     if (searches == 0) {
  1011.         $($("#MainSiteContent div:nth-of-type(1)")[0]).children().remove()
  1012.         searches++;
  1013.     }
  1014.     var find = $("#search_input").val().toLowerCase()
  1015.     if (find.length > 1) {
  1016.         removeUncheckedMail()
  1017.         $.each(data_mail, function (index, val) {
  1018.             if ($(val).text().toLowerCase().indexOf(find) > -1) {
  1019.                 var id = $(val).attr("id").replace("Lbl_", "")
  1020.                 if ($("#Lbl_" + id).length == 0) {
  1021.                     $($("#MainSiteContent div:nth-of-type(1)")[0]).append('<input type="checkbox" id="CB_' + id + '" onclick="PlayerClicked(' + id + ')">').append(val).append("<br>")
  1022.                 }
  1023.  
  1024.             }
  1025.         })
  1026.     } else {
  1027.         removeUncheckedMail()
  1028.     }
  1029.  
  1030. }
  1031.  
  1032. var activeThreadId;
  1033. function hideBlacklistedThreads() {
  1034.     var ids = JSON.parse(localStorage.getItem("blackListedThreads"));
  1035.     $.each($("#ForumTable tr"), function (key, row) {
  1036.         var href = $(row).html().match(/href="\/([^"]*)"/m);
  1037.  
  1038.         if (href) {
  1039.             href = "/" + href[1]
  1040.             if ($.inArray(href, ids) != -1) {
  1041.                 $(row).remove()
  1042.             }
  1043.         }
  1044.  
  1045.     })
  1046.     $("#ForumTable").bind("contextmenu", function (event) {
  1047.         $(".highlightedBookmark").removeClass("highlightedBookmark")
  1048.         $(event.target).closest("tr").addClass("highlightedBookmark")
  1049.         // Avoid the real one
  1050.         event.preventDefault();
  1051.         href = $(event.target).closest("tr").html().match(/href="\/([^"]*)"/m);
  1052.         if (href) {
  1053.             activeThreadId = "/" + href[1]
  1054.         } else {
  1055.             return
  1056.         }
  1057.  
  1058.         // Show contextmenu
  1059.         $(".thread-context").finish().toggle(100).
  1060.  
  1061.         // In the right position (the mouse)
  1062.         css({
  1063.             top: event.pageY + "px",
  1064.             left: event.pageX + "px"
  1065.         });
  1066.     });
  1067. }
  1068.  
  1069. window.hideThread = function() {
  1070.     var postId = activeThreadId;
  1071.     var blackListedThreads = getBlacklistedThreads();
  1072.     blackListedThreads.push(postId);
  1073.     setBlacklistedThreads(blackListedThreads);
  1074.     hideBlacklistedThreads();
  1075. }
  1076.  
  1077. function removeUncheckedMail() {
  1078.     $.each($($("#MainSiteContent div:nth-of-type(1)")[0]).find("label"), function (index, val) {
  1079.         var id = $(val).attr("id").replace("Lbl_", "")
  1080.         if (!$('#CB_' + id).is(":checked")) {
  1081.             $(val).next().remove()
  1082.             $(val).prev().remove()
  1083.             $(val).remove()
  1084.         }
  1085.     })
  1086. }
  1087. var data_mail = []
  1088. if (location.href.match(/.*warlight[.]net\/Discussion\/SendMail$/)) {
  1089.     $($("#MainSiteContent div:nth-of-type(1)")[0]).before('<input id="search_input" placeholder="Filter" style="margin-bottom:10px">')
  1090.     $("#search_input").on("input", function () {
  1091.         filterMailTo()
  1092.  
  1093.     })
  1094.  
  1095.     $.each($($("#MainSiteContent div:nth-of-type(1)")[0]).find("label"), function (index, val) {
  1096.         data_mail.push($(val))
  1097.     });
  1098.  
  1099. }
  1100.  
  1101. if (!isEnabled('useDefaultBootLabel')) {
  1102.     createSelector(".BootTimeLabel", "color:white !important;font-weight:normal!important;font-style:italic;font-size:13px!important;z-index:50;");
  1103. } else {
  1104.     createSelector(".BootTimeLabel", "z-index:50;");
  1105. }
  1106.  
  1107. function setGlobalStyles() {
  1108.     createSelector('.help-icon', 'display:inline-block;position:absolute; margin-left:10px;margin-top: 2px;cursor:pointer; height: 15px; width: 15px;')
  1109.     var winHeight = $(window).height();
  1110.     createSelector(".userscript-menu", "display: block;color: #555;text-decoration: none;line-height: 18px;padding: 3px 15px;margin: 0;white-space: nowrap;");
  1111.     createSelector(".userscript-menu:hover", "cursor:pointer;background-color: #08C;color: #FFF;cursor: pointer;");
  1112.     createSelector(".popup", "position: fixed;;left: 50%;background: #171717;top: 100px;z-index: 99; color:white;padding:60px 30px 30px 30px;border: 2px solid gray;border-radius:8px;max-height:" + (winHeight - 200) + "px;overflow-y:auto");
  1113.     createSelector(".close-userscript", "margin-top: 40px;width: 100%;text-align: center;font-size: 15px;cursor: pointer;background: gray;line-height: 30px;border-radius: 8px;clear: both");
  1114.     createSelector(".close-popup-img", "float:right;margin:5px;cursor:pointer;margin-right: 20px");
  1115.     createSelector(".popup label", "width: 80%;display: inline-block;font-size: 15px;margin: 5px;");
  1116.     createSelector(".popup .title", "color: gray;font-size: 15px;margin-top: 10px;display: inline-block;width: 95%;border-bottom: 1px gray solid;padding-bottom: 3px;");
  1117.     createSelector(".popup input[type='checkbox']", "width: 20px;height: 20px;margin-left:30px;margin: 5px;-moz-appearance:none;");
  1118.     createSelector(".overlay", "position: absolute;background: white;top: 0;left: 0;right: 0;bottom: 0;z-index: 98;opacity: 0.5;width: 100%;height: 100%;position: fixed;");
  1119.     createSelector(".popup .head", "position: fixed;height: 40px;background: #330000;width: 660px;left: 0;right: 0;top: 100px;color: white;font-size: 15px;text-align: center;line-height: 40px;border-top-left-radius:8px;border-top-right-radius:8px;margin:auto;z-index:10000;");
  1120.     createSelector(".userscript-show", "display:none");
  1121.     createSelector("#MorePromotedGamesHorizontalRow", "display:none");
  1122.     createSelector(".newSetting", "color: gold;font-weight: bold;");
  1123.     createSelector(".userscript-menu img", "height: 18px;display: inline-block;position: relative;margin-bottom: -5px;margin-right: 7px;");
  1124.     createSelector(".custom-menu", "display: none;z-index: 98;position: absolute;overflow: hidden;border: 1px solid #CCC;white-space: nowrap;font-family: sans-serif;background: #FFF;color: #333;border-radius:5px;padding: 10px;z-index:100000000; cursor:pointer");
  1125.     createSelector(".custom-menu .content", "width: 300px;white-space: pre-wrap;");
  1126.     createSelector('.popup input[type="text"]', 'display: inline-block;background: none;border-top: none;border-left: none;border-right: none;color: green;font-size: 15px;border-bottom: 1px white dashed;font-family: Verdana;padding: 0 5px 0 5px;text-align: center;margin-right: 5px');
  1127.  
  1128.     createSelector(".popup840", "width: 840px;margin-left: -452px");
  1129.     createSelector(".popup600", "width: 600px;margin-left: -332px");
  1130.  
  1131.     createSelector(".popup840 .head", "width: 900px");
  1132.     createSelector(".popup600 .head", "width: 660px");
  1133.         
  1134.     createSelector(".context-menu", "display: none;z-index: 100;position: absolute;overflow: hidden;border: 1px solid #CCC;white-space: nowrap;font-family: sans-serif;background: #FFF;color: #333;border-radius: 5px;padding: 0;");
  1135.     createSelector(".context-menu li", "padding: 8px 12px;cursor: pointer;list-style-type: none;");
  1136.     createSelector(".context-menu li:hover", "background-color: #DEF;");
  1137.  
  1138.  
  1139.     $("body").on("click", function (e) {
  1140.         if ($(".custom-menu").is(':visible')) {
  1141.             $(".custom-menu").hide(100);
  1142.         }
  1143.     });
  1144. }
  1145.  
  1146. var deletedRT = 0;
  1147. var deletedMD = 0;
  1148.  
  1149. function filterGames(games) {
  1150.     var filteredGames = [];
  1151.     var deletedGames = [];
  1152.  
  1153.     $.each(games, function (key, game) {
  1154.         if (!$(game).getsFiltered()) {
  1155.             filteredGames.push(game);
  1156.         } else {
  1157.             if (game.RealTimeGame) {
  1158.                 deletedRT++;
  1159.             } else {
  1160.                 deletedMD++;
  1161.             }
  1162.         }
  1163.     });
  1164.  
  1165.     return filteredGames;
  1166. }
  1167.  
  1168. (function ($) {
  1169.     $.fn.getsFiltered = function () {
  1170.         var game = this[0];
  1171.  
  1172.         if (openGamesFilters["hideMaxPlayers"] <= 100 && $(game).numOfPlayers() > openGamesFilters["hideMaxPlayers"]) return true;
  1173.         if (openGamesFilters["hideMinPlayers"] <= 100 && $(game).numOfPlayers() < openGamesFilters["hideMinPlayers"]) return true;
  1174.         if (openGamesFilters["hideLuck"] < 100 && game.SettingsOpt.LuckModifier * 100 > openGamesFilters["hideLuck"]) return true;
  1175.         if (openGamesFilters["hideFFA"] && $(game).numOfTeams() == 0 && $(game).numOfPlayers() > 2) return true;
  1176.         if (openGamesFilters["hideTeam"] && $(game).numOfTeams() > 0) return true;
  1177.         if (openGamesFilters["hide1v1"] && $(game).numOfPlayers() == 2) return true;
  1178.         if (openGamesFilters["hideCustomScenario"] && game.SettingsOpt.DistributionMode === -3) return true;
  1179.         if (openGamesFilters["hideNonCustomScenario"] && game.SettingsOpt.DistributionMode !== -3) return true;
  1180.         if (openGamesFilters["hidePractice"] && !game.SettingsOpt.RankedGame) return true;
  1181.         if (openGamesFilters["hideNoSplit"] && game.SettingsOpt.NoSplit) return true;
  1182.         if (openGamesFilters["hideLocalDeployments"] && game.SettingsOpt.LocalDeployments) return true;
  1183.         if (openGamesFilters["hideNonPractice"] && game.SettingsOpt.RankedGame) return true;
  1184.         if (openGamesFilters["hideManualDistribution"] && !game.SettingsOpt.AutoDistribution) return true;
  1185.         if (openGamesFilters["hideAutoDistribution"] && game.SettingsOpt.AutoDistribution) return true;
  1186.         if (openGamesFilters["hideKeyword"] && openGamesFilters["hideKeyword"].length > 0 && $(game).containsKeyword()) return true;
  1187.         if (openGamesFilters["hideRealTimeBootTime"] > 0 && game.RealTimeGame && game.DirectBoot < openGamesFilters["hideRealTimeBootTime"]) return true;
  1188.         if (openGamesFilters["hideMultiDayBootTimeInMs"] > 0 && !game.RealTimeGame && game.DirectBoot < openGamesFilters["hideMultiDayBootTimeInMs"]) return true;
  1189.  
  1190.         return false;
  1191.     };
  1192.  
  1193.     $.fn.numOfPlayers = function () {
  1194.         var game = this[0];
  1195.         return game.Players.length + game.OpenSeats.length;
  1196.  
  1197.     };
  1198.  
  1199.     $.fn.playerJoined = function () {
  1200.         var game = this[0];
  1201.         var playerJoined = false;
  1202.         var id = warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID;
  1203.         $.each(game.Players, function (key, player) {
  1204.             if (player.PlayerID == id) {
  1205.                 playerJoined = true;
  1206.             }
  1207.         });
  1208.         return playerJoined;
  1209.     };
  1210.  
  1211.     $.fn.markJoined = function () {
  1212.         var game = this[0];
  1213.         game.Name += '##joined##';
  1214.         return game;
  1215.     };
  1216.  
  1217.     $.fn.numOfTeams = function () {
  1218.         var game = this[0];
  1219.         var teams = 0;
  1220.         if (game.AtStartDivideIntoTeamsOfIfOpenGame > 0) return $(game).numOfPlayers() / game.AtStartDivideIntoTeamsOfIfOpenGame;
  1221.         if (Math.max.apply(Math, game.OpenSeats) == -1) return 0;
  1222.         var maxTeam = Math.max.apply(Math, game.OpenSeats);
  1223.         $.each(game.Players, function (key, player) {
  1224.             if (player.Team > maxTeam) {
  1225.                 maxTeam = player.Team;
  1226.             };
  1227.         });
  1228.         return maxTeam + 1;
  1229.     }
  1230.  
  1231.     $.fn.containsKeyword = function () {
  1232.         var game = this[0];
  1233.         var keywords = openGamesFilters["hideKeyword"].split(",");
  1234.         var title = game._nameLowered || game.Name.toLowerCase();
  1235.         var filtered = false;
  1236.         $.each(keywords, function (key, keyword) {
  1237.             if (title.indexOf(keyword.trim().toLowerCase()) >= 0) {
  1238.                 filtered = true;
  1239.             }
  1240.         })
  1241.         return filtered;
  1242.  
  1243.     };
  1244.  
  1245. }(jQuery));
  1246.  
  1247.  
  1248. function storeFilterVariables() {
  1249.     openGamesFilters = {};
  1250.  
  1251.     $.each(filters, function (key, filter) {
  1252.         if (filter.type == "checkbox") {
  1253.             openGamesFilters[filter.id] = $("#" + filter.id).prop("checked");
  1254.         }
  1255.     });
  1256.     openGamesFilters["hideKeyword"] = $("#hideKeyword").val()
  1257.     openGamesFilters["hideRealTimeBootTime"] = $("#hideRealTimeBootTime").val()
  1258.     openGamesFilters["hideMultiDayBootTimeDays"] = $("#hideMultiDayBootTimeDays").val()
  1259.     openGamesFilters["hideMultiDayBootTimeHours"] = $("#hideMultiDayBootTimeHours").val()
  1260.  
  1261.     var luck = $("#hideLuck").val();
  1262.     openGamesFilters["hideLuck"] = ($.isNumeric(luck) && luck <= 100 && luck >= 0) ? luck : 100;
  1263.  
  1264.     var minPlayers = $("#hideMinPlayers").val();
  1265.     openGamesFilters["hideMinPlayers"] = ($.isNumeric(minPlayers) && minPlayers <= 100 && minPlayers >= 2) ? minPlayers : 2;
  1266.  
  1267.     var maxPlayers = $("#hideMaxPlayers").val();
  1268.     openGamesFilters["hideMaxPlayers"] = ($.isNumeric(maxPlayers) && maxPlayers <= 100 && maxPlayers >= 2) ? maxPlayers : 100;
  1269.  
  1270.     if (parseFloat(openGamesFilters["hideMinPlayers"]) > parseFloat(openGamesFilters["hideMaxPlayers"])) {
  1271.         openGamesFilters["hideMaxPlayers"] = openGamesFilters["hideMinPlayers"]
  1272.     }
  1273.  
  1274.     var rtBoot = $("#hideRealTimeBootTime").val();
  1275.     openGamesFilters["hideRealTimeBootTime"] = $.isNumeric(rtBoot) ? rtBoot * 60 * 1000 : 0;
  1276.  
  1277.     var mdBoot = calculateMDBoot($("#hideMultiDayBootTimeHours").val(), $("#hideMultiDayBootTimeDays").val());
  1278.  
  1279.     openGamesFilters["hideMultiDayBootTimeDays"] = mdBoot.days;
  1280.     openGamesFilters["hideMultiDayBootTimeHours"] = mdBoot.hours;
  1281.  
  1282.     openGamesFilters["hideMultiDayBootTimeInMs"] = (parseInt(mdBoot.days) * 24 + parseInt(mdBoot.hours)) * 60 * 60 * 1000;
  1283.  
  1284.     localStorage.setItem("openGamesFilters", JSON.stringify(openGamesFilters));
  1285.     updateFilterSettings()
  1286. }
  1287.  
  1288. function calculateMDBoot(hours, days) {
  1289.     hours = $.isNumeric(hours) ? hours : 0;
  1290.     days = $.isNumeric(days) ? days : 0;
  1291.  
  1292.     if (hours >= 24) {
  1293.         days = parseFloat(days) + parseInt(hours / 24);
  1294.         hours -= parseInt(hours / 24) * 24
  1295.     }
  1296.  
  1297.     return {
  1298.         hours: hours,
  1299.         days: days
  1300.     }
  1301.  
  1302. }
  1303.  
  1304. function updateFilterSettings() {
  1305.  
  1306.     $.each(filters, function (key, filter) {
  1307.         if (filter.type == "checkbox") {
  1308.             $("#" + filter.id).prop("checked", openGamesFilters[filter.id]);
  1309.         }
  1310.     });
  1311.     $("#hideLuck").val(openGamesFilters["hideLuck"] || 100);
  1312.     $("#hideMinPlayers").val(openGamesFilters["hideMinPlayers"] || 0);
  1313.     $("#hideMaxPlayers").val(openGamesFilters["hideMaxPlayers"] || 100);
  1314.     $("#hideKeyword").val(openGamesFilters["hideKeyword"] || "");
  1315.     $("#hideRealTimeBootTime").val(openGamesFilters["hideRealTimeBootTime"] / 1000 / 60 || 0);
  1316.     $("#hideMultiDayBootTimeDays").val(openGamesFilters["hideMultiDayBootTimeDays"] || 0);
  1317.     $("#hideMultiDayBootTimeHours").val(openGamesFilters["hideMultiDayBootTimeHours"] || 0);
  1318. }
  1319.  
  1320. function isEnabled(setting) {
  1321.     return $(userscriptSettings).settingIsEnabled(setting);
  1322. }
  1323.  
  1324. function pageIsMultiplayer() {
  1325.     return location.href.match(/.*warlight[.]net\/MultiPlayer.*/);
  1326. }
  1327.  
  1328. function pageIsDashboard() {
  1329.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/#?$/);
  1330. }
  1331.  
  1332. function pageIsRealTimeLadder() {
  1333.     return location.href.match(/.*warlight[.]net\/LadderSeason?ID=3.*$/);
  1334. }
  1335.  
  1336. function pageIsProfile() {
  1337.     return location.href.match(/.*warlight[.]net\/[P|p]rofile\?p=[0-9]+$/);
  1338. }
  1339.  
  1340. function pageIsClanThread() {
  1341.     return location.href.match(/.*warlight[.]net\/Discussion/);
  1342. }
  1343.  
  1344. function pageIsForumThread() {
  1345.     return location.href.match(/.*warlight[.]net\/Forum\/[0-9]+.*/);
  1346. }
  1347.  
  1348. function pageIsForum() {
  1349.     return location.href.match(/.*warlight[.]net\/Forum\/.*/);
  1350. }
  1351.  
  1352. function pageIsLadderOverview() {
  1353.     return location.href.match(/.*warlight[.]net\/Ladders/);
  1354. }
  1355.  
  1356. function pageIsClanForumThread() {
  1357.     return location.href.match(/.*warlight[.]net\/Discussion\/\?ID=[0-9]+.*/);
  1358. }
  1359.  
  1360. function pageIsTournament() {
  1361.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/Tournament\?ID=[0-9]+/);
  1362. }
  1363.  
  1364. function pageIsGame() {
  1365.     return location.href.match(/.*warlight[.]net\/MultiPlayer\?GameID=[0-9]+/);
  1366. }
  1367.  
  1368. function showOpenGamesLink() {
  1369.     $("#SubTabRow td:nth-child(8)").after('<td valign="top"><img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/Tabs/SubSelectedLeft.png" width="6" height="16" style="visibility: hidden"></td><td nowrap="nowrap" class="SubTabCell" id="openGamesTab"><a href="/MultiPlayer/OpenGames">Open Games</a></td><td valign="top"><img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/Tabs/SubSelectedRight.png" width="6" height="16" style="visibility: hidden"></td><td width="10">&nbsp;</td>');
  1370.  
  1371.     if (location.href.match(/.*warlight[.]net\/MultiPlayer\/OpenGames.*/)) {
  1372.         $("#openGamesTab").addClass("SubTabCellSelected");
  1373.         $("#openGamesTab").prev().children().css("visibility", "visible");
  1374.         $("#openGamesTab").next().children().css("visibility", "visible");
  1375.     }
  1376. }
  1377.  
  1378. function setupOpenGamesFilter() {
  1379.     $("#OpenGamesTable thead tr td").prepend('<a id="editFilters" style="color:#DDDDDD;font-size: 14px;float: right;">▼</a>');
  1380.  
  1381.  
  1382.     var filtersHTML = "<hr>";
  1383.     $.each(filters, function (key, filter) {
  1384.         if (filter.type == "checkbox") {
  1385.             filtersHTML += '<div class="filterOption"><label for="' + filter.id + '">' + filter.text + '</label><input type="checkbox" id="' + filter.id + '"></div>';
  1386.         } else if (filter.type == "custom") {
  1387.             filtersHTML += '<div class="filterOption">' + filter.text + '</div>';
  1388.         }
  1389.     });
  1390.  
  1391.     $("body").append("<div class='popup popup840 filters-show' style='display: none'><div class='head'>Change Filter Settings<img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>" + filtersHTML + '<div class="close-userscript">Close and Apply</div></div>');
  1392.  
  1393.     createSelector('hr', 'height: 1px;border: none;background-color: gray;opacity:0.5;');
  1394.     createSelector('.number', 'width: 31px');
  1395.     createSelector('.filterOption', 'width: 400px;float: left;margin: 5px;');
  1396.     createSelector('.info', 'font-size: 12px;color: gray;border: 1px gray solid;padding: 5px;display: block;margin: 8px 0 8px 0;line-height: 20px;overflow: hidden; max-height:18px;transition:max-height 2s;-webkit-transition:max-height 2s;');
  1397.     createSelector('.info:hover', 'max-height:500px');
  1398.     createSelector('#hideKeyword', 'text-align: left;');
  1399.     createSelector('.filter-small, .filter-small label', 'font-size: 12px!important;color: #aaa;');
  1400.  
  1401.     $("#hideLuck").after("%");
  1402.  
  1403.     createSelector('.ui-button-text-only .ui-button-text', 'padding: .4em 0.6em;');
  1404.     createSelector('#editFilters:hover', 'cursor:pointer');
  1405.  
  1406.     $(".filters-show").on("change", function () {
  1407.         storeFilterVariables();
  1408.     });
  1409.  
  1410.     $("#editFilters").on("click", function () {
  1411.         window.showFilterOptions();
  1412.     });
  1413.  
  1414.     $(".close-userscript").on("click", function () {
  1415.         $(".filters-show").fadeOut();
  1416.         $(".overlay").fadeOut();
  1417.         refreshAllGames(true);
  1418.     });
  1419.  
  1420.     $(".close-popup-img").on("click", function () {
  1421.         $(".overlay").fadeOut();
  1422.         $(".popup").fadeOut();
  1423.     });
  1424.  
  1425.     updateFilterSettings();
  1426. }
  1427.  
  1428. function hightlightNewClanForumPosts() {
  1429.  
  1430.     var regex1 = /.* commented [\n \t]+/;
  1431.     var regex2 = / ago/;
  1432.     var regex3 = /.*\/Forum\//;
  1433.     var regex4 = /-.*/;
  1434.  
  1435.     var data = localStorage.getItem('clanForumThreadsTime');
  1436.     if (data != null) {
  1437.         data = JSON.parse(data);
  1438.     } else if (data == null) {
  1439.         data = [];
  1440.         $.each($('#ClanForumTable tbody tr'), function (index, row) {
  1441.             if ($(row).find('td a')[0].href.match(/.*Forum\/[0-9]+/)) {
  1442.                 var id = $(row).find('td a')[0].href.replace(regex3, "").replace(regex4, "");
  1443.                 data.push({
  1444.                     id: id,
  1445.                     date: new Date()
  1446.                 });
  1447.             }
  1448.         });
  1449.  
  1450.         localStorage.setItem('clanForumThreadsTime', JSON.stringify(data));
  1451.     }
  1452.  
  1453.     $.each($('#ClanForumTable tbody tr'), function (index, row) {
  1454.         if ($(row).find('td a')[0].href.match(/.*Forum\/[0-9]+/)) {
  1455.             var lastComment = $(row).find('td span').text().trim().replace(regex1, "").replace(regex2, "");
  1456.             var id = $(row).find('td a')[0].href.replace(regex3, "").replace(regex4, "");
  1457.             var found = false;
  1458.  
  1459.             $.each(data, function (key, val) {
  1460.                 if (val.id == id) {
  1461.                     found = true;
  1462.                     if (getDate(lastComment) > new Date(val.date)) {
  1463.                         $(row).css('background', '#4C4C33');
  1464.                     }
  1465.                 }
  1466.             });
  1467.             if (!found) {
  1468.                 $(row).css('background', '#4C4C33');
  1469.             }
  1470.         }
  1471.     });
  1472. }
  1473.  
  1474. function setupBasicDashboardStyles() {
  1475.     createSelector(".GameRow a", "font-size:16px !important;");
  1476.     createSelector('#PromotedGamesTable td:last-of-type a img', 'display:none');
  1477.     createSelector("#MyGamesTable td > a > img", 'display:none');
  1478.     createSelector(".GameRow td:last-of-type span,#OpenGamesTable .GameRow td:last-of-type span:first-child, #PromotedGamesTable .GameRow td:last-of-type span:first-child", "margin:5px 0px;position:relative !important;z-index:10;");
  1479.     createSelector("#MyGamesTable td span a img, #MyGamesTable td span a img", "display:inherit;");
  1480.     createSelector(".GameRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  1481.     createSelector(".GameRow a:hover", "text-decoration:none;");
  1482.     createSelector(".TournamentRow a:hover", "text-decoration:none;");
  1483.     createSelector(".TournamentRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  1484.     createSelector(".ui-buttonset label", "font-size:11px;");
  1485.     createSelector("#OpenGamesTable label:hover", " border: 1px solid #59b4d4;background: #0078a3 50% 50% repeat-x;font-weight: bold;color: #ffffff;");
  1486.     createSelector("#OpenGamesTable td:last-child,#MyGamesTable td:last-child, #PromotedGamesTable td:last-child", "position: relative;");
  1487.     createSelector("#OpenGamesTable td:nth-child(2) > a,#MyGamesTable td:nth-child(2) > a, #PromotedGamesTable td:nth-child(2) > a", " display: block;width: 100%;height: 100%;float: left;position: absolute;margin-top: -5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;");
  1488.     createSelector(".loading", "position: absolute;height: 100%;width:  100%;background-color: rgba(255, 255, 255, 0.2);text-align: center;z-index: 12;margin-top: 34px;display:none;");
  1489.     createSelector(".loading img", "position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;");
  1490.     createSelector("img", "position: relative;z-index:50;");
  1491.     createSelector("input", "z-index: 98;position: relative;");
  1492.     createSelector(".showGames thead tr", "background: rgb(51, 0, 0) none repeat scroll 0% 0%;z-index: 98;position: absolute;padding: 5px;border-bottom: 1px solid rgb(68, 68, 68);border-top-left-radius: 8px;width: calc(100% - 30px);letter-spacing: 1px;");
  1493.     createSelector(".showGames table tbody", "display:table;width:100%;");
  1494.     createSelector(".showGames table thead", "position:inherit;");
  1495.  
  1496.     $.each($(".TournamentRow td"), function () {
  1497.         $(this).find("font:first-of-type").appendTo($(this).find("a")).css("font-size", "10px");
  1498.     });
  1499. }
  1500.  
  1501. function setupFixedWindowStyles() {
  1502.     createSelector(".followMeBar", "background: #330000;padding: 5px 0px;position: relative;z-index: 1;color: #fff;border-top-right-radius:8px;border-top-left-radius:8px;border: 1px solid gray;border-bottom:none");
  1503.     var top = parseInt($(".showSide").offset().top) + parseInt(43);
  1504.     createSelector(".followMeBar.fixed", "position: fixed;top: " + top + "px;z-index: 0;z-index:98;");
  1505.     createSelector(".followMeBar.fixed.absolute", "position: absolute;");
  1506.  
  1507.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;");
  1508.     createSelector(".showSide thead", "display:none");
  1509.     createSelector(".showSide table", "border-top-right-radius:0;border-top-left-radius:0");
  1510.  
  1511.     createSelector("#switchGameRadio label", "margin-left: 6px !important");
  1512.     createSelector(".showGames table", "display:block !important");
  1513.     createSelector("#switchGameRadio label:hover", "border: 1px solid rgb(89, 180, 212);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;background:rgb(0, 120, 163);font-weight: bold;color: rgb(255, 255, 255);");
  1514.     createSelector("#MyGamesTable, #PromotedGamesTable, #OpenGamesTable", "display:none");
  1515.     createSelector("#MainSiteContent > table > tbody > tr > td", "width:100%");
  1516.     createSelector(".MainColumn", "width: calc(60% - 98px)!important;max-width: 800px;min-width:535px");
  1517.     createSelector(".SideColumn", "float:left !important");
  1518.     createSelector("h2 + span", "margin-right: 50px;");
  1519.     createSelector("body", "overflow:hidden");
  1520.     createSelector(".SideColumn", "width: 100% !important;");
  1521.     createSelector("#MyGamesFilter", "width:200px");
  1522.     createSelector(".showGames table", "display:block; overflow-y:scroll; overflow-x:hidden; border:1px gray solid; border-radius:8px");
  1523.     createSelector(".adsbygoogle", "margin-top: 25px;");
  1524.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;width:33.55%; min-width:500px;margin-left: 20px;border-top-left-radius:8px;border-top-right-radius:8px");
  1525.     createSelector("#refreshAll", "width: 140px;float: right;margin-top: 10px;");
  1526.     createSelector("#fakeOpenGameMenu label", "margin-right:2px");
  1527.     createSelector("#RestoreLotteryGamesBtn", "display:none");
  1528.  
  1529.     createSelector('#ForumTable tbody tr td, #ClanForumTable tbody tr td', 'overflow:hidden;position:relative');
  1530.     createSelector('#ForumTable tbody tr td > a, #ClanForumTable tbody tr td > a', 'width: 100%;display: block;height: 100%;float: left;position: absolute;overflow: hidden;z-index: 1;');
  1531.     createSelector('#ForumTable tbody tr td span, #ClanForumTable tbody tr td span', 'display: inline-block;z-index: 1;float: left;position: relative;');
  1532.     createSelector('#ForumTable tbody tr:hover, #ClanForumTable tbody tr:hover', 'background-color:rgb(50, 50, 50)');
  1533.  
  1534.     createSelector('#ForumTable tbody tr td a[href="/Forum/Forum"]', 'position: relative;');
  1535.     createSelector('#ClanForumTable tbody tr td a[href="/Clans/Forum"]', 'position: relative;');
  1536.  
  1537.  
  1538. }
  1539.  
  1540. function setupFixedTitlesInSideColumn() {
  1541.     var blogTable = $("#BlogTable");
  1542.     var realTimeLadderTable = $("#RealTimeLadderTable");
  1543.     var forumTable = $("#ForumTable");
  1544.     var clanForumTable = $("#ClanForumTable");
  1545.     var mapOfTheWeekTable = $("#MapOfTheWeekTable");
  1546.     var leaderboardTable = $("#LeaderboardTable");
  1547.     var myTournamentsTable = $("#MyTournamentsTable");
  1548.     var bookmarkTable = $("#BookmarkTable");
  1549.    
  1550.  
  1551.     blogTable.before("<div class='followMeBar'>" + blogTable.find("thead > tr > td").html() + "</div>");
  1552.     realTimeLadderTable.before("<div class='followMeBar'>" + realTimeLadderTable.find("thead > tr > td").html() + "</div>");
  1553.     forumTable.before("<div class='followMeBar'>" + forumTable.find("thead > tr > td").html() + "</div>");
  1554.     clanForumTable.before("<div class='followMeBar'>" + clanForumTable.find("thead > tr > td").html() + "</div>");
  1555.     mapOfTheWeekTable.before("<div class='followMeBar'>" + mapOfTheWeekTable.find("thead > tr > td").html() + "</div>");
  1556.     if (!isEnabled("hideCoinsGlobally")) {
  1557.         leaderboardTable.before("<div class='followMeBar'>" + leaderboardTable.find("thead > tr > td").html() + "</div>");
  1558.     }
  1559.     myTournamentsTable.before("<div class='followMeBar'>" + myTournamentsTable.find("thead > tr > td").html() + "</div>");
  1560.     bookmarkTable.before("<div class='followMeBar'>" + bookmarkTable.find("thead > tr > td").html() + "</div>");
  1561.     
  1562.     
  1563.     var clotTable = $("#ClotTable");   
  1564.     clotTable.before("<div class='followMeBar'>" + clotTable.find("thead > tr > td").html() + "</div>");
  1565.  
  1566.     new StickyTitles(jQuery(".followMeBar")).load();
  1567. }
  1568.  
  1569. function setupFixedWindowWithScrollableGames() {
  1570.     var gameButtons = '<div style="margin: 10px;" id="switchGameRadio" class="ui-buttonset">';
  1571.     gameButtons += '<input type="radio" id="ShowMyGames" name="switchGames" checked="checked" class="ui-helper-hidden-accessible">';
  1572.     gameButtons += '<label for="ShowMyGames" class="ui-state-active ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button"><span class="ui-button-text">My Games</span></label>';
  1573.     if (isEnabled('hidePromotedGames') || isEnabled('hideCoinsGlobally')) {
  1574.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  1575.         gameButtons += '<label for="ShowOpenGames" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"><span class="ui-button-text">Open Games</span></label>';
  1576.     } else {
  1577.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  1578.         gameButtons += '<label for="ShowOpenGames" class="ui-button ui-widget ui-state-default ui-button-text-only" role="button"><span class="ui-button-text">Open Games</span></label>';
  1579.         gameButtons += '<input type="radio" id="ShowCoinGames" name="switchGames" class="ui-helper-hidden-accessible">';
  1580.         gameButtons += '<label for="ShowCoinGames" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"><span class="ui-button-text">Coin Games</span></label>';
  1581.     }
  1582.  
  1583.     gameButtons += '</div>';
  1584.  
  1585.  
  1586.     var mainColumn = $(".MainColumn ");
  1587.     mainColumn.prepend('<div class="showGamesContainer">' + gameButtons + '<div class="showGames"></div></div>');
  1588.     myGamesTable.appendTo(".showGames");
  1589.  
  1590.     mainColumn.after('<div class="showSide"></div>');
  1591.     $(".SideColumn").appendTo(".showSide");
  1592.  
  1593.     setupFixedWindowStyles();
  1594.  
  1595.     refreshSingleColumnSize();
  1596.  
  1597.     $("#switchGameRadio").find("label").on("click", function () {
  1598.         var newShowGames = $(this).attr("for");
  1599.         if (newShowGames != showGamesActive) {
  1600.             $.each($("#switchGameRadio").find("label"), function () {
  1601.                 $(this).removeClass("ui-state-active");
  1602.             });
  1603.             $(this).addClass("ui-state-active");
  1604.  
  1605.             if (newShowGames == "ShowMyGames") {
  1606.                 showGamesActive = newShowGames;
  1607.                 promotedGamesTable.appendTo("body");
  1608.                 openGamesTable.appendTo("body");
  1609.                 myGamesTable.appendTo(".showGames");
  1610.             } else if (newShowGames == "ShowCoinGames") {
  1611.                 showGamesActive = newShowGames;
  1612.                 myGamesTable.appendTo("body");
  1613.                 openGamesTable.appendTo("body");
  1614.                 promotedGamesTable.appendTo(".showGames");
  1615.             } else if (newShowGames == "ShowOpenGames") {
  1616.                 showGamesActive = newShowGames;
  1617.                 myGamesTable.appendTo("body");
  1618.                 promotedGamesTable.appendTo("body");
  1619.                 openGamesTable.appendTo(".showGames");
  1620.             }
  1621.  
  1622.             refreshSingleColumnSize()
  1623.         }
  1624.     });
  1625. }
  1626.  
  1627. function hideRightColumn() {
  1628.     if (isEnabled('scrollGames')) {
  1629.         $(".showSide").css("display", "none");
  1630.         createSelector(".MainColumn", "margin: auto;");
  1631.         createSelector(".MainColumn", "max-width: 800px;");
  1632.         createSelector(".MainColumn", "width: 60%!important;");
  1633.         createSelector(".MainColumn", "float: none !important;");
  1634.         createSelector(".MainColumn", "min-width: 600px !important;");
  1635.     } else {
  1636.         $(".SideColumn").css("display", "none");
  1637.         $(".MainColumn").css("width", "100%");
  1638.         $(".MainColumn").css("max-width", "800px");
  1639.     }
  1640. }
  1641.  
  1642. function registerGameTabClick() {
  1643.     if (lastClick - new Date() > 2000) {
  1644.         openGamesTable.scrollTop(0);
  1645.         lastClick = new Date();
  1646.     }
  1647.     window.setTimeout(function () {
  1648.         domRefresh();
  1649.         addOpenGamesSuffix();
  1650.     }, 1);
  1651. }
  1652.  
  1653. function registerClanThread() {
  1654.     var id = location.href.replace(/.*warlight[.]net\/Discussion\/[?]ID=/, "");
  1655.     var data = localStorage.getItem('clanForumThreadsTime');
  1656.  
  1657.     if (data != null) {
  1658.         data = JSON.parse(data)
  1659.     } else {
  1660.         data = [];
  1661.     }
  1662.     var found = false;
  1663.  
  1664.     $.each(data, function (key, val) {
  1665.         if (val.id == id) {
  1666.             data[key] = {
  1667.                 id: id,
  1668.                 date: new Date()
  1669.             };
  1670.             found = true;
  1671.         }
  1672.     });
  1673.     if (!found) {
  1674.         data.push({
  1675.             id: id,
  1676.             date: new Date()
  1677.         });
  1678.     }
  1679.  
  1680.     localStorage.setItem('clanForumThreadsTime', JSON.stringify(data))
  1681. }
  1682.  
  1683. function updateOpenGamesCounter() {
  1684.     var numMD = countGames(wljs.AllOpenGames, 1);
  1685.     var numRT = countGames(wljs.AllOpenGames, 2);
  1686.     var numBoth = parseInt(numMD) + parseInt(numRT)
  1687.  
  1688.     //Both
  1689.     $("#OpenGamesTable [for='BothRadio'] span").text('Both (' + numBoth + ')')
  1690.         //Real
  1691.     $("#OpenGamesTable [for='RealTimeRadio'] span").text('Real-Time (' + numRT + ')')
  1692.         //Multi-Day
  1693.     $("#OpenGamesTable [for='MultiDayRadio'] span").text('Multi-Day (' + numMD + ')')
  1694. }
  1695.  
  1696. // Type 1 : Multiday
  1697. // Type 2 : Realtime
  1698. function countGames(games, type) {
  1699.     games = system.linq.Enumerable.Where(games, function (a) {
  1700.         if (type == 1) return !a.RealTimeGame;
  1701.         if (type == 2) return a.RealTimeGame;
  1702.     });
  1703.     return system.linq.Enumerable.ToArray(games).length
  1704. }
  1705.  
  1706. function addOpenGamesSuffix() {
  1707.     var deletedBoth = parseInt(deletedMD) + parseInt(deletedRT);
  1708.     $("#OpenGamesTable tbody tr:not(.GameRow)").remove();
  1709.     var active = $("#OpenGamesTable .ui-buttonset .ui-state-active").text();
  1710.  
  1711.     if (active.indexOf('Both') > -1 && deletedBoth > 0) {
  1712.         //Both
  1713.         $("#OpenGamesTable tbody").append("<tr id='gamesAreHidden' style='color: gray;font-style: italic;'><td colspan='2'>" + getNumHiddenLabelText(deletedBoth) + " <span style='float: right;cursor: pointer;font-size: 11px;margin-left: 10px;display: inline-block;margin-top: 2px;margin-right: 20px;' onclick='showFilterOptions()'>Change Filter Options</span</td></tr>");
  1714.     } else if (active.indexOf('Real') > -1 && deletedRT > 0) {
  1715.         //Real
  1716.         $("#OpenGamesTable tbody").append("<tr id='gamesAreHidden' style='color: gray;font-style: italic;'><td colspan='2'>" + getNumHiddenLabelText(deletedRT) + " <span style='float: right;cursor: pointer;font-size: 11px;margin-left: 10px;display: inline-block;margin-top: 2px;margin-right: 20px;' onclick='showFilterOptions()'>Change Filter Options</span</td></tr>");
  1717.     } else if (active.indexOf('Multi') > -1 && deletedMD > 0) {
  1718.         //Multi-Day
  1719.         $("#OpenGamesTable tbody").append("<tr id='gamesAreHidden' style='color: gray;font-style: italic;'><td colspan='2'>" + getNumHiddenLabelText(deletedMD) + " <span style='float: right;cursor: pointer;font-size: 11px;margin-left: 10px;display: inline-block;margin-top: 2px;margin-right: 20px;' onclick='showFilterOptions()'>Change Filter Options</span</td></tr>");
  1720.     }
  1721.  
  1722. }
  1723.  
  1724. function getNumHiddenLabelText(num) {
  1725.     return num == 1 ? "1 Game is hidden" : (num + " Games are hidden");
  1726. }
  1727.  
  1728.  
  1729. function loadPrivateNotes() {
  1730.     console.log("loading private notes")
  1731.     $("#FeedbackMsg").after('<div class="profileBox" id="privateNotes"><h3>Private Notes</h3><p style="width: 285px;overflow:hidden" class="content">Loading Privates Notes..</p></div>');
  1732.     var url = $("img[alt='Private Notes']").parent()[0].href;
  1733.     var page = $('<div />').load(url, function () {
  1734.         var notes = page.find('#PostForDisplay_0').html().trim();
  1735.         if (notes) {
  1736.             $('#privateNotes .content').html(notes);
  1737.         } else {
  1738.             $('#privateNotes .content').html('You don\'t have any Private Notes.');
  1739.         }
  1740.  
  1741.     });
  1742. }
  1743.  
  1744. window.showFilterOptions = function () {
  1745.     $(".filters-show").fadeIn();
  1746.     $(".overlay").fadeIn();
  1747. }
  1748.  
  1749. function domRefresh() {
  1750.     //    $("body").css("diplay", "none");
  1751.     //    $("body").css("diplay", "block");
  1752.     $("body").hide(0).show(0);
  1753.     $(window).trigger('resize')
  1754. }
  1755.  
  1756. window.showFilterHelp = function (text, obj) {
  1757.     window.setTimeout(function () {
  1758.         if (!$(".custom-menu").is(':visible')) {
  1759.             $(".custom-menu .content").html(text);
  1760.             $(".custom-menu").finish().toggle(100).
  1761.  
  1762.             // In the right position (the mouse)
  1763.             css({
  1764.                 top: $(obj).offset().top + "px",
  1765.                 left: $(obj).offset().left + "px"
  1766.             });
  1767.         }
  1768.  
  1769.     }, 10);
  1770. }
  1771.  
  1772. function setupBookmarkMenu() {
  1773.     bookmarkBody = "<label for='bookmarkName'>Name</label><input style='width:100%;color: lightgray;text-align: left;' type='text' id='bookmarkName'><br><br><label for='bookmarkURL'>Url</label><input style='width:100%; text-align: left; color: lightgray' id='bookmarkURL' type='text'><br><br><label for='bookmarkNewWindow'>Open in new Window</label><input style='float:left;' id='bookmarkNewWindow' type='checkbox'>";
  1774.  
  1775.     $("body").append("<div class='popup popup600' id='bookmarkMenu' style='display: none; margin-top: 150px;width:500px; margin-left:-282px'><div class='head' style=' margin-top: 152px;width:560px;'>Add Bookmark<img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>" + bookmarkBody + "<div class='close-userscript' onclick='saveBookmark()'>Add Bookmark</div></div>");
  1776.  
  1777.     $("bookmarkMenu").append('<div id="bookmarkMenu"></div>');
  1778.  
  1779.     $(".close-popup-img").on("click", function () {
  1780.         $(".popup").fadeOut();
  1781.         $(".overlay").fadeOut();
  1782.     });
  1783.     createSelector(".highlightedBookmark", "background-color:rgb(50, 50, 50);cursor:pointer;");
  1784.     $("body").append("<ul class='context-menu bookmark-context'><li onclick='editBookmark()'>Edit</li><li onclick='moveBookmarkUp()'>Move up</li><li onclick='moveBookmarkDown()'>Move Down</li></ul>")
  1785.     $("body").append("<ul class='context-menu thread-context'><li onclick='hideThread()'>Hide</li></ul>")
  1786.     $("body").append("<ul class='context-menu playersearch-context'><li onclick='findMostCommonGames()'>Most Common Games (Friends)</li></ul>")
  1787.  
  1788. }
  1789.  
  1790. function setupBookmarkTable() {
  1791.     $(".SideColumn").prepend('<table class="dataTable" cellspacing="0" width="100%" id="BookmarkTable" style="text-align: left;"><thead><tr><td style="text-align: center">Bookmarks<img src="' + IMAGES.PLUS + '" width="15" height="15" onclick="showAddBookmark()"style="display:inline-block;float:right; opacity: 0.6; margin-right:15px; cursor: pointer"></td></tr></thead></table><br>');
  1792.  
  1793.     
  1794.     if (bookmarks.length > 0) {
  1795.         refreshBookmarks();
  1796.  
  1797.     } else {
  1798.         var tables = $(".SideColumn .dataTable").filter(function () {
  1799.             return $(this).css('opacity') == '1';
  1800.         })
  1801.         table = $(tables).get($(tables).length - 1)
  1802.         $(table).after('<div style="text-align: left;margin-top: 15px;"><a onclick="showAddBookmark()" style="cursor:pointer">Add a Bookmark...</a></div>')
  1803.     }
  1804. }
  1805.  
  1806. function refreshBookmarks() {
  1807.     setBookmarks()
  1808.     $("#BookmarkTable tbody tr").remove();
  1809.     bookmarks.sort((a, b) => {return a.id - b.id})
  1810.     var data = "<tbody>";
  1811.     $.each(bookmarks, function (key, bookmark) {
  1812.         data += '<tr data-bookmarkId="' + bookmark.id + '"><td><a ' + (bookmark.newWindow ? 'target="blank"' : "") + ' href="' + bookmark.url + '">' + bookmark.name + '</a>';
  1813.         data += '<a onclick="deleteBookmark(' + bookmark.id + ')" style="display:inline-block;float:right; opacity: 0.6;cursor: pointer;margin-right:5px">';
  1814.         data += '<img src="' + IMAGES.TRASH + '" width="15" height="15" ></a></td></tr>';
  1815.     })
  1816.  
  1817.     $("#BookmarkTable").prepend(data + '</tbody>');
  1818.  
  1819. }
  1820.  
  1821. var bookmarkId;
  1822. window.showAddBookmark = function () {
  1823.     $(".overlay").fadeIn();
  1824.     $("#bookmarkMenu").show();
  1825.     bookmarkId = undefined
  1826. }
  1827.  
  1828. window.editBookmark = function () {
  1829.     $.each(bookmarks, function (key, bookmark) {
  1830.         if (bookmarkId == bookmark.id) {
  1831.             $("#bookmarkURL").val(bookmark.url);
  1832.             $("#bookmarkName").val(bookmark.name);
  1833.             $("#bookmarkNewWindow").prop("checked", bookmark.newWindow)
  1834.         }
  1835.     })
  1836.  
  1837.     $(".overlay").fadeIn();
  1838.     $("#bookmarkMenu").show();
  1839. }
  1840.  
  1841. window.moveBookmarkUp = function() {
  1842.     var oldIdx
  1843.     var newIdx = -1
  1844.     $.each(bookmarks, function (key, bookmark) {
  1845.         if (bookmarkId == bookmark.id) {
  1846.             oldIdx = key
  1847.         }
  1848.     })
  1849.     
  1850.     var tempId = -1
  1851.     $.each(bookmarks, function (key, bookmark) {
  1852.         if (bookmark.id < bookmarkId && bookmark.id > tempId) {
  1853.             newIdx = key
  1854.             tempId = bookmark.id
  1855.         }
  1856.     })
  1857.     if(newIdx != -1) {
  1858.         var oldId = bookmarks[oldIdx].id
  1859.         var newId = bookmarks[newIdx].id
  1860.         bookmarks[oldIdx].id = -1
  1861.         bookmarks[newIdx].id = oldId
  1862.         bookmarks[oldIdx].id = newId
  1863.  
  1864.         localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1865.  
  1866.         $("#bookmarkURL").val('');
  1867.         $("#bookmarkName").val('');
  1868.         $("#bookmarkNewWindow").prop('checked', false);
  1869.         $(".overlay").fadeOut();
  1870.  
  1871.         showBookmarkTable();
  1872.  
  1873.         refreshBookmarks();
  1874.     }
  1875.    
  1876. }
  1877.  
  1878. window.moveBookmarkDown = function() {
  1879.     var oldIdx
  1880.     var newIdx = -1
  1881.     $.each(bookmarks, function (key, bookmark) {
  1882.         if (bookmarkId == bookmark.id) {
  1883.             oldIdx = key
  1884.         }
  1885.     })
  1886.     
  1887.     var tempId = 10000000
  1888.     $.each(bookmarks, function (key, bookmark) {
  1889.         if (bookmark.id > bookmarkId && bookmark.id < tempId) {
  1890.             newIdx = key
  1891.             tempId = bookmark.id
  1892.         }
  1893.     })
  1894.     if(newIdx != -1) {
  1895.         var oldId = bookmarks[oldIdx].id
  1896.         var newId = bookmarks[newIdx].id
  1897.         bookmarks[oldIdx].id = -1
  1898.         bookmarks[newIdx].id = oldId
  1899.         bookmarks[oldIdx].id = newId
  1900.  
  1901.         localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1902.  
  1903.         $("#bookmarkURL").val('');
  1904.         $("#bookmarkName").val('');
  1905.         $("#bookmarkNewWindow").prop('checked', false);
  1906.         $(".overlay").fadeOut();
  1907.  
  1908.         showBookmarkTable();
  1909.  
  1910.         refreshBookmarks();
  1911.     }
  1912.    
  1913. }
  1914.  
  1915.  
  1916. window.deleteBookmark = function (id) {
  1917.     var idx;
  1918.     $.each(bookmarks, function (key, bookmark) {
  1919.         if (id == bookmark.id) {
  1920.             idx = key;
  1921.         }
  1922.     })
  1923.     $("[data-bookmarkId='" + id + "']").remove();
  1924.     bookmarks.splice(idx, 1);
  1925.     localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1926.  
  1927. }
  1928.  
  1929. window.saveBookmark = function () {
  1930.     $("#bookmarkMenu").hide();
  1931.     var url = $("#bookmarkURL").val().trim();
  1932.     url = (url.lastIndexOf('http', 0) != 0) && (url.lastIndexOf('javascript', 0) != 0) ? "http://" + url : url;
  1933.     var name = $("#bookmarkName").val().trim();
  1934.     var newWindow = $("#bookmarkNewWindow").prop("checked");
  1935.     
  1936.     if(bookmarkId == undefined) {
  1937.         bookmarks.push({
  1938.             name: name,
  1939.             url: url,
  1940.             newWindow: newWindow,
  1941.             id: getBookmarkId()
  1942.         });
  1943.     } else {
  1944.         var idx;
  1945.         $.each(bookmarks, function (key, bookmark) {
  1946.             if (bookmarkId == bookmark.id) {
  1947.                idx = key
  1948.             }
  1949.         })
  1950.         bookmarks[idx] = {
  1951.             name: name,
  1952.             url: url,
  1953.             newWindow: newWindow,
  1954.             id: bookmarkId
  1955.         }
  1956.     }
  1957.     
  1958.     
  1959.    
  1960.     localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1961.  
  1962.     $("#bookmarkURL").val('');
  1963.     $("#bookmarkName").val('');
  1964.     $("#bookmarkNewWindow").prop('checked', false);
  1965.     $(".overlay").fadeOut();
  1966.  
  1967.     showBookmarkTable();
  1968.  
  1969.     refreshBookmarks();
  1970. }
  1971.  
  1972. function checkBookmarkTable() {
  1973.     if (bookmarks.length == 0) {
  1974.         hideBookmarkTable();
  1975.     }
  1976.  
  1977. }
  1978.  
  1979. function hideBookmarkTable() {
  1980.     $("#BookmarkTable").hide();
  1981.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  1982.         $("#BookmarkTable").prev().hide();
  1983.     }
  1984.     if ($("#BookmarkTable").next().is('br')) {
  1985.         $("#BookmarkTable").next().hide();
  1986.     }
  1987. }
  1988.  
  1989. function showBookmarkTable() {
  1990.     $("#BookmarkTable").show();
  1991.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  1992.         $("#BookmarkTable").prev().show();
  1993.     }
  1994.     if ($("#BookmarkTable").next().is('br')) {
  1995.         $("#BookmarkTable").next().show();
  1996.     }
  1997. }
  1998.  
  1999. window.bookmarkForumThread = function () {
  2000.     var title = $("title").text().replace(' - Play Risk Online Free - WarLight', '');
  2001.     var url = window.location.href;
  2002.  
  2003.     $("#bookmarkURL").val(url);
  2004.     $("#bookmarkName").val(title);
  2005.     showAddBookmark();
  2006.  
  2007. }
  2008. window.bookmarkTournament = function () {
  2009.     var title = $("#TournamentName").text().replace("Tournament: ", "").trim();
  2010.     var url = window.location.href;
  2011.  
  2012.     $("#bookmarkURL").val(url);
  2013.     $("#bookmarkName").val(title);
  2014.     showAddBookmark();
  2015.  
  2016. }
  2017.  
  2018. function addDefaultBookmark() {
  2019.     bookmarks = [];
  2020.     bookmarks.push({
  2021.         name: "Tidy up Your Dashboard #2",
  2022.         url: "https://www.warlight.net/Forum/106092-tidy-up-dashboard-2",
  2023.         newWindow: false,
  2024.         id: getBookmarkId()
  2025.     });
  2026.     localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  2027. }
  2028.  
  2029. function getBookmarkId() {
  2030.     var id = 0;
  2031.  
  2032.     $.each(bookmarks, function (key, bookmark) {
  2033.         id = bookmark.id > id ? bookmark.id : id;
  2034.     })
  2035.  
  2036.     return id + 1;
  2037. }
  2038.  
  2039. var findMeIndex = -1;
  2040. window.findNextInTournament = function() {
  2041.     var boxes = getPlayerBoxes();
  2042.     var max = boxes.length - 1;
  2043.     findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  2044.     panzoomMatrix = undefined;
  2045.     findInTournament();
  2046. }
  2047.  
  2048. function setupTournamentFindMe() {
  2049.     $("body").keyup(function (event) {
  2050.         // "Left" is pressed
  2051.         var boxes = getPlayerBoxes();
  2052.         var max = boxes.length - 1;
  2053.         if(event.which == 37) {
  2054.             findMeIndex = findMeIndex == 0 ? max : findMeIndex - 1;
  2055.             panzoomMatrix = undefined;
  2056.             findInTournament();
  2057.         } 
  2058.         // "Right" is pressed
  2059.         else if(event.which == 39) {
  2060.             findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  2061.             panzoomMatrix = undefined;
  2062.             findInTournament();
  2063.         }
  2064.         // "Home" is pressed
  2065.         else if(event.which == 36) {
  2066.             findMeIndex = 0;
  2067.             panzoomMatrix = undefined;
  2068.             findInTournament();
  2069.         }
  2070.         // "End" is pressed
  2071.         else if(event.which == 35) {
  2072.             findMeIndex = boxes.length - 1;
  2073.             panzoomMatrix = undefined;
  2074.             findInTournament();
  2075.         }
  2076.     });
  2077.     window.players = []
  2078.     $("[href='#SettingsTab']").parent().after('<li id="findMe" class="ui-state-default ui-corner-top"><div style="cursor: pointer" class="ui-tabs-anchor" onclick="window.findNextInTournament()">Find <label id="activePlayer"></labal></div><a id="showPlayerSelect">▼</a></li>');
  2079.     createSelector('#findMe:hover', 'border: 1px solid #59b4d4;background: #0078a3 url("https://d2wcw7vp66n8b3.cloudfront.net/jui4/images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight: bold;color: #ffffff;border-bottom-width: 0')
  2080.     createSelector('#findMe', 'border: 1px solid #666666;border-bottom-width: 0')
  2081.  
  2082.     var css = '-webkit-keyframes pulsate{ 0% { background-color: rgba(0,0,0,0); } 50% { background-color: olive; } 100% { background-color: rgba(0,0,0,0); }}@keyframes pulsate { 0% { background-color: rgba(0,0,0,0); } 50% { background-color: olive; } 100% { background-color: rgba(0,0,0,0); }}.pulsate { -webkit-animation: pulsate 1s ease-in 1; -moz-animation: pulsate 1s ease-in 1; -ms-animation: pulsate 1s ease-in 1; -o-animation: pulsate 1s ease-in 1; animation: pulsate 1s ease-in 1;}-webkit-keyframes pulsate-border{ 0% { border: 3px solid #c4c2c4; } 25% { border: 3px solid red; } 50% { border: 3px solid red; } 100% { border: 3px solid #c4c2c4; }}@keyframes pulsate-border { 0% { border: 3px solid #c4c2c4; } 25% { border: 3px solid red; }50% { border: 3px solid red; } 100% { border: 3px solid #c4c2c4; }}.pulsate-border { -webkit-animation: pulsate-border 2s ease-in 1; -moz-animation: pulsate-border 2s ease-in 1; -ms-animation: pulsate-border 2s ease-in 1; -o-animation: pulsate-border 2s ease-in 1; animation: pulsate-border 2s ease-in 1;}',
  2083.         head = document.head || document.getElementsByTagName('head')[0],
  2084.         style = document.createElement('style');
  2085.  
  2086.     style.type = 'text/css';
  2087.     if (style.styleSheet) {
  2088.         style.styleSheet.cssText = css;
  2089.     } else {
  2090.         style.appendChild(document.createTextNode(css));
  2091.     }
  2092.  
  2093.     head.appendChild(style);
  2094.  
  2095.  
  2096.     $("#findMe").append('<div id="selectContainer"><div id="playerSelectInputContainer"><input placeholder="Search a Player" type="text" id="playerSelectInput"></input></div><div id="playerContainer"></div></div>');
  2097.         self = {
  2098.             id: warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID,
  2099.             name: warlight.shared.viewmodels.SignIn.get_CurrentPlayer().Name,
  2100.             fullID: String(warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ProfileToken).substring(0, 2) + warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID + String(warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ProfileToken).substring(2, 4),
  2101.             team: $("[data-playerid='" + warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID + "'] td:nth-of-type(2)").text()
  2102.         };
  2103.         window.currentPlayer = self;
  2104.         $.each($("#PlayingPlayers tr"), function (key, playerRow) {
  2105.             var id = $(playerRow).attr("data-playerid");
  2106.             var fullID = $(playerRow).find("a").get($(playerRow).find("a").length - 1).href.replace(/.*warlight.net\/Profile\?p=/, "");
  2107.             var name = $(playerRow).find("td a").text();
  2108.             var img = $(playerRow).find("td img").attr("src");
  2109.             var team = $("[data-playerid='" + id + "'] td:nth-of-type(2)").text();
  2110.             if (img && img.indexOf("MemberIcon") > -1) {
  2111.                 img = "";
  2112.             }
  2113.             window.players.push({
  2114.                 id: id,
  2115.                 fullID: fullID,
  2116.                 name: name,
  2117.                 img: img,
  2118.                 team: team
  2119.             });
  2120.         });
  2121.  
  2122.  
  2123.         $("#playerSelectInput").on('input', function (data) {
  2124.             $(".playerElement").remove();
  2125.             var search = $(this).val().toLowerCase();
  2126.             $("#playerContainer").append("<div class='playerElement' onclick='setCurrentplayer(self)'>" + self.name + " (Me)</div>")
  2127.             $.each(window.players, function (key, player) {
  2128.                 if (player.name.toLowerCase().indexOf(search) > -1 && self.name != player.name) {
  2129.                     var img = player.img ? "<img src='" + player.img + "'>" : "";
  2130.                     $("#playerContainer").append("<div onclick='setCurrentplayer(players[" + key + "])' class='playerElement'>" + img + "<span>" + htmlEscape(player.name) + "</span>" + "</div>")
  2131.                 }
  2132.             });
  2133.  
  2134.             $("#activePlayer").html(window.currentPlayer.name == self.name ? "Me" : window.currentPlayer.name);
  2135.             $("#playerContainer").scrollTop(0)
  2136.  
  2137.         });
  2138.         $("#playerSelectInput").trigger("input");
  2139.  
  2140.         $("#showPlayerSelect").on("click", function () {
  2141.             $("#selectContainer").toggle(100);
  2142.             $("#playerContainer").scrollTop(0);
  2143.             $("#playerSelectInput").trigger("input");
  2144.             $("#playerSelectInput").focus();
  2145.         });
  2146.     
  2147.     createSelector("#playerSelectInputContainer", "height: 28px; ");
  2148.     createSelector(".border-red", "border: 3px red solid !important; ");
  2149.     createSelector(".playerElement span, .playerElement img", "display:inline-block; margin-right: 10px");
  2150.     createSelector("#showPlayerSelect", "color: #DDDDDD;font-size: 14px;margin: 5px 5px 0 -3px;cursor: pointer; display: inline-block;margin-right: 10px;");
  2151.     createSelector("#playerSelectInput", "display: block;margin: 5px 3%;width: 93%;");
  2152.     createSelector("#activePlayer", "cursor:pointer");
  2153.     createSelector(".playerElement", "border-bottom: 1px gray solid;padding: 7px;color: white; clear:both; height: 14px; font-weight: normal;");
  2154.     createSelector(".playerElement:hover", "background: rgb(102, 102, 102);");
  2155.     createSelector("#playerContainer", "border: 2px gray solid; overflow-y: auto; overflow-x: hidden;max-height: 275px; min-width: 175px; ");
  2156.     createSelector("#selectContainer", "cursor: pointer; background:rgb(23, 23, 23);position: fixed; z-index: 10;border: 2px gray solid;border-radius: 5px;box-shadow: 0 20px 50px 3px black;margin-top: 16px;display: none");
  2157.  
  2158.  
  2159.  
  2160. }
  2161.  
  2162.  
  2163. window.setCurrentplayer = function (player) {
  2164.     window.currentPlayer = {
  2165.         id: player.id,
  2166.         name: player.name,
  2167.         fullID: player.fullID,
  2168.         team: player.team
  2169.     };
  2170.     $("#selectContainer").toggle(100);
  2171.     $("#activePlayer").html(htmlEscape(player.name == self.name ? "Me" : player.name));
  2172.     $("#playerSelectInput").val("");
  2173.     panzoomMatrix = undefined;
  2174.     findMeIndex = 0;
  2175.     window.findInTournament();
  2176. }
  2177.  
  2178. var panzoomMatrix;
  2179. window.findInTournament = function () {
  2180.     var id;
  2181.     $("#selectContainer").hide(100);
  2182.     if ($("[href='#PlayersTab']").parent().hasClass("ui-state-active")) {
  2183.         id = window.currentPlayer.id;
  2184.         if ($("#PlayingPlayers [data-playerid='" + id + "']").length > 0) {
  2185.             var player = $("#PlayingPlayers [data-playerid='" + id + "']");
  2186.             var box = $("#CenterTabs").parent()
  2187.             var offset = player.offset().top - box.offset().top - box.height() / 2
  2188.  
  2189.             box.stop().animate({
  2190.                 scrollTop: offset
  2191.             }, '500', 'swing');
  2192.  
  2193.             window.setTimeout(function () {
  2194.                 $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").addClass("pulsate");
  2195.                 window.setTimeout(function () {
  2196.                     $(".pulsate").removeClass("pulsate");
  2197.                 }, 1000);
  2198.             }, 250);
  2199.         } else {
  2200.             showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2201.         }
  2202.  
  2203.     } else if ($("[href='#BracketTab']").parent().hasClass("ui-state-active") && $("[src='https://d2wcw7vp66n8b3.cloudfront.net/Images/TournamentIconBig_RR.png']").length == 0) {
  2204.         id = window.currentPlayer.fullID;
  2205.         if (getPlayerBoxes().length > 0) {
  2206.  
  2207.             if (!panzoomMatrix) {
  2208.                 var currentMatrix = $("#Visualize").panzoom("getMatrix");
  2209.                 $("#Visualize").panzoom("reset", {
  2210.                     animate: false
  2211.                 });
  2212.  
  2213.                 VisualizePanzoom.panzoom("zoom", {
  2214.                     increment: 0.75,
  2215.                     animate: false
  2216.                 })
  2217.                
  2218.                 var boxes = getPlayerBoxes();
  2219.                 
  2220.                 $(".TeamBoxHighlighted").removeClass("TeamBoxHighlighted");
  2221.                 boxes.addClass("TeamBoxHighlighted");
  2222.                 var offsetTop = $(boxes.get(findMeIndex)).offset().top - $("#VisualizeContainer").offset().top - $("#VisualizeContainer").height() / 4;
  2223.                 var offsetLeft = $(boxes.get(findMeIndex)).offset().left - $("#VisualizeContainer").offset().left - $("#VisualizeContainer").width() / 2;
  2224.  
  2225.                 $(".border-red").removeClass("border-red");
  2226.                 $(boxes.get(findMeIndex)).addClass("border-red");
  2227.                 
  2228.                 $("#Visualize").panzoom("pan", 0 - offsetLeft, 100 - offsetTop, {
  2229.                     relative: true,
  2230.                     animate: false
  2231.                 });
  2232.  
  2233.                 panzoomMatrix = $("#Visualize").panzoom("getMatrix");
  2234.                 $("#Visualize").panzoom("setMatrix", currentMatrix, {
  2235.                     animate: false
  2236.                 });
  2237.             }
  2238.  
  2239.             window.setTimeout(function () {
  2240.                 $("#Visualize").panzoom("setMatrix", panzoomMatrix, {
  2241.                     animate: true
  2242.                 })
  2243.                 window.setTimeout(function () {
  2244.                     //getPlayerBoxes().addClass("pulsate-border");
  2245.                     window.setTimeout(function() {
  2246.                          $(".pulsate-border").removeClass("pulsate-border");
  2247.                     }, 2000)
  2248.                 }, 400);
  2249.             }, 10)
  2250.  
  2251.         } else {
  2252.             if ($("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length == 0) {
  2253.                 showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2254.  
  2255.             } else {
  2256.                 showInfo("This tournament didn't start yet.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2257.  
  2258.             }
  2259.         }
  2260.     }
  2261. }
  2262.  
  2263. function getPlayerBoxes() {
  2264.     var boxes = $(".GameBox [href='/Profile?p=" + window.currentPlayer.fullID + "']").closest(".TeamBox");
  2265.     if(boxes.length == 0) {
  2266.         boxes = $("[title='" + window.currentPlayer.team + "']").closest(".TeamBox");
  2267.     }
  2268.     
  2269.     return boxes;
  2270.     
  2271. }
  2272.  
  2273. function htmlEscape(str) {
  2274.     return String(str)
  2275.         .replace(/&/g, '&amp;')
  2276.         .replace(/"/g, '&quot;')
  2277.         .replace(/'/g, '&#39;')
  2278.         .replace(/</g, '&lt;')
  2279.         .replace(/>/g, '&gt;');
  2280. }
  2281.  
  2282. function setBookmarks() {
  2283.     var bm = localStorage.getItem("bookmarks");
  2284.  
  2285.     if (bm) {
  2286.         bookmarks = $.parseJSON(bm);
  2287.     } else {
  2288.         bookmarks = [];
  2289.     }
  2290. }
  2291.  
  2292.  
  2293. $("#BookmarkTable").bind("contextmenu", function (event) {
  2294.     $(".highlightedBookmark").removeClass("highlightedBookmark")
  2295.     $(event.target).closest("tr").addClass("highlightedBookmark")
  2296.     // Avoid the real one
  2297.     event.preventDefault();
  2298.     bookmarkId = $(event.target).closest("tr").attr("data-bookmarkid")
  2299.     
  2300.     
  2301.     // Show contextmenu
  2302.     $(".bookmark-context").finish().toggle(100).
  2303.     
  2304.     // In the right position (the mouse)
  2305.     css({
  2306.         top: event.pageY + "px",
  2307.         left: event.pageX + "px"
  2308.     });
  2309. });
  2310.  
  2311.  
  2312. // If the document is clicked somewhere
  2313. $(document).bind("mousedown", function (e) {
  2314.     
  2315.     // If the clicked element is not the menu
  2316.     if (!$(e.target).parents(".context-menu").length > 0) {
  2317.         
  2318.         // Hide it
  2319.         $(".context-menu").hide(100);
  2320.         $(".highlightedBookmark").removeClass("highlightedBookmark")
  2321.     }
  2322. });
  2323.  
  2324.  
  2325. // If the menu element is clicked
  2326. $(".context-menu li").click(function(){
  2327.     
  2328.     // This is the triggered action name
  2329.     switch($(this).attr("data-action")) {
  2330.         
  2331.         // A case for each action. Your actions here
  2332.         case "first": alert("first"); break;
  2333.         case "second": alert("second"); break;
  2334.         case "third": alert("third"); break;
  2335.     }
  2336.   
  2337.     // Hide it AFTER the action was triggered
  2338.     $(".context-menu").hide(100);
  2339.   });
  2340.  
  2341.  
  2342. function setupRealTimeLadderTable() {
  2343.     if($("#RealTimeLadderTable").length == 0) {
  2344.         $(".SideColumn").append('<table class="dataTable" cellspacing="0" width="100%" id="RealTimeLadderTable"><thead><tr><td>Real-Time Ladder</td></tr></thead><tbody><tr><td>Nobody is playing in the real-time ladder.<a href="/LadderSeason?ID=3">Ladder Page</a></td></tr> </tbody></table>')
  2345.     }
  2346.     
  2347.     if( $(".extendedRTLadderRow").length == 0) {
  2348.         createSelector(".extendedRTLadderRow .rtBox", "width: calc(100%/2);");
  2349.         createSelector(".extendedRTLadderRow span", "");
  2350.         createSelector(".rtLeft", "float:left");
  2351.         createSelector(".rtRight", "float:Right");
  2352.         createSelector(".rtRight a", "    padding: 10px 30px;position: absolute;margin-left: -75px;");
  2353.         createSelector(".newGamesRT", "display:block");
  2354.         createSelector(".rtLabelBig", "font-size: 18px; margin: 5px"); 
  2355.     }
  2356.     $(".extendedRTLadderRow").remove()
  2357.     $("#RealTimeLadderTable tbody").append('<tr class="extendedRTLadderRow"><td colspan="2"><div class="rtLeft rtBox"><span class="newGamesRT">New Games in<br></span><div class="rtLabelBig">' + getRealTimeLadderTimerHTML() + '<a href="https://www.warlight.net/LadderJoin?Ladder=RealTime" class="rtLabelBig">Join!</a></div></td></tr>')
  2358.     $("[href='/LadderSeason?ID=3'").text("Ladder Page")
  2359.     setRTLadderTime()
  2360.    
  2361. }
  2362.  
  2363. function setupRealTimeLadderPageTimer() {
  2364.     $("#LadderJoinBtn").after("<div>New Games in " + getRealTimeLadderTimerHTML() +"</div>")
  2365.     $("#LeaveLadderBtn").after("<div>New Games in " + getRealTimeLadderTimerHTML() +"</div>")
  2366.     setRTLadderTime()
  2367. }
  2368.  
  2369. function getRealTimeLadderTimerHTML() {
  2370.     return '<span class="rtMin">00</span>:<span class="rtSec">00</span></div></div><div class="rtRight rtBox">'
  2371. }
  2372.  
  2373.  
  2374. function setRTLadderTime() {
  2375.     var date = new Date()
  2376.     date.setMinutes(Math.ceil((new Date().getMinutes() + date.getSeconds() / 60) / 5) * 5)
  2377.     date.setSeconds(0)
  2378.     
  2379.     var diff = (date - new Date()) / 1000
  2380.     var min = Math.floor(diff / 60) % 60
  2381.     diff -= min * 60
  2382.     var sec = diff % 60
  2383.     $(".rtMin").text(padLeft(min))
  2384.     $(".rtSec").text(padLeft(sec))
  2385. }
  2386.  
  2387. function padLeft(str) {
  2388.     str = Math.round(str)
  2389.     len = 2
  2390.     symbol = '0'
  2391.      while(String(str).length < len) {
  2392.         str = symbol + str;
  2393.     }
  2394.     return str
  2395. }
  2396.  
  2397.  
  2398.  
  2399. function setupClotTable() {
  2400.     if($("#ClotTable").length == 0) {
  2401.         $(".SideColumn").append('<table class="dataTable" cellspacing="0" width="100%" id="ClotTable" style="text-align: left"><thead><tr><td style="text-align: center">CLOTs</td></tr></thead><tbody></tbody></table>')
  2402.     }
  2403.     parseClotTable() 
  2404.     loadClots()
  2405.     createSelector(".clotLabel", "display: inline-block; width: 70px")
  2406.     createSelector(".clotPlayers", "display: inline-block; margin-left: 5px; color:gray; ")
  2407.     
  2408. }
  2409.  
  2410. function setupLadderClotOverview() {
  2411.     $("h1").text($("h1").text() + " & CLOTs")
  2412.     var clotInfo = getClots()
  2413.     if(!clotInfo) {
  2414.         return
  2415.     }
  2416.     console.log(clotInfo)
  2417.     var clots = clotInfo
  2418.    
  2419.     console.log(clots)
  2420.     var ladders = clots['ladders'] 
  2421.     var md = ""
  2422.     var rt = ""
  2423.     var counter = 0
  2424.     $.each(ladders, function (key, val) {
  2425.         if (val.type == "realtime") {
  2426.             rt += "<li><big><a target='_blank' href=" + val.url + ">" + val.name + "</a> using Real-Time boot times</big></li><br><br>"
  2427.             counter++
  2428.         } else if (val.type == "multiday") {
  2429.             md += "<li><big><a target='_blank' href = " + val.url + ">" + val.name + "</a> using Multi-Day boot times</big></li><br><br>"
  2430.             counter++
  2431.         }
  2432.     })
  2433.     
  2434.     $("#MainSiteContent > div").append("Warlight currently has " + toWords(counter) + " <a href='https://www.warlight.net/wiki/CLOT'>CLOTs</a><br><br>")
  2435.     
  2436.     $("#MainSiteContent > div").append("<ul id='clotInfo'></ul>")
  2437.     $("#clotInfo").append(rt)
  2438.     $("#clotInfo").append(md)
  2439. }
  2440.  
  2441. function parseClotTable() {
  2442.             
  2443.     try {
  2444.         var clotInfo = getClots()
  2445.         if(!clotInfo) {
  2446.             return
  2447.         }
  2448.         var ladders = clots['ladders']
  2449.         var md = ""
  2450.         var rt = ""
  2451.         $.each(ladders, function (key, val) {
  2452.             if (val.type == "realtime") {
  2453.                 rt += "<tr><td><a target='_blank' href=" + val.url + ">" + val.name + " (RT)</a> <span class='clotPlayers'>" + val.players + " Players joined</span></td></tr>"
  2454.             } else if (val.type == "multiday") {
  2455.                 md += "<tr><td><a target='_blank' href = " + val.url + ">" + val.name + " (MD)</a><span class='clotPlayers'>" + val.players + " Players joined</span></td></tr>"
  2456.             }
  2457.         })
  2458.         $("#ClotTable tbody tr").remove()
  2459.         $("#ClotTable tbody").append(md)
  2460.         $("#ClotTable tbody").append(rt)
  2461.         $(window).trigger('resize');
  2462.     } catch (e) {
  2463.         console.log("Error reading CLOTs")
  2464.         console.log(e.message)
  2465.         hideTable("#ClotTable")
  2466.     }
  2467. }
  2468. function getClots() {
  2469.     try {
  2470.         return clots = $.parseJSON(localStorage.getItem('clots'))
  2471.     } catch (e) {
  2472.         console.log("Error reading CLOTs")
  2473.         console.log(e.message)
  2474.         hideTable("#ClotTable")
  2475.     }        
  2476.     return undefined
  2477. }
  2478.  
  2479. function loadClots() {
  2480.     $.ajax({
  2481.         type: 'GET',
  2482.         //url: 'https://php-psenough.rhcloud.com/hub/list.php',
  2483.         //url: 'https://w115l144.hoststar.ch/test.php',
  2484.         url: 'https://php-psenough.rhcloud.com/hub/list_jsonp.php',
  2485.         dataType: 'jsonp',
  2486.         crossDomain: true,
  2487.     }).done(function(response){
  2488.         try {
  2489.             var json = response.data
  2490.             localStorage.setItem('clots', JSON.stringify(json));
  2491.             parseClotTable()
  2492.             var datetime = json.datetime
  2493.             console.log("clot update " + datetime)
  2494.              
  2495.         } catch (e) {
  2496.             console.log("Error parsing CLOTs")
  2497.             console.log(e)
  2498.         }
  2499.     }).fail(function(e){
  2500.         console.log("Error loading CLOTs")
  2501.         console.log(e);
  2502.     });
  2503. }
  2504.  
  2505.  
  2506.                       
  2507. function isJson(str) {
  2508.     try {
  2509.         JSON.parse(str);
  2510.     } catch (e) {
  2511.         return false;
  2512.     }
  2513.     return true;
  2514. }
  2515.  
  2516.  
  2517. function setupRightColumn(isInit) {
  2518.     if(isInit) {
  2519.         createSelector(".SideColumn > table", "margin-bottom: 17px;")
  2520.     }
  2521.     
  2522.     //Bookmarks
  2523.     if(isInit) {
  2524.         setupBookmarkTable()
  2525.     } else {
  2526.         refreshBookmarks()
  2527.     }
  2528.     
  2529.     //Tournament
  2530.     // #MyTournamentsTable
  2531.     
  2532.     //Clots
  2533.     setupClotTable()
  2534.     
  2535.     //RT Ladder
  2536.     setupRealTimeLadderTable()
  2537.     
  2538.     //Map of the Week
  2539.     
  2540.     //Forum Posts
  2541.      hideBlacklistedThreads()
  2542.     
  2543.     //Blog Posts
  2544.     
  2545.     //Coin Leaderboard
  2546.     
  2547.     sortRightColumnTables()
  2548.     
  2549.     if(isInit && isEnabled('scrollGames')) {
  2550.         setupFixedTitlesInSideColumn()
  2551.     }
  2552. }
  2553.  
  2554. function sortRightColumnTables() {
  2555.     var sideColumn = $(".SideColumn")
  2556.     $.each(getSortTables(), function(key, table) {
  2557.         if(table.hidden == true) {
  2558.             hideTable(table.id)
  2559.         } else {
  2560.             var table = $(table.id)
  2561.             if(table.prev().hasClass("followWrap")) {
  2562.                  var wrap = table.prev().remove()
  2563.                  sideColumn.append(wrap)
  2564.             }
  2565.             table = table.detach()
  2566.             sideColumn.append(table)
  2567.         }
  2568.     })
  2569.     
  2570.     $(".SideColumn > br").remove()
  2571. }
  2572.  
  2573. function toWords(num) {
  2574.     if(num == 1) {
  2575.         return "one"
  2576.     } else if(num == 2) {
  2577.         return "two"
  2578.     } else if(num == 3) {
  2579.         return "three"
  2580.     } else if(num == 4) {
  2581.         return "four"
  2582.     } else if(num == 5) {
  2583.         return "five"
  2584.     } else if(num == 6) {
  2585.         return "six"
  2586.     } else if(num == 7) {
  2587.         return "seven"
  2588.     } else if(num == 8) {
  2589.         return "eight"
  2590.     } else if(num == 9) {
  2591.         return "nine"
  2592.     } else if(num == 10) {
  2593.         return "ten"
  2594.     } else if(num == 0) {
  2595.         return "zero"
  2596.     }  
  2597. }
  2598.  
  2599. function hideTable(seletor) {
  2600.     if( $(seletor).prev().hasClass("followWrap")) {
  2601.          $(seletor).prev().remove()
  2602.     }
  2603.      $(seletor).remove() 
  2604. }
  2605.  
  2606. window.findMostCommonGames = function() {
  2607.     $("#foundPlayers").empty()
  2608.     warlight.shared.viewmodels.WaitDialogVM.Start("Searching Players...")
  2609.     warlight.shared.messages.Message.GetFriendsAsync(null, warlight.shared.viewmodels.SignIn.Auth, null, function (b, c, players) {
  2610.         if (null != c) throw c;
  2611.         var myId = warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID;
  2612.         warlight.shared.SharedUtility.RemoveWhere(players, function (p) {
  2613.             return p.PlayerID == myId
  2614.         });
  2615.         var topPlayers = [];
  2616.         var limit = -1;
  2617.         for (var i = 0; i < players.length; i++) {
  2618.             var player = players[i];
  2619.             if(player.TimesPlayedWithYou > limit || topPlayers.length < 10) {
  2620.                 topPlayers.push(player)
  2621.                 topPlayers.sort(function (p1, p2) {
  2622.                     return p2.TimesPlayedWithYou - p1.TimesPlayedWithYou
  2623.                 });
  2624.                 topPlayers = topPlayers.slice(0, 10);
  2625.                 limit = topPlayers.slice(-1)[0].TimesPlayedWithYou
  2626.             }
  2627.         }
  2628.         warlight.shared.viewmodels.WaitDialogVM.Stop()
  2629.         parseFoundFriendPlayers(topPlayers)
  2630.     })
  2631. }
  2632.  
  2633. function setupPlayerSearch() {
  2634.       $("body").append("<div class='popup popup600 playersearch-show' style='display: none'><div class='head'>Search Player <img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div><input placeholder='Player Name' id='playerSearchQuery'><button id='searchPlayerBtn'>Search</button><div class='playerSearchTypeSelect'><label for='playerSearchFriend'>Friends</label><input type='radio' id='playerSearchFriend' name='playerSearchType' value='playerSearchFriend' checked><label for='playerSearchGlobal'>All Players</label><input type='radio' id='playerSearchGlobal' name='playerSearchType' value='playerSearchGlobal'></div><button id='findPlayerExtra'>More ▼</button><div id='foundPlayers'></div></div>");
  2635.     $("#SubTabRow").append('<td nowrap="nowrap" id="searchPlayerLink" data-subtabcell="Search Player" class="SubTabCell"><a>Search Player</a></td>');
  2636.     
  2637.     $("#searchPlayerLink").on("click", function() {
  2638.         $(".playersearch-show").fadeIn();
  2639.         $(".overlay").fadeIn();
  2640.         $("#playerSearchQuery").val("")
  2641.         $("#playerSearchQuery").focus()
  2642.     })
  2643.     
  2644.     $("#searchPlayerBtn").on("click", function() {
  2645.         searchPlayer()
  2646.     }) 
  2647.     
  2648.     $("#findPlayerExtra").on("click", function(event) {
  2649.         $(".playersearch-context").finish().toggle(100).
  2650.         css({
  2651.             top: event.pageY + "px",
  2652.             left: event.pageX + "px"
  2653.         });
  2654.     })
  2655.     $('#playerSearchQuery').keyup(function(e){
  2656.         if(e.keyCode == 13) {
  2657.             searchPlayer()
  2658.         }
  2659.     });
  2660.     
  2661.     createSelector(".SubTabCell", "cursor: pointer")
  2662.     createSelector(".playersearch-show button", "padding: 5px;float: left; margin: 10px")
  2663.     createSelector("#playerSearchQuery", "width: 200px; padding: 5px; margin: 10px;float: left")
  2664.     createSelector(".foundPlayer", "display: block; height: 25px; padding: 2px; clear:both")
  2665.     createSelector(".foundPlayer a", "line-height: 25px; float: left")
  2666.     createSelector(".foundPlayer img", "height: 15px; display: block; float: left; margin: 5px")
  2667.     createSelector("#foundPlayers span", "color: gray; padding: 0 5px; line-height: 25px")
  2668.     createSelector("#foundPlayers > span", "display: block; clear: both; margin: 0px; padding: 10px 0")
  2669.     createSelector(".playerSearchName", "float: left")
  2670.     createSelector(".playerSearchTypeSelect", "float: left; width: 30%")
  2671.     createSelector(".playerSearchTypeSelect label", "color: gray; font-size: 13px; margin: 2px")
  2672.     
  2673. }
  2674.  
  2675. function searchPlayer() {    
  2676.     $("#foundPlayers").empty()
  2677.     var query = $("#playerSearchQuery").val().toLowerCase()
  2678.     if($('#playerSearchFriend').is(':checked')) {
  2679.         warlight.shared.viewmodels.WaitDialogVM.Start("Searching Players...")
  2680.         warlight.shared.messages.Message.GetFriendsAsync(null, warlight.shared.viewmodels.SignIn.Auth, null, function (b, c, players) {
  2681.             if (null != c) throw c;
  2682.             var myId = warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID;
  2683.             warlight.shared.SharedUtility.RemoveWhere(players, function (p) {
  2684.                 return p.Name.toLowerCase().indexOf(query) < 0 || p.PlayerID == myId
  2685.             });
  2686.             warlight.shared.viewmodels.WaitDialogVM.Stop()
  2687.             parseFoundFriendPlayers(players)
  2688.         })
  2689.     } else {
  2690.         if(query.length < 3) {
  2691.             warlight.shared.viewmodels.AlertVM.DoPopup("Please enter at least 3 characters to search for");
  2692.             return
  2693.         }
  2694.         warlight.shared.viewmodels.main.manageplayers.ManagePlayersVM.SearchPlayers(query, function (players) {
  2695.             players = players.Results
  2696.             if(players.length >= 25) {
  2697.                 $("#foundPlayers").append("<span>This query found more than 25 results. Only the first 25 results are shown below.</span>")
  2698.             }
  2699.             parseFoundGlobalPlayers(players)
  2700.             $("#playerSearchQuery").focus()
  2701.             $("#playerSearchQuery").select()  
  2702.         })
  2703.     }
  2704.     
  2705. }
  2706.  
  2707. function parseFoundFriendPlayers(players) {
  2708.     if(!players || players.length == 0) {
  2709.         $("#foundPlayers").append("<span>No Players found.</span>");
  2710.         return;
  2711.     }
  2712.     players.sort(function (p1, p2) {
  2713.         return (p2.TimesPlayedWithYou - p1.TimesPlayedWithYou != 0) ? p2.TimesPlayedWithYou - p1.TimesPlayedWithYou : p1.Level > p2.Level
  2714.     });
  2715.     for (var i = 0; i < players.length; i++) {
  2716.         var player = players[i];
  2717.         var id = String(player.ProfileToken).substr(0, 2) + String(player.PlayerID) + String(player.ProfileToken).substr(2, 2);
  2718.         var nameLink = '<a href="/Profile?p=' + id + '">' + player.Name + '</a>'
  2719.         var clan = player.ClanOpt != null ? '<a href="https://www.warlight.net/Clans/?ID=' + player.ClanOpt.ClanID + '"><img class="playerSearchClan" src="https://d32kaghj56y4ei.cloudfront.net/Data/Clans/' + player.ClanOpt.ClanID + '/Icon/' + player.ClanOpt.IconIncre + '.png"></a>' : "";
  2720.         var member = player.IsMember ? '<img class="playerSearchMember" src="https://d2wcw7vp66n8b3.cloudfront.net/Images/MemberIcon.png">' : "";
  2721.         var description = '<div class="playerSearchName">' + nameLink + member + "<span>(Level " + player.Level + ", " + player.TimesPlayedWithYou + " common games)</span></div>";
  2722.         $("#foundPlayers").append('<div class="foundPlayer">' + clan + description + '</div>')
  2723.     }
  2724. }
  2725.  
  2726. function parseFoundGlobalPlayers(players) {
  2727.     if(!players || players.length == 0) {
  2728.         $("#foundPlayers").append("<span>No Players found.</span>");
  2729.         return;
  2730.     }
  2731.     players.sort(function(p1, p2){
  2732.         return (p2.Level - p1.Level != 0) ? p2.Level - p1.Level : p1.Name > p2.Name
  2733.     });
  2734.  
  2735.     for (var i = 0; i < players.length; i++) {
  2736.         var player = players[i];
  2737.         var id = String(player.ProfileToken).substr(0, 2) + String(player.PlayerID) + String(player.ProfileToken).substr(2, 2);
  2738.         var nameLink = '<a href="/Profile?p=' + id + '">' + player.Name + '</a>'
  2739.         var clan = player.ClanOpt != null ? '<a href="https://www.warlight.net/Clans/?ID=' + player.ClanOpt.ClanID + '"><img class="playerSearchClan" src="https://d32kaghj56y4ei.cloudfront.net/Data/Clans/' + player.ClanOpt.ClanID + '/Icon/' + player.ClanOpt.IconIncre + '.png"></a>' : "";
  2740.         var member = player.IsMember ? '<img class="playerSearchMember" src="https://d2wcw7vp66n8b3.cloudfront.net/Images/MemberIcon.png">' : "";
  2741.         var name = '<div class="playerSearchName">' + nameLink + "<span>(" + player.Level + ")</span></div>";
  2742.         $("#foundPlayers").append('<div class="foundPlayer">' + clan + name + member + '</div>')
  2743.     }
  2744. }
  2745.  
  2746. /**************************************
  2747.  
  2748.     RANDOMIZED BONUSES
  2749.  
  2750. **************************************/
  2751.  
  2752. function setupRandomizedBonus() {
  2753.     /*console.log("loaded random bonus")
  2754.  
  2755.     var selectField = document.createElement("select")
  2756.     selectField.id = "templateSelect"
  2757.     var templates = [{id: 12345, text: "Strategic Earth"}, {id: 54345, text: "Strategic Earth 2"}]         
  2758.  
  2759.     for(var i = 0; i < templates.length; i++) {
  2760.         var option = new Option();
  2761.         option.value = templates[i].id;
  2762.         option.text = templates[i].text;
  2763.         selectField.options.add(option); 
  2764.     }
  2765.  
  2766.     $("#gameId").before(selectField)
  2767.  
  2768.     $("#templateSelect").on("change", function() {
  2769.         $("#gameId").val(this.value)
  2770.     })*/
  2771. }
  2772.  
  2773. // Compute Player Ids
  2774.  
  2775. var yourId;
  2776. var opponentId;
  2777. var gameName;
  2778. if(pageIsProfile() && isMember()) {
  2779.     var idRegex = /p=(\d+)/;
  2780.     var yourProfileLink = document.evaluate('/html/body/div[1]/span/div/a[2]',
  2781.         document, null, XPathResult.ANY_TYPE, null).iterateNext();
  2782.     yourId = yourProfileLink.href.match(idRegex)[1];
  2783.     opponentId = getParameterByName("p");
  2784.     if (yourId == opponentId) {
  2785.         opponentId = "OpenSeat";
  2786.     }
  2787.  
  2788.     // Add text box and button
  2789.     addRandomizedControls();
  2790. }
  2791.  
  2792. function addRandomizedControls() {
  2793.     /// <summary>
  2794.     /// Add a text box(for sample game Id) and a button to create randomized 
  2795.     /// game.
  2796.     /// </summary>
  2797.     /// <param name="levelElement" type="Element">
  2798.     /// The parent element if text box and button.
  2799.     /// </param>
  2800.  
  2801.     $("#FeedbackMsg").after("<div class='randomGameContainer profileBox'><h3>Randomized Bonuses Game</h3></div>")
  2802.     var br = document.createElement('br');
  2803.     
  2804.     $(".randomGameContainer").append('<label for="gameName">Game Name:</label><input id="gameName" type="text" placeholder="Game Name" value="Game - Randomized Bonuses"><br>')
  2805.         
  2806.     $(".randomGameContainer").append('<label for="gameId">Game ID:</label><input id="gameId" type="text" placeholder="Game ID" value="">')
  2807.     
  2808.     $(".randomGameContainer").append('<button id="createGame">Create Game</button>')
  2809.     $("#createGame").on("click", function() {
  2810.         $("#createGame").attr('disabled', true);
  2811.         $("#createGame").text('...processing...');
  2812.  
  2813.         setTimeout(function(){
  2814.             $("#createGame").attr('disabled', false);
  2815.         $("#createGame").text('Create Game');
  2816.         }, 1000);
  2817.         extractGameSettings();
  2818.     })
  2819.     
  2820.     $(".randomGameContainer").append('<button id="bookmarkRandomBonus"><img src="' + IMAGES.BOOKMARK + '"></button>')
  2821.     $("#bookmarkRandomBonus").on("click", function() {
  2822.         var templateId = getSampleGameId()
  2823.         if(isNaN(templateId)) {
  2824.             warlight.shared.viewmodels.AlertVM.DoPopup("Please enter a valid Game ID");
  2825.            return;
  2826.         }
  2827.         $("#bookmarkURL").val("javascript:randomBonusGame('" + $("#gameName").val().replace("'", "`").replace('"', "`") + "', '" + templateId + "', '"  + yourId + "', '" + opponentId + "')");
  2828.         $("#bookmarkName").val($("#gameName").val());
  2829.         showAddBookmark();
  2830.     })
  2831.  
  2832.  
  2833.     var saveButton = document.createElement("input");
  2834.     saveButton.setAttribute("type", "button");
  2835.     saveButton.setAttribute("value", "<img src='" + IMAGES.SAVE + "'>");
  2836.     saveButton.onclick = function () {
  2837.         var oldValue = saveButton.value;
  2838.         saveButton.setAttribute('disabled', true);
  2839.         saveButton.value = '...saving...';
  2840.  
  2841.         setTimeout(function(){
  2842.             saveButton.value = oldValue;
  2843.             saveButton.removeAttribute('disabled');
  2844.         }, 500);
  2845.         //extractGameSettings();
  2846.     };
  2847.     
  2848.     var bookmarkButton = document.createElement("input");
  2849.     bookmarkButton.setAttribute("type", "button");
  2850.     bookmarkButton.setAttribute("value", "Bookmark");
  2851.     bookmarkButton.onclick = function () {
  2852.         var oldValue = bookmarkButton.value;
  2853.         bookmarkButton.setAttribute('disabled', true);
  2854.         bookmarkButton.value = '...saving...';
  2855.  
  2856.         setTimeout(function(){
  2857.             bookmarkButton.value = oldValue;
  2858.             bookmarkButton.removeAttribute('disabled');
  2859.         }, 500);
  2860.         //extractGameSettings();
  2861.     };
  2862.     
  2863.     createSelector(".randomGameContainer button", "min-width: 10%; margin: 3px 6px 3px 0")
  2864.     createSelector(".randomGameContainer button img", "height: 12px")
  2865.     createSelector(".randomGameContainer input[type='text']", "margin: 3px")
  2866.     createSelector(".randomGameContainer label", "width: 100px; display: inline-block; color: #858585")
  2867. }
  2868.  
  2869. function getSampleGameId() {
  2870.     /// <summary>
  2871.     /// Gets the sample game Id and checks if it is a number.
  2872.     /// </summary>
  2873.     /// <returns type="number">Game Id.</returns>
  2874.     var gameIdElement = document.getElementById("gameId");
  2875.     if (gameIdElement !== undefined) {
  2876.         return parseInt(gameIdElement.value, 10);
  2877.     }
  2878. }
  2879.  
  2880. function extractGameSettings(gameId) {
  2881.     /// <summary>
  2882.     /// Extract game settings from the sample game using GameFeed API.
  2883.     /// </summary>
  2884.  
  2885.     var sampleGameId = gameId || getSampleGameId();
  2886.     console.log(sampleGameId)
  2887.     if (isNaN(sampleGameId)) {
  2888.         alert("Invalid GameId");
  2889.     } else {
  2890.         doAsyncRequest("POST",
  2891.             'https://www.warlight.net/API/GameFeed?GameID=' +
  2892.             sampleGameId.toString() + '&GetHistory=true', {},
  2893.             "GameFeed");
  2894.     }
  2895. }
  2896.  
  2897. function setupRandomizedGame(response) {
  2898.     /// <summary>
  2899.     /// From the GameFeed API response, randomize bonuses and create a game 
  2900.     /// using the template.
  2901.     /// </summary>
  2902.     /// <param name="response" type="string">
  2903.     /// The GameFeed API response for the provided sample game.
  2904.     /// </param>
  2905.  
  2906.     var obj = JSON.parse(response);
  2907.     if (obj != undefined) {
  2908.         var templateId = obj.templateID;
  2909.         var bonuses = [];
  2910.         if(obj && obj.map) {
  2911.             for (var i = 0; i < obj.map.bonuses.length; i++) {
  2912.                 var bonusObj = obj.map.bonuses[i];
  2913.                 if (bonusObj.value != 0) {
  2914.                     var bonus = [];
  2915.                     var originalBonusValue = parseInt(bonusObj.value, 10);
  2916.  
  2917.                     // set the bonus value to (original-1, original+1)
  2918.                     bonus.push(bonusObj.name);
  2919.                     bonus.push(originalBonusValue - 1);
  2920.                     bonus.push(originalBonusValue + 1);
  2921.                     bonuses.push(bonus);
  2922.                 }
  2923.             }
  2924.         } else {
  2925.             alert("Invalid Game ID. Please make sure the game lasted at least 1 turn and is finished. Also ensure that the template exists and is not custom")
  2926.             warlight.shared.viewmodels.WaitDialogVM.Stop();
  2927.             return
  2928.         }
  2929.     }
  2930.     console.log(yourId, " ", opponentId)
  2931.     createGame(templateId, bonuses, yourId, opponentId);
  2932. }
  2933.  
  2934. window.randomBonusGame = function(name, templateId, yID, oID) {
  2935.     if(isMember()) {
  2936.         warlight.shared.viewmodels.WaitDialogVM.Start("Creating Game...")
  2937.         yourId = yID;
  2938.         opponentId = oID;
  2939.         gameName = name;
  2940.         extractGameSettings(templateId)
  2941.     } else {
  2942.         warlight.shared.viewmodels.AlertVM.DoPopup("You need to be a Warlight Member to use this Feature");
  2943.     }
  2944. }
  2945. function createGame(templateId, bonuses, yourId, opponentId) {
  2946.     /// <summary>
  2947.     /// Create a game on Warlight between the two players on given settings.
  2948.     /// </summary>
  2949.     /// <param name="templateId" type="number">
  2950.     /// The game template Id.
  2951.     /// </param>
  2952.     /// <param name="bonuses" type="array">
  2953.     /// All bonuses on the map and the range of values they can take.
  2954.     /// </param>
  2955.  
  2956.     var template = templateId;
  2957.     var postDataObject = {
  2958.         "gameName": gameName || $("#gameName").val() || "Randomized bonuses game",
  2959.         "personalMessage": "Check bonuses carefully as they may have been altered",
  2960.         "templateID": template,
  2961.         "players": [{
  2962.             "token": yourId,
  2963.             "team": "None"
  2964.         }, {
  2965.             "token": opponentId,
  2966.             "team": "None"
  2967.         }],
  2968.         "overriddenBonuses": []
  2969.     };
  2970.     if (bonuses !== null) {
  2971.         for (var i = 0; i < bonuses.length; i++) {
  2972.             var bonusName = bonuses[i][0];
  2973.             var min = bonuses[i][1];
  2974.             var max = bonuses[i][2];
  2975.             postDataObject.overriddenBonuses.push({
  2976.                 "bonusName": bonusName,
  2977.                 value: getRandomInt(min, max) // Randomize the bonus
  2978.             });
  2979.         }
  2980.     }
  2981.     var response = doAsyncRequest("POST",
  2982.         'https://www.warlight.net/API/CreateGame', JSON.stringify(
  2983.             postDataObject), "CreateGame");
  2984. }
  2985.  
  2986. function getRandomInt(min, max) {
  2987.     /// <summary>
  2988.     /// Pick a random number in the interval (min, max)
  2989.     /// </summary>
  2990.     /// <param name="min" type="number">
  2991.     /// lower bound of number
  2992.     /// </param>
  2993.     /// <param name="max" type="number">
  2994.     /// upper bound of number
  2995.     /// </param>
  2996.     /// <returns type="number">
  2997.     /// Random number in the interval
  2998.     /// </returns>
  2999.  
  3000.     return Math.floor(Math.random() * (max - min + 1)) + min;
  3001. }
  3002.  
  3003. function doAsyncRequest(method, url, data, api) {
  3004.     /// <summary>
  3005.     /// Perform an asynchronous request to create a game on Warlight.
  3006.     /// </summary>
  3007.     /// <param name="method" type="string">
  3008.     /// GET/POST
  3009.     /// </param>
  3010.     /// <param name="url" type="string">
  3011.     /// The request url.
  3012.     /// </param>
  3013.     /// <param name="data" type="dictionary">
  3014.     /// Request parameters
  3015.     /// </param>
  3016.     /// <param name="api" type="string">
  3017.     /// Warlight api type
  3018.     /// </param>
  3019.     console.log(data)
  3020.     var xhr = new XMLHttpRequest();
  3021.     xhr.onreadystatechange = function() {
  3022.         //if (xhr.readyState === 4){
  3023.         if (xhr.readyState != 4) return;
  3024.             if (api === "GameFeed") {
  3025.                 setupRandomizedGame(xhr.responseText);
  3026.             } else if (api === "CreateGame") {
  3027.                 var obj = JSON.parse(xhr.responseText);
  3028.                 if (obj.gameID !== undefined) {
  3029.                     if(pageIsDashboard()) {
  3030.                         refreshMyGames()
  3031.                         warlight.shared.viewmodels.WaitDialogVM.Stop();
  3032.                     } else {
  3033.                         window.location.href = "https://www.warlight.net/MultiPlayer?GameID=" + obj.gameID
  3034.                     }
  3035.                     
  3036.                 } else if (obj.error !== undefined) {
  3037.                     alert("Cannot create game. Warlight says: " +
  3038.                         obj.error);
  3039.                     warlight.shared.viewmodels.WaitDialogVM.Stop();
  3040.                 }
  3041.         }
  3042.     };
  3043.  
  3044.     xhr.open(method, url, true);
  3045.     xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); 
  3046.     xhr.send(data);
  3047. }
  3048.  
  3049. function setIsMember() {
  3050.     if (typeof warlight != 'undefined') {
  3051.         window.setTimeout(function() {
  3052.             localStorage.setItem("isMember", warlight.shared.viewmodels.SignIn.get_CurrentPlayer().IsMember)
  3053.         }, 1000)
  3054.        
  3055.     }
  3056. }
  3057.  
  3058. function isMember() {
  3059.     var isMember = localStorage.getItem("isMember")
  3060.     if(isMember != undefined) {
  3061.         return isMember
  3062.     } else {
  3063.         $("#FeedbackMsg").after("<div class='profileBox'>Please visit the <a href='https://www.warlight.net/MultiPlayer/'>Dashboard</a> once to reconfigure the Userscript.</div>")
  3064.         return false;
  3065.     }
  3066. }
  3067.  
  3068. function getParameterByName(name, url) {
  3069.     url = url || location.search
  3070.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  3071.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
  3072.         results = regex.exec(url);
  3073.     return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  3074. }
  3075.  
  3076. /**************************************
  3077.  
  3078.     SNOWFALL JQUERY PLUGIN
  3079.  
  3080. **************************************/
  3081.  
  3082. if (!Date.now)
  3083.     Date.now = function() { return new Date().getTime(); };
  3084.  
  3085. (function() {
  3086.     'use strict';
  3087.  
  3088.     var vendors = ['webkit', 'moz'];
  3089.     for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
  3090.         var vp = vendors[i];
  3091.         window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
  3092.         window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
  3093.                                    || window[vp+'CancelRequestAnimationFrame']);
  3094.     }
  3095.     if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
  3096.         || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
  3097.         var lastTime = 0;
  3098.         window.requestAnimationFrame = function(callback) {
  3099.             var now = Date.now();
  3100.             var nextTime = Math.max(lastTime + 16, now);
  3101.             return setTimeout(function() { callback(lastTime = nextTime); },
  3102.                               nextTime - now);
  3103.         };
  3104.         window.cancelAnimationFrame = clearTimeout;
  3105.     }
  3106. }());
  3107.  
  3108. $(document).ready(function() {
  3109.     (function(){
  3110.         $.snowfall = function(element, options){
  3111.             var flakes = [],
  3112.                 defaults = {
  3113.                     flakeCount : 50,
  3114.                     flakeColor : '#ffffff',
  3115.                     flakePosition: 'absolute',
  3116.                     flakeIndex: 999999,
  3117.                     minSize : 1,
  3118.                     maxSize : 2,
  3119.                     minSpeed : 1,
  3120.                     maxSpeed : 5,
  3121.                     round : false,
  3122.                     shadow : false,
  3123.                     collection : false,
  3124.                     collectionHeight : 40,
  3125.                     deviceorientation : false
  3126.                 },
  3127.                 options = $.extend(defaults, options),
  3128.                 random = function random(min, max){
  3129.                     return Math.round(min + Math.random()*(max-min));
  3130.                 };
  3131.  
  3132.                 $(element).data("snowfall", this);
  3133.  
  3134.                 // Snow flake object
  3135.                 function Flake(_x, _y, _size, _speed){
  3136.                     // Flake properties
  3137.                     this.x  = _x;
  3138.                     this.y  = _y;
  3139.                     this.size = _size;
  3140.                     this.speed = _speed;
  3141.                     this.step = 0;
  3142.                     this.stepSize = random(1,10) / 100;
  3143.  
  3144.                     if(options.collection){
  3145.                         this.target = canvasCollection[random(0,canvasCollection.length-1)];
  3146.                     }
  3147.  
  3148.                     var flakeMarkup = null;
  3149.  
  3150.                     if(options.image){
  3151.                         flakeMarkup = document.createElement("img");
  3152.                         flakeMarkup.src = options.image;
  3153.                     }else{
  3154.                         flakeMarkup = document.createElement("div");
  3155.                         $(flakeMarkup).css({'background' : options.flakeColor});
  3156.                     }
  3157.  
  3158.                     $(flakeMarkup).attr({
  3159.                         'class': 'snowfall-flakes', 
  3160.                     }).css({
  3161.                         'width' : this.size, 
  3162.                         'height' : this.size, 
  3163.                         'position' : options.flakePosition, 
  3164.                         'top' : this.y, 
  3165.                         'left' : this.x, 
  3166.                         'fontSize' : 0, 
  3167.                         'zIndex' : options.flakeIndex
  3168.                     });
  3169.  
  3170.                     if($(element).get(0).tagName === $(document).get(0).tagName){
  3171.                         $('body').append($(flakeMarkup));
  3172.                         element = $('body');
  3173.                     }else{
  3174.                         $(element).append($(flakeMarkup));
  3175.                     }
  3176.  
  3177.                     this.element = flakeMarkup;
  3178.  
  3179.                     // Update function, used to update the snow flakes, and checks current snowflake against bounds
  3180.                     this.update = function(){
  3181.                         this.y += this.speed;
  3182.  
  3183.                         if(this.y > (elHeight) - (this.size  + 6)){
  3184.                             this.reset();
  3185.                         }
  3186.  
  3187.                         this.element.style.top = this.y + 'px';
  3188.                         this.element.style.left = this.x + 'px';
  3189.  
  3190.                         this.step += this.stepSize;
  3191.  
  3192.                         if (doRatio === false) {
  3193.                             this.x += Math.cos(this.step);
  3194.                         } else {
  3195.                             this.x += (doRatio + Math.cos(this.step));
  3196.                         }
  3197.  
  3198.                         // Pileup check
  3199.                         if(options.collection){
  3200.                             if(this.x > this.target.x && this.x < this.target.width + this.target.x && this.y > this.target.y && this.y < this.target.height + this.target.y){
  3201.                                 var ctx = this.target.element.getContext("2d"),
  3202.                                     curX = this.x - this.target.x,
  3203.                                     curY = this.y - this.target.y,
  3204.                                     colData = this.target.colData;
  3205.  
  3206.                                     if(colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] !== undefined || curY+this.speed+this.size > this.target.height){
  3207.                                         if(curY+this.speed+this.size > this.target.height){
  3208.                                             while(curY+this.speed+this.size > this.target.height && this.speed > 0){
  3209.                                                 this.speed *= .5;
  3210.                                             }
  3211.  
  3212.                                             ctx.fillStyle = "#fff";
  3213.  
  3214.                                             if(colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] == undefined){
  3215.                                                 colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] = 1;
  3216.                                                 ctx.fillRect(curX, (curY)+this.speed+this.size, this.size, this.size);
  3217.                                             }else{
  3218.                                                 colData[parseInt(curX)][parseInt(curY+this.speed)] = 1;
  3219.                                                 ctx.fillRect(curX, curY+this.speed, this.size, this.size);
  3220.                                             }
  3221.                                             this.reset();
  3222.                                         }else{
  3223.                                             // flow to the sides
  3224.                                             this.speed = 1;
  3225.                                             this.stepSize = 0;
  3226.  
  3227.                                             if(parseInt(curX)+1 < this.target.width && colData[parseInt(curX)+1][parseInt(curY)+1] == undefined ){
  3228.                                                 // go left
  3229.                                                 this.x++;
  3230.                                             }else if(parseInt(curX)-1 > 0 && colData[parseInt(curX)-1][parseInt(curY)+1] == undefined ){
  3231.                                                 // go right
  3232.                                                 this.x--;
  3233.                                             }else{
  3234.                                                 //stop
  3235.                                                 ctx.fillStyle = "#fff";
  3236.                                                 ctx.fillRect(curX, curY, this.size, this.size);
  3237.                                                 colData[parseInt(curX)][parseInt(curY)] = 1;
  3238.                                                 this.reset();
  3239.                                             }
  3240.                                         }
  3241.                                     }
  3242.                             }
  3243.                         }
  3244.  
  3245.                         if(this.x + this.size > (elWidth) - widthOffset || this.x < widthOffset){
  3246.                             this.reset();
  3247.                         }
  3248.                     }
  3249.  
  3250.                     // Resets the snowflake once it reaches one of the bounds set
  3251.                     this.reset = function(){
  3252.                         this.y = 0;
  3253.                         this.x = random(widthOffset, elWidth - widthOffset);
  3254.                         this.stepSize = random(1,10) / 100;
  3255.                         this.size = random((options.minSize * 100), (options.maxSize * 100)) / 100;
  3256.                         this.element.style.width = this.size + 'px';
  3257.                         this.element.style.height = this.size + 'px';
  3258.                         this.speed = random(options.minSpeed, options.maxSpeed);
  3259.                     }
  3260.                 }
  3261.  
  3262.                 // local vars
  3263.                 var i = 0,
  3264.                     elHeight = $(element).height(),
  3265.                     elWidth = $(element).width(),
  3266.                     widthOffset = 0,
  3267.                     snowTimeout = 0;
  3268.  
  3269.                 // Collection Piece ******************************
  3270.                 if(options.collection !== false){
  3271.                     var testElem = document.createElement('canvas');
  3272.                     if(!!(testElem.getContext && testElem.getContext('2d'))){
  3273.                         var canvasCollection = [],
  3274.                             elements = $(options.collection),
  3275.                             collectionHeight = options.collectionHeight;
  3276.  
  3277.                         for(var i =0; i < elements.length; i++){
  3278.                                 var bounds = elements[i].getBoundingClientRect(),
  3279.                                     $canvas = $('<canvas/>',
  3280.                                         {
  3281.                                             'class' : 'snowfall-canvas'
  3282.                                         }),
  3283.                                     collisionData = [];
  3284.  
  3285.                                 if(bounds.top-collectionHeight > 0){
  3286.                                     $('body').append($canvas);
  3287.  
  3288.                                     $canvas.css({
  3289.                                         'position' : options.flakePosition,
  3290.                                         'left'     : bounds.left + 'px',
  3291.                                         'top'      : bounds.top-collectionHeight + 'px'
  3292.                                     })
  3293.                                     .prop({
  3294.                                         width: bounds.width,
  3295.                                         height: collectionHeight
  3296.                                     });
  3297.  
  3298.                                     for(var w = 0; w < bounds.width; w++){
  3299.                                         collisionData[w] = [];
  3300.                                     }
  3301.  
  3302.                                     canvasCollection.push({
  3303.                                         element : $canvas.get(0), 
  3304.                                         x : bounds.left, 
  3305.                                         y : bounds.top-collectionHeight, 
  3306.                                         width : bounds.width, 
  3307.                                         height: collectionHeight, 
  3308.                                         colData : collisionData
  3309.                                     });
  3310.                                 }
  3311.                         }
  3312.                     }else{
  3313.                         // Canvas element isnt supported
  3314.                         options.collection = false;
  3315.                     }
  3316.                 }
  3317.                 // ************************************************
  3318.  
  3319.                 // This will reduce the horizontal scroll bar from displaying, when the effect is applied to the whole page
  3320.                 if($(element).get(0).tagName === $(document).get(0).tagName){
  3321.                     widthOffset = 25;
  3322.                 }
  3323.  
  3324.                 // Bind the Window resize event so we can get the innerHeight again
  3325.                 $(window).bind("resize", function(){
  3326.                     elHeight = $(element)[0].clientHeight;
  3327.                     elWidth = $(element)[0].offsetWidth;
  3328.                 });
  3329.  
  3330.  
  3331.                 // initialize the flakes
  3332.                 for(i = 0; i < options.flakeCount; i+=1){
  3333.                     flakes.push(new Flake(random(widthOffset,elWidth - widthOffset), random(0, elHeight), random((options.minSize * 100), (options.maxSize * 100)) / 100, random(options.minSpeed, options.maxSpeed)));
  3334.                 }
  3335.  
  3336.                 // This adds the style to make the snowflakes round via border radius property
  3337.                 if(options.round){
  3338.                     $('.snowfall-flakes').css({'-moz-border-radius' : options.maxSize, '-webkit-border-radius' : options.maxSize, 'border-radius' : options.maxSize});
  3339.                 }
  3340.  
  3341.                 // This adds shadows just below the snowflake so they pop a bit on lighter colored web pages
  3342.                 if(options.shadow){
  3343.                     $('.snowfall-flakes').css({'-moz-box-shadow' : '1px 1px 1px #555', '-webkit-box-shadow' : '1px 1px 1px #555', 'box-shadow' : '1px 1px 1px #555'});
  3344.                 }
  3345.  
  3346.                 // On newer Macbooks Snowflakes will fall based on deviceorientation
  3347.                 var doRatio = false;
  3348.                 if (options.deviceorientation) {
  3349.                     $(window).bind('deviceorientation', function(event) {
  3350.                         doRatio = event.originalEvent.gamma * 0.1;
  3351.                     });
  3352.                 }
  3353.  
  3354.                 // this controls flow of the updating snow
  3355.                 function snow(){
  3356.                     for( i = 0; i < flakes.length; i += 1){
  3357.                         flakes[i].update();
  3358.                     }
  3359.  
  3360.                     snowTimeout = requestAnimationFrame(function(){snow()});
  3361.                 }
  3362.  
  3363.                 snow();
  3364.  
  3365.                 // clears the snowflakes
  3366.                 this.clear = function(){
  3367.                     $('.snowfall-canvas').remove();
  3368.                     $(element).children('.snowfall-flakes').remove();
  3369.                     cancelAnimationFrame(snowTimeout);
  3370.                 }
  3371.         };
  3372.  
  3373.         // Initialize the options and the plugin
  3374.         $.fn.snowfall = function(options){
  3375.             if(typeof(options) == "object" || options == undefined){
  3376.                      return this.each(function(i){
  3377.                         (new $.snowfall(this, options));
  3378.                     });
  3379.             }else if (typeof(options) == "string") {
  3380.                 return this.each(function(i){
  3381.                     var snow = $(this).data('snowfall');
  3382.                     if(snow){
  3383.                         snow.clear();
  3384.                     }
  3385.                 });
  3386.             }
  3387.         };
  3388.     })(jQuery);
  3389.     
  3390.     if(!isEnabled('disableSnow')) {
  3391.         var flakes;
  3392.         if(isEnabled('snowLight')) {
  3393.             flakes = pageIsGame() ? 40 : 125
  3394.         } else {
  3395.             flakes = pageIsGame() ? 75 : 225
  3396.         }
  3397.          
  3398.         $(document).snowfall({flakeCount : flakes});
  3399.     }
  3400.        
  3401. });
  3402.  
  3403. function addVersionLabel() {
  3404.     $("body").append('<div class="versionLabel">' + GM_info.script.version +'</div>')
  3405.     createSelector(".versionLabel", "position:fixed; right:0; bottom: 0; padding: 5px; color: #555; font-size: 10px; cursor:pointer")
  3406.     $(".versionLabel").on("click", showUserscriptMenu)
  3407. }
  3408.  
  3409. function setupImages() {
  3410.     IMAGES = {
  3411.         EYE: 'https://i.imgur.com/kekYrsO.png',
  3412.         CROSS: 'https://i.imgur.com/RItbpDS.png',
  3413.         QUESTION: 'https://i.imgur.com/TUyoZOP.png',
  3414.         PLUS: 'https://i.imgur.com/lT6SvSY.png',
  3415.         TRASH: 'https://i.imgur.com/KrTbICA.png',
  3416.         SAVE: 'http://i.imgur.com/Ze4h3NQ.png',
  3417.         BOOKMARK: 'http://i.imgur.com/c6IxAql.png'
  3418.  
  3419.     }
  3420. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址