☰

Grepolis Academy Overview

Grepolis: List all researches of all towns

  1. // ==UserScript==
  2. // @name           Grepolis Academy Overview
  3. // @name:de        Grepolis Akademie Übersicht
  4. // @name:en        Grepolis Academy Overview
  5. // @namespace      grepolis
  6. // @description    Grepolis: List all researches of all towns
  7. // @description:de Grepolis: Eine Übersicht über alle Forschungen aller Städte.
  8. // @description:en Grepolis: List all researches of all towns
  9. // @include        http://*.grepolis.*
  10. // @exclude        http://forum.*.grepolis.*
  11. // @exclude        http://wiki.*.grepolis.*
  12. // @icon           http://s3.amazonaws.com/uso_ss/icon/185038/large.png?1385676234
  13. // @version        2.15
  14. // @grant          GM_listValues
  15. // @grant          GM_getValue
  16. // @grant          GM_setValue
  17. // @grant          GM_deleteValue
  18. // @grant          GM_info
  19. // @grant          GM_xmlhttpRequest
  20. // ==/UserScript==
  21.  
  22. /************************************************************************
  23.  * Main Script
  24.  ***********************************************************************/
  25. function XR_main_script(DATA) {
  26.     /************************************************************************
  27. 	 * Global variables
  28. 	 ***********************************************************************/
  29.     var XR = {};
  30.     var wID = Game.world_id;
  31.     var mID = Game.market_id;
  32.     var aID = Game.alliance_id;
  33.     var sID = Game.player_id;
  34.     var pName = Game.player_name;
  35.  
  36.     $(".tb_activities").css("left","227px");
  37.  
  38.     $(".toolbar_buttons").append('\
  39. <div class="toolbar_button academy">\
  40. <div id="BTN_academyoverview" class="icon" style="background:url(http://gpde.innogamescdn.com/images/game/academy/points_25x25.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin:2px;">\
  41. <div class="js-caption"></div>\
  42. </div>\
  43. </div>\
  44. ');
  45.     
  46.     $("#BTN_academyoverview").click(function() {
  47.         XR.Functions.academyOverview();
  48.     });
  49.  
  50.     /************************************************************************
  51. 	 * Languages
  52. 	 ***********************************************************************/
  53.     XR.Lang = {
  54.         get : function (a, b) {
  55.             if (XR.Lang[mID] !== undefined && XR.Lang[mID][a] !== undefined && XR.Lang[mID][a][b] !== undefined) {
  56.                 return XR.Lang[mID][a][b];
  57.             } else if (XR.Lang[mID] !== undefined && XR.Lang[mID][a] !== undefined) {
  58.                 return XR.Lang[mID][a];
  59.             } else if (XR.Lang.en !== undefined && XR.Lang.en[a] !== undefined && XR.Lang.en[a][b] !== undefined) {
  60.                 return XR.Lang.en[a][b];
  61.             } else {
  62.                 return XR.Lang.en[a];
  63.             }
  64.         },
  65.         de : {
  66.             meta : {
  67.                 lang : 'deutsch'
  68.             },
  69.             academyoverview :"Akademie-Übersicht",
  70.             research_technology :"Technologie erforschen",
  71.             reset_technology :"Forschung zurücksetzen",
  72.             confirm_reset_technology :"Bestätigungsabfrage beim Zurücksetzen einer Forschung",
  73.             save :"Speichern"
  74.         },
  75.         en : {
  76.             meta : {
  77.                 lang : 'english'
  78.             },
  79.             academyoverview :"Academy Overview",
  80.             research_technology :"Research technology",
  81.             reset_technology :"Reset technology",
  82.             confirm_reset_technology :"Confirmation prompt when reset a technology",
  83.             save :"Save"
  84.         }
  85.     };
  86.  
  87.     /************************************************************************
  88. 	 * Ajax Call functions
  89. 	 ***********************************************************************/
  90.     XR.CallAjaxFunction = {
  91.         player : {
  92.             index : function () {
  93.                 XR.Functions.SettingsWindow();
  94.             },
  95.         },
  96.         notify : {
  97.             fetch : function () {
  98.                 console.log("fetch");
  99.                 console.log(document.URL);
  100.             },
  101.         }
  102.     };
  103.  
  104.     /************************************************************************
  105. 	 * Functions
  106. 	 ***********************************************************************/
  107.     XR.Functions = {
  108.         academyOverview : function () {
  109.             var wnd = GPWindowMgr.Create(GPWindowMgr.TYPE_XR_ACADEMYOVERVIEW) || GPWindowMgr.getOpenFirst(GPWindowMgr.TYPE_XR_ACADEMYOVERVIEW);
  110.             var research_ids = [];
  111.             for (i=1; i<=34; i=i+3) {
  112.                 $.each(GameData.researches, function () {
  113.                     if ($(this)[0].building_dependencies.academy==i) {
  114.                         research_ids.push($(this)[0].id);
  115.                     }
  116.                 });
  117.             }
  118.  
  119.             var factor = Math.min(Math.max(Math.ceil(research_ids.length/3), 10), 13);
  120.             wincontent = '\
  121. <style type="text/css">\
  122. .fleft { float:left; }\
  123. .cleft { clear:left; }\
  124. .XRresearchHeader { float:left; border: 1px solid #000000; margin: 0 2px; }\
  125. .XRresearch { float:left; margin: 0 2px; }\
  126. .XRresearchleft  { float:left; width:2px; height:24px; background:url(http://gpde.innogamescdn.com/images/game/survey/survey_sprite.png) no-repeat scroll 0px -39px rgba(0, 0, 0, 0); }\
  127. .XRresearchright { float:left; width:2px; height:24px; background:url(http://gpde.innogamescdn.com/images/game/survey/survey_sprite.png) no-repeat scroll -360px -39px rgba(0, 0, 0, 0); }\
  128. .XRresearchtrue { float:left; width:38px; height:24px; background:url(http://gpde.innogamescdn.com/images/game/survey/survey_sprite.png) no-repeat scroll -321px -39px rgba(0, 0, 0, 0); position:relative; }\
  129. .XRresearchfalse { float:left; width:38px; height:24px; background:url(http://gpde.innogamescdn.com/images/game/survey/survey_sprite.png) no-repeat scroll -2px -39px rgba(0, 0, 0, 0); position:relative; }\
  130. .XRresearchgrey { float:left; width:38px; height:24px; background:url(http://gpde.innogamescdn.com/images/game/survey/survey_sprite.png) no-repeat scroll -2px 0 / auto 36px rgba(0, 0, 0, 0); opacity:0.8; position:relative; }\
  131. .XRresearchUp { position:absolute; bottom:2px; right:0px; cursor:pointer; width:15px; height:15px; background:url(http://gpde.innogamescdn.com/images/game/academy/up.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:15px auto; }\
  132. .XRresearchUp:hover { background-position:0 -15px; }\
  133. .XRresearchDown { position:absolute; bottom:2px; right:0px; cursor:pointer; width:15px; height:15px; background:url(http://gpde.innogamescdn.com/images/game/academy/down.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:15px auto; }\
  134. .XRresearchDown:hover { background-position:0 -15px; }\
  135. </style>\
  136. <div style="margin-bottom:5px">\
  137. <div style="width:850px; height:440px; overflow:hidden; background:url(http://gpde.innogamescdn.com/images/game/overviews/fixed_table_header_bg.jpg) repeat-x scroll 0 0 rgba(0, 0, 0, 0)">\
  138. <div id="header">\
  139. <div class="townlist_width" style="width:200px; height:40px; float:left;"></div>\
  140. </div>\
  141. <div id="datalist" style="width:850px; height:400px; overflow:auto;">\
  142. <ul id="academyoverview_townlist" class="game_list">\
  143. </ul>\
  144. </div>\
  145. </div>\
  146. </div>';
  147.             wnd.setContent(wincontent);
  148.             if (research_ids.length>0) { 
  149.                 $("#header").append('<a href="#" id="moveleft" class="game_arrow_left" style="margin:11px 4px 0 0;"></a><div id="academyoverview_container" style="float:left; width:'+Math.round(factor*46).toString()+'px; height:42px; overflow:hidden;"><div id="academyoverview_header" class="academyoverview_movetab" style="width:'+Math.round(research_ids.length*46).toString()+'px; height:42px; position:relative; left:0px;"></div></div><a href="#" id="moveright" class="game_arrow_right" style="margin:11px 0 0 4px;"></a>');
  150.                 $("#moveleft").click(function(){
  151.                     if (parseInt($("#academyoverview_header").css("left"))<0) {
  152.                         $(".academyoverview_movetab").animate({left:'+='+factor*46+'px'},"slow");
  153.                     } else {
  154.                         $(".academyoverview_movetab").animate({left:'-'+(Math.ceil(research_ids.length/factor)-1)*factor*46+'px'},"slow");
  155.                     }
  156.                 });
  157.                 $("#moveright").click(function(){
  158.                     if (parseInt($("#academyoverview_header").css("left"))<=(Math.ceil(research_ids.length/factor)-1)*factor*-46) {
  159.                         $(".academyoverview_movetab").animate({left:'0px'},"slow");
  160.                     } else {
  161.                         $(".academyoverview_movetab").animate({left:'-='+factor*46+'px'},"slow");
  162.                     }
  163.                 });
  164.             }
  165.  
  166.             $.each(research_ids, function(i, val) {
  167.                 if (research_ids[i]=="take_over") {
  168.                     $("#academyoverview_header").append('<div class="research_box XRresearchHeader"><div class="research_icon research40x40 '+research_ids[i]+'_old"></div></div>');
  169.                 } else {
  170.                     $("#academyoverview_header").append('\
  171. <div class="research_box XRresearchHeader">\
  172. <div class="research_icon research40x40 '+research_ids[i]+'" style="position:relative;">\
  173. <div style="position:absolute; bottom:0px; right:2px; color:#FFF; text-shadow:1px 1px 0 #000; font-family:Verdana; font-size:14px; font-weight:700;">'+GameData.researches[research_ids[i]].research_points+'</div>\
  174. </div>\
  175. </div>\
  176. ');
  177.                 }
  178.             });
  179.             for (i=research_ids.length; i<=Math.floor(research_ids.length/factor+1)*factor; i++) {
  180.                 $("#academyoverview_header").append('<div class="research_box XRresearchHeader" style="border-color:transparent;"><div class="research_icon research40x40" style="background-position:-580px -580px;"></div></div>');
  181.             }
  182.  
  183.             XRTownNames = [];
  184.             for (i=0; i<ITowns.towns_collection.length; i++) {
  185.                 XRTownNames.push(ITowns.towns_collection.models[i].attributes.name);
  186.             }
  187.             XRTownNames.sort();
  188.  
  189.             var liclass = "even";
  190.             for (k=0; k<XRTownNames.length; k++) {
  191.                 for (i=0; i<ITowns.towns_collection.length; i++) {
  192.                     if (XRTownNames[k] == ITowns.towns_collection.models[i].attributes.name) {
  193.                         XRtownid = ITowns.towns_collection.models[i].attributes.id;
  194.                         XRtownname = ITowns.towns_collection.models[i].attributes.name;
  195.                         XRtownlink = ITowns.towns_collection.models[i].attributes.link_fragment;
  196.                         XRacademypoints = (ITowns.getTown(XRtownid).getBuildings().attributes.academy * GameDataResearches.getResearchPointsPerAcademyLevel()) + (ITowns.getTown(XRtownid).getBuildings().attributes.library * GameDataResearches.getResearchPointsPerLibraryLevel());
  197.                         for (j=0; j<research_ids.length; j++) {
  198.                             if (ITowns.towns[XRtownid].researches().attributes[research_ids[j]]===true) {
  199.                                 XRacademypoints -= GameData.researches[research_ids[j]].research_points;
  200.                             }
  201.                         }
  202.                         /*						$("#XRpoints"+XRtownid).html(XRacademypoints+' P.');*/
  203.                         $("#academyoverview_townlist").append('\
  204. <li class="'+liclass+'">\
  205. <div class="townlist_width" style="width:200px; float:left; margin-top:2px;">\
  206. <a href="#'+XRtownlink+'" class="gp_town_link">'+XRtownname+'</a>\
  207. <div id="XRpoints'+XRtownid+'" style="float:right; width:40px; height:20px; font-size:12px; line-height:20px;">'+XRacademypoints+' P.</div>\
  208. <div style="clear: both;"></div>\
  209. </div>\
  210. <div style="float:left; width:20px; height:20px; background:url(http://gpde.innogamescdn.com/images/game/academy/points_25x25.png) no-repeat;"></div>\
  211. <div style="float:left; width:'+Math.round(factor*46).toString()+'px; height:24px; overflow:hidden;">\
  212. <div id="researches_'+XRtownid+'" class="academyoverview_movetab" style="width:'+Math.round(research_ids.length*46).toString()+'px; height:24px; position:relative; left:0px;">\
  213. </div>\
  214. </div>\
  215. <div style="clear:left;"></div>\
  216. </li>\
  217. ');
  218.                         for (j=0; j<research_ids.length; j++) {
  219.                             if (ITowns.towns[XRtownid].buildings().attributes.academy < GameData.researches[research_ids[j]].building_dependencies.academy) {
  220.                                 $("#researches_"+XRtownid).append('\
  221. <div class="XRresearch">\
  222. <div class="XRresearchleft"></div>\
  223. <div class="XRresearchgrey"></div>\
  224. <div class="XRresearchright"></div>\
  225. </div>\
  226. ');
  227.                             } else if (ITowns.towns[XRtownid].researches().attributes[research_ids[j]]===true) {
  228.                                 XR_researchDown = (DATA.XR_reset_technology!=="checked") ? '' : '<div id="DOWN_'+XRtownid+'_'+research_ids[j]+'" class="XRresearchDown"></div>';
  229.                                 $("#researches_"+XRtownid).append('\
  230. <div class="XRresearch">\
  231. <div class="XRresearchleft"></div>\
  232. <div class="XRresearchtrue">'+XR_researchDown+'</div>\
  233. <div class="XRresearchright"></div>\
  234. </div>\
  235. ');
  236.                             } else {
  237.                                 XR_researchUp = (DATA.XR_research_technology!=="checked" || XRacademypoints < GameData.researches[research_ids[j]].research_points) ? '' : '<div id="UP_'+XRtownid+'_'+research_ids[j]+'" class="XRresearchUp"></div>';
  238.                                 $("#researches_"+XRtownid).append('\
  239. <div class="XRresearch">\
  240. <div class="XRresearchleft"></div>\
  241. <div class="XRresearchfalse">'+XR_researchUp+'</div>\
  242. <div class="XRresearchright"></div>\
  243. </div>\
  244. ');
  245.                             }
  246.                         }
  247.                         if (liclass=="even") { liclass = "odd"; } else { liclass = "even"; }
  248.                         break;
  249.                     }
  250.                 }
  251.             }
  252.             $(".research40x40").css("background-repeat","no-repeat");
  253.             $(".townlist_width").css("width",Math.round(200+((13-factor)*46)).toString()+"px");
  254.             $(".XRresearchUp").click(function() {
  255.                 console.log($(this).attr("id")+" Up");
  256.                 splitid = $(this).attr("id").split("_");
  257.                 for (i=0; i<splitid.length; i++) {
  258.                     console.log(splitid[i]);
  259.                 }
  260.                 thistownid = splitid[1];
  261.                 thisresearchid = '';
  262.                 for (i=2; i<splitid.length; i++) {
  263.                     if (i>2) {
  264.                         thisresearchid += '_'+splitid[i];
  265.                     } else {
  266.                         thisresearchid += splitid[i];
  267.                     }
  268.                 }
  269.                 $.ajax({
  270.                     type: "POST",
  271.                     url: "/game/frontend_bridge?town_id="+ thistownid + "&action=execute&h="+ Game.csrfToken,
  272.                     data:  
  273.                     	'json=%7B%22model_url%22%3A%22ResearchOrder%22%2C%22action_name%22%3A%22research%22%2C%22arguments%22%3A%7B%22id%22%3A%22'+thisresearchid+'%22%7D%2C%22town_id%22%3A'+thistownid+'%2C%22nl_init%22%3Atrue%7D'
  274.                 }).done(function (data) {
  275. 									console.log(data);
  276. 									$("#UP_"+thistownid+"_"+thisresearchid).parent().removeClass("XRresearchfalse").addClass("XRresearchtrue");
  277. 									$("#UP_"+thistownid+"_"+thisresearchid).remove();
  278. 								});
  279.                 console.log($(this).attr("id")+" Up");
  280.             });
  281.             $(".XRresearchDown").click(function() {
  282.                 console.log($(this).attr("id")+" Down");
  283.             });
  284.         },
  285.         SettingsWindow : function () {
  286.             if ($(".XR_settings").length===0)  {
  287.                 $("DIV.settings-menu ul:last").append('\
  288. <li class="with-icon">\
  289. <img class="support-menu-item-icon XR_settings" src="http://gpde.innogamescdn.com/images/game/academy/points_25x25.png" style="width:20px; height:15px; vertical-align:bottom;">\
  290. <a href="#" class="XR_settings">'+XR.Lang.get("academyoverview")+'</a>\
  291. </li>\
  292. ');
  293.                 $(".XR_settings").click(function() {
  294.                     console.log("XR_settings");
  295.                     if ($("#settings_form").length === 0) {
  296.                         $(".settings-container").html('\
  297. <div id="player_settings">\
  298. <form id="settings_form" method="post" action="javascript:void(0)">\
  299. <div id="s_academy_overview" class="section" style="display: block;">\
  300. <div class="game_header bold">'+XR.Lang.get("academyoverview")+'</div>\
  301. <div class="checkbox_new research_technology '+DATA.XR_research_technology+'">\
  302. <div class="cbx_icon XR_cbox"></div><div class="cbx_caption">'+XR.Lang.get("research_technology")+'</div>\
  303. </div>\
  304. <div class="checkbox_new reset_technology '+DATA.XR_reset_technology+'">\
  305. <div class="cbx_icon XR_cbox"></div><div class="cbx_caption">'+XR.Lang.get("reset_technology")+'</div>\
  306. </div>\
  307. <div style="margin-left:20px;" class="checkbox_new confirm_reset_technology '+DATA.XR_confirm_reset_technology+'">\
  308. <div class="cbx_icon XR_cbox"></div><div class="cbx_caption">'+XR.Lang.get("confirm_reset_technology")+'</div>\
  309. </div>\
  310. </div>\
  311. </form>\
  312. </div>\
  313. ');
  314.                     } else {
  315.                         $("#s_email_notifications").hide();
  316.                         $("#s_notifications").hide();
  317.                         $("#s_windows_mgr").hide();
  318.                         $("#s_buffering").hide();
  319.                         $("#s_map").hide();
  320.                         $("#s_timezone").hide();
  321.                         $("#s_city_preview").hide();
  322.                         $("#s_confirmations").hide();
  323.                         $("#s_sound_config").hide();
  324.                         $("#settings_form").append('\
  325. <div id="s_academy_overview" class="section" style="display: block;">\
  326. <div class="game_header bold">'+XR.Lang.get("academyoverview")+'</div>\
  327. <div class="checkbox_new research_technology '+DATA.XR_research_technology+'">\
  328. <div class="cbx_icon XR_cbox"></div><div class="cbx_caption">'+XR.Lang.get("research_technology")+'</div>\
  329. </div>\
  330. <div class="checkbox_new reset_technology '+DATA.XR_reset_technology+'">\
  331. <div class="cbx_icon XR_cbox"></div><div class="cbx_caption">'+XR.Lang.get("reset_technology")+'</div>\
  332. </div>\
  333. <div style="margin-left:20px;" class="checkbox_new confirm_reset_technology '+DATA.XR_confirm_reset_technology+'">\
  334. <div class="cbx_icon XR_cbox"></div><div class="cbx_caption">'+XR.Lang.get("confirm_reset_technology")+'</div>\
  335. </div>\
  336. </div>\
  337. ');
  338.                     }
  339.                     $(".research_technology").click(function() {
  340.                         if ($(this).hasClass("checked")) {
  341.                             $(this).removeClass("checked");
  342.                             DATA.XR_research_technology = "";
  343.                             XR_setValue("XR_research_technology", "");
  344.                         } else {
  345.                             $(this).addClass("checked");
  346.                             DATA.XR_research_technology = "checked";
  347.                             XR_setValue("XR_research_technology", "checked");
  348.                         }
  349.                     });
  350.                     $(".reset_technology").click(function() {
  351.                         if ($(this).hasClass("checked")) {
  352.                             $(this).removeClass("checked");
  353.                             DATA.XR_reset_technology = "";
  354.                             XR_setValue("XR_reset_technology", "");
  355.                         } else {
  356.                             $(this).addClass("checked");
  357.                             DATA.XR_reset_technology = "checked";
  358.                             XR_setValue("XR_reset_technology", "checked");
  359.                         }
  360.                     });
  361.                     $(".confirm_reset_technology").click(function() {
  362.                         if ($(this).hasClass("checked")) {
  363.                             $(this).removeClass("checked");
  364.                             DATA.XR_confirm_reset_technology = "";
  365.                             XR_setValue("XR_confirm_reset_technology", "");
  366.                         } else {
  367.                             $(this).addClass("checked");
  368.                             DATA.XR_confirm_reset_technology = "checked";
  369.                             XR_setValue("XR_confirm_reset_technology", "checked");
  370.                         }
  371.                     });
  372.                 });
  373.             }
  374.         },
  375.         mutationobserver : function () {
  376.             var observer = new MutationObserver(function (mutations) {
  377.             });
  378.             observer.observe($('body').get(0), {
  379.                 attributes : false,
  380.                 childList : true,
  381.                 characterData : false
  382.             });
  383.         },
  384.         windowmanager : function () {
  385.             //Academyoverview
  386.             function WndHandlerXRacademyoverview(wndhandle) {
  387.                 this.wnd = wndhandle;
  388.             }
  389.             Function.prototype.inherits.call(WndHandlerXRacademyoverview, WndHandlerDefault);
  390.             WndHandlerXRacademyoverview.prototype.getDefaultWindowOptions = function () {
  391.                 return {
  392.                     position : ["center","center"],
  393.                     width : 850,
  394.                     height : 500,
  395.                     minimizable : true,
  396.                     title : XR.Lang.get("academyoverview")
  397.                 };
  398.             };
  399.             GPWindowMgr.addWndType("XR_ACADEMYOVERVIEW","xracademyoverview", WndHandlerXRacademyoverview, 1);
  400.         }
  401.     };
  402.  
  403.     /************************************************************************
  404. 	 * Observer
  405. 	 ***********************************************************************/
  406.     $.Observer(GameEvents.game.load).subscribe('XR', function (e, data) {
  407.         XR.Functions.mutationobserver();
  408.         XR.Functions.windowmanager();
  409.         $(document).ajaxComplete(function (event, xhr, settings) {
  410.             var a = settings.url.split("?");
  411.             var b = a[0].substr(6);
  412.             var c = a[1].split("&")[1].substr(7);
  413.             console.log(b+" "+c);
  414.             if (b in XR.CallAjaxFunction && c in XR.CallAjaxFunction[b]) {
  415.                 XR.CallAjaxFunction[b][c](event, xhr, settings);
  416.             }
  417.         });
  418.     });
  419. }
  420.  
  421. /************************************************************************
  422.  * Start Method
  423.  ***********************************************************************/
  424. var DATA = {
  425.     script_version : GM_info.script.version,
  426.     XR_research_technology : (GM_getValue("XR_research_technology") !== undefined ? GM_getValue("XR_research_technology") : "checked"),
  427.     XR_reset_technology : (GM_getValue("XR_reset_technology") !== undefined ? GM_getValue("XR_reset_technology") : ""),
  428.     XR_confirm_reset_technology : (GM_getValue("XR_confirm_reset_technology") !== undefined ? GM_getValue("XR_confirm_reset_technology") : "checked")
  429. };
  430.  
  431. unsafeWindow.XR_setValue = function (name, val) {
  432.     setTimeout(function () {
  433.         GM_setValue(name, val);
  434.     }, 0);
  435. };
  436.  
  437. if (typeof exportFunction == 'function') {
  438.     exportFunction(unsafeWindow.XR_setValue, unsafeWindow, {
  439.         defineAs : "XR_setValue"
  440.     });
  441. }
  442.  
  443. function appendScript() {
  444.     if (unsafeWindow.Game) {
  445.         var XR_script = document.createElement('script');
  446.         XR_script.type = 'text/javascript';
  447.         XR_script.id ="XR_script";
  448.         XR_script.textContent = XR_main_script.toString() +"\n XR_main_script(" + JSON.stringify(DATA) +");";
  449.         document.body.appendChild(XR_script);
  450.     } else if (mID==="") {
  451.         setTimeout(function () {
  452.             appendScript();
  453.         }, 100);
  454.     }
  455. }
  456.  
  457. appendScript();