☰

Tidy up your Dashboard

Customizable Userscript which tidies up your Dashboard!

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

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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