☰

STS Helper

In Steam Translation Server, add many features to make translate easier.

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

  1. // ==UserScript==
  2. // @name     		STS Helper
  3. // @namespace		iFantz7E.StsHelper
  4. // @version			1.81
  5. // @description		In Steam Translation Server, add many features to make translate easier.
  6. // @match      		*://translation.steampowered.com/*
  7. // @icon      		http://translation.steampowered.com/public/favicon.ico
  8. // @run-at			document-start
  9. // @grant 			GM_getValue
  10. // @grant 			GM_setValue
  11. // @grant       	GM_addStyle
  12. // @copyright		2014, 7-elephant
  13. // ==/UserScript==
  14.  
  15. // http://userscripts.org/scripts/show/325610
  16. // https://greasyfork.org/scripts/2250-sts-helper/
  17.  
  18. GM_addStyle(
  19. 	"  #logout { position: fixed; z-index: 1001; right: 12px; top: 10px; line-height: 24px; text-align: right; } "
  20. 	+ "input[type='button'], input[type='submit'] { cursor: pointer; } "
  21. 	+ "input[type='button']:disabled { cursor: default; color: #777; } "
  22. 	+ "#suggestionmain { overflow-x: hidden; } "
  23. 	+ "#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) "
  24. 	+ " { text-align: left; } "
  25. 	+ ".lbAction > div > input[value^='SUBMIT'] "
  26. 	+ " { width: 750px; height: 30px; border-color: #777 #333 #777 #777; } "
  27. 	+ ".lbAction > div > input[value^='RESUBMIT'] "
  28. 	+ " { width: 641px; height: 30px; border-color: #777 #333 #777 #777; } "
  29. 	+ ".lbAction > div > input[value='CANCEL'] "
  30. 	+ " { width: 100px; height: 30px; margin-right: 5px; } "
  31. 	+ "form.lbAction:nth-child(1) > div:nth-child(2) > input:nth-child(1) "
  32. 	+ " { width: 90%; margin-top: 5px; } "
  33. 	+ "div.suggestion form.lbAction textarea"
  34. 	+ " { width: 700px !important; min-height: 50px; } "
  35. 	+ ".progress td { vertical-align: top; } "
  36. 	+ "div#suggestions_nav { z-index: 3; position: absolute; width: 430px; left: 558px; top: 4px; text-align: right; line-height: 24px; } "
  37. 	+ "#suggestionmain .smallcopy { width: 855px; min-height: 70px; max-height: 70px; overflow: hidden; } "
  38. 	+ "#suggestionmain .progress { margin-top: -12px; } "
  39. 	+ "#leftAreaContainer > table > tbody:nth-child(1) > tr > td:nth-child(1) { vertical-align: top; } "
  40. 	+ "#leftAreaContainer > table, #leftAreaContainer > table th, #leftAreaContainer > table td "
  41. 	+ " { border: 1px solid #333; border-collapse: collapse; padding: 4px; } "
  42. 	+ "#suggestions_box { margin-top: 1px !important; } "
  43. 	+ "#suggestions_iframe { min-height: 100px !important; } "
  44. 	+ "#keylist td:nth-child(1) > div { background-image: none !important; min-height: 43px; } "
  45. 	+ "#keylist tr:nth-child(2n) > td:nth-child(1) > div { background-color: #060606 !important; } "
  46. 	+ "#keylist tr:nth-child(2n) > td:nth-child(1) > div:hover { background-color: #0D0D0D !important; } "
  47. 	+ "#keylist td:nth-child(1) > div:hover "
  48. 	+ " { background-repeat: no-repeat; background-position: center; background-color: #0D0D0D !important; "
  49. 	+ "   background-image: url('./public/images/row_over.gif') !important; "
  50. 	+ " } "
  51. 	+ ".progress h1 { display: inline-block; width: 484px; } "
  52. 	+ "div#suggestions_box iframe { background-color: #111 !important; } "
  53. 	+ ".suggestions_list { border-right: 0px none !important; } "
  54. 	+ ".suggestion { resize: both; overflow: hidden; border-right: 1px solid #505050; max-width: 953px; min-width: 200px; min-height: 50px; } "
  55. 	+ ".suggestion_signature { font-family: Verdana; } "
  56. 	+ ".suggestion_signature input[value~='APPROVE'], .suggestion_signature input[value~='Next'] { color: #A4B23C } "
  57. 	+ ".suggestion_signature input[value~='DECLINE'], .suggestion_signature input[value~='Next']:nth-child(5) { color: #F22 } "
  58. 	+ ".suggestion_signature input[disabled='disabled'] { color: #777 !important; } "
  59. 	+ ".lbAction input[value~='COMMENT'] { vertical-align: top; margin-top: 1px; height: 52px; } "
  60. 	+ ".lbAction input[value~='DISCUSS'] { vertical-align: top; margin-top: 1px; height: 36px; } "
  61. 	+ "#votes_container a[title='not translated'] { background-color: #333; } "
  62. 	+ "#suggestion_value_new { min-height: 84px; max-width: 960px; min-width: 200px; } "
  63. 	+ ".stsh_btn { width: 90px; } "
  64. 	+ ".stsh_btn_med { min-width: 112px; } "
  65. 	+ ".stsh_btn_long { min-width: 136px; } "
  66. 	+ ".stsh_btn_short { min-width: 66px; } "
  67. 	+ ".stsh_btn_right { position: relative; float: right; margin-left: 4px; } "
  68. 	+ ".stsh_suggestion_header { color: #A4B23C; } "
  69. 	+ ".stsh_suggestion_comment:before { background-color: #CF8B37 !important; } "
  70. 	+ ".stsh_suggestion_pending:before { background-color: #FFF !important; } "
  71. 	+ ".stsh_suggestion_approved:before { background-color: #A4B23C !important; } "
  72. 	+ ".stsh_suggestion_declined:before { background-color: red !important; } "
  73. 	+ ".stsh_suggestion_applied:before { background-color: #2EBCEB !important; } "
  74. 	+ ".stsh_suggestion_removed:before { background-color: #555 !important; } "
  75. 	+ ".stsh_suggestion { list-style: none; } "
  76. 	+ ".stsh_suggestion:before "
  77. 	+ " { content: ''; display: inline-block; position: relative; height: 6px; width: 6px; "
  78. 	+ "   border-radius: 3px; background-clip: padding-box; margin-right: -6px; top: -1px; left: -12px; background-color: green; }"
  79. 	+ "#stsh_frame { text-align: center; } "
  80. 	+ ".stsh_blue { color: #2ebceb; } "
  81. 	+ ".stsh_green { color: #a4b23c; } "
  82. 	+ ".stsh_red { color: #F00; } "
  83. 	+ ".stsh_white { color: #fff; } "
  84. 	+ ".stsh_grey { color: #777; } "
  85. 	+ ".stsh_orange { color: #CF8B37; } "
  86. 	+ ".stsh_pink { color: pink; } "
  87. 	+ "#stsh_showing { color: #CCDAD6; position: fixed; z-index: 1001; right: 12px; bottom: 12px; text-align: right; line-height: 14px;} "
  88. 	+ "#stsh_showing_current { color: #CCDAD6; position: fixed; z-index: 1001; right: 12px; bottom: 28px; text-align: right; line-height: 14px;} "
  89. 	+ ".stsh_showing_counter { display: inline-block; min-width: 60px; text-align: center; } "
  90. 	+ ".stsh_showing_header { color: #CCDAD6; display: inline-block; width: 135px; text-align: center; padding-top: 10px; } "
  91. 	+ ".stsh_showing_group { position: fixed; z-index: 3; right: 10px; top: 74px; line-height: 24px; text-align: right; } "
  92. 	+ ".stsh_home_header { color: #CCDAD6; display: inline-block; padding-top: 10px; } "
  93. 	+ ".stsh_home_group { position: fixed; z-index: 3; right: 0px; top: 74px; line-height: 24px; text-align: center; width: 164px; } "
  94. 	+ ".stsh_scroll_header { color: #CCDAD6; display: inline-block; width: 130px; text-align: center; padding-top: 10px; } "
  95. 	+ "#stsh_specialEvent { position: absolute; z-index: 2; right: 164px; top: 11px; } "
  96. 	+ ".stsh_snapshot { position: absolute; top: 320px; left: 790px; width: 140px; text-align: center; color: #FFF; } "
  97. 	+ ".stsh_submit_comment_header { vertical-align: top; } "
  98. 	+ ".stsh_submit_comment { vertical-align: top; display: inline-block } "
  99. 	+ "#stsh_autoApprove { vertical-align: -2px; margin-left: 15px; margin-right: 1px; } "
  100. 	+ ".stsh_unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } "
  101. 	+ ".stsh_a_button "
  102. 	+ " { background-color: #1D1D1D; font-family: tahoma,arial,helvetica,trebuchet ms,sans-serif; "
  103. 	+ "   color: #E1E1E1; font-size: 13px; border: 1px solid #777; padding: 1px 9px; } "
  104. 	+ ".stsh_a_button:link, .stsh_a_button:hover, .stsh_a_button:active, .stsh_a_button:visited { color: #E1E1E1; text-decoration: none; } "
  105. 	+ ".stsh_a_button.stsh_btn { display: inline-block; padding: 0px; height: 19px; line-height: 19px; width: 88px; } "
  106. 	+ ".stsh_a_button.stsh_btn_med { display: inline-block; padding: 0px; height: 19px; line-height: 19px; min-width: 110px; } "
  107. 	+ ".stsh_a_button.stsh_btn_long { display: inline-block; padding: 0px; height: 19px; line-height: 19px; min-width: 134px; } "
  108. 	+ ".stsh_lineCounter_outer { position: relative; } "
  109. 	+ ".stsh_lineCounter "
  110. 	+ " { position: absolute; width: 30px; left: -35px; top: -28px; line-height: 28px; text-align: right; "
  111. 	+ "   color: #ACACAC; font-size: 9px; } "
  112. 	+ ".stsh_glossary_term { min-width: 50px; display: inline-block; } "
  113. 	+ ".stsh_glossary_header, .stsh_glossary_header td { color: #DDD; } "
  114. 	+ ".stsh_glossary_header *, .stsh_glossary_header td * { color: #858585; } "
  115. 	+ ".stsh_time_convert { cursor: pointer; } "
  116. 	+ ".stsh_comment_img "
  117. 	+ " { display: block; cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; "
  118. 	+ "   max-width: 400px; margin-top: 5px; margin-bottom: 20px; } " 
  119. 	+ ".stsh_hours_curDate { color: #A4B23C; } "
  120. 	+ ".stsh_hours_curDate input { border-color: #A4B23C; } "
  121. 	+ ".stsh_submit_suggestion_right { height: 30px; width: 214px; margin-right: 5px; border-color: #777 #777 #777 #333; } "
  122. 	+ ".stsh_truncate "
  123. 	+ " { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; "
  124. 	+ "   display: inline-block; vertical-align: bottom; } "
  125. 	+ ".stsh_token_name { max-width: 500px; } "
  126. 	+ ".stsh_token_share { max-width: 600px; font-size: 0.8em; } "
  127. );
  128.  
  129. function attachOnLoad(callback)
  130. {
  131. 	window.addEventListener("load", function (e) 
  132. 	{
  133. 		callback();
  134. 	});
  135. }
  136.  
  137. function attachOnReady(callback) 
  138. {
  139. 	document.addEventListener("DOMContentLoaded", function (e) 
  140. 	{
  141. 		callback();
  142. 	});
  143. }
  144.  
  145. function insertBeforeElement(newNode, referenceNode) 
  146. {
  147.     referenceNode.parentNode.insertBefore(newNode, referenceNode);
  148. }
  149.  
  150. function insertAfterElement(newNode, referenceNode) 
  151. {
  152.     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  153. }
  154.  
  155. function addKeyCtrl(ele, input, keyCode, keyName)
  156. {
  157. 	if (ele != null && input != null)
  158. 	{			
  159. 		if (keyName != null && keyName != "")
  160. 		{
  161. 			input.value += " (Ctrl+" + keyName + ")";
  162. 		}
  163. 		
  164. 		ele.addEventListener("keydown", function (e) 
  165. 		{			
  166. 			if (e.ctrlKey && !e.shiftKey && !e.altKey)
  167. 			{
  168. 				var isSameKey = false;
  169. 				if (Number.isInteger(keyCode))
  170. 				{
  171. 					isSameKey = (e.keyCode == keyCode);
  172. 				}
  173. 				else
  174. 				{
  175. 					isSameKey = (e.code != undefined && e.code == keyCode)
  176. 				}
  177. 				
  178. 				if (isSameKey)
  179. 				{
  180. 					input.focus();
  181. 					input.click();
  182. 					return false;
  183. 				}
  184. 			}
  185. 		}, true);
  186. 	}
  187. }
  188.  
  189. function addKeyCtrlShift(ele, input, keyCode, keyName)
  190. {
  191. 	if (ele != null && input != null)
  192. 	{			
  193. 		if (keyName != null && keyName != "")
  194. 		{
  195. 			input.value += " (Ctrl+Shift+" + keyName + ")";
  196. 		}
  197. 		
  198. 		ele.addEventListener("keydown", function (e) 
  199. 		{			
  200. 			if (e.ctrlKey && e.shiftKey && !e.altKey)
  201. 			{
  202. 				var isSameKey = false;
  203. 				if (Number.isInteger(keyCode))
  204. 				{
  205. 					isSameKey = (e.keyCode == keyCode);
  206. 				}
  207. 				else
  208. 				{
  209. 					isSameKey = (e.code != undefined && e.code == keyCode)
  210. 				}
  211. 				
  212. 				if (isSameKey)
  213. 				{
  214. 					input.focus();
  215. 					input.click();
  216. 					return false;
  217. 				}
  218. 			}
  219. 		}, true);
  220. 	}
  221. }
  222.  
  223. function addKeyAlt(ele, input, keyCode, keyName)
  224. {
  225. 	if (ele != null && input != null)
  226. 	{
  227. 		if (keyName != null && keyName != "")
  228. 		{
  229. 			input.value += " (Alt+" + keyName + ")";
  230. 		}
  231. 		
  232. 		ele.addEventListener("keydown", function (e) 
  233. 		{
  234. 			if (!e.ctrlKey && !e.shiftKey && e.altKey) 
  235. 			{
  236. 				var isSameKey = false;
  237. 				if (Number.isInteger(keyCode))
  238. 				{
  239. 					isSameKey = (e.keyCode == keyCode);
  240. 				}
  241. 				else
  242. 				{
  243. 					isSameKey = (e.code != undefined && e.code == keyCode)
  244. 				}
  245. 				
  246. 				if (isSameKey)
  247. 				{
  248. 					input.focus();
  249. 					input.click();
  250. 					return false;
  251. 				}
  252. 			}
  253. 		}, true);
  254. 	}
  255. }
  256.  
  257. function addKeyCtrlEnter(form, input)
  258. {
  259. 	addKeyCtrl(form, input, 13, "Enter")
  260. }
  261.  
  262. function addKeyCtrlShiftEnter(form, input)
  263. {
  264. 	addKeyCtrlShift(form, input, 13, "Enter")
  265. }
  266.  
  267. function disableAfterClick(ele)
  268. {
  269. 	ele.addEventListener("click", function (e) 
  270. 	{
  271. 		var ele = e.target;
  272. 		var tagName = ele.tagName.toLowerCase();
  273. 		if (tagName == "input")
  274. 		{
  275. 			// don't change color after disable
  276. 			ele.style.setProperty("color"
  277. 				, window.getComputedStyle(ele).color, "important");
  278. 			ele.disabled = true;
  279. 		}
  280. 		else if (tagName == "img")
  281. 		{
  282. 			ele.removeAttribute("onclick");
  283. 		}
  284. 	}, true);
  285. }
  286.  
  287. function removeAllEventListeners(element)
  288. {
  289. 	if (element != null)
  290. 	{
  291. 		var clone = element.cloneNode(false);
  292. 		while (element.firstChild) 
  293. 		{
  294. 			clone.appendChild(element.lastChild);
  295. 		}
  296. 		element.parentNode.replaceChild(clone, element);
  297. 	}
  298. }
  299.  
  300. function resizeSuggestionBox()
  301. {
  302. 	var script = document.createElement('script');
  303. 	script.innerHTML = " \
  304. var stsh_showSuggestionsBox_start = new Date(); \
  305. var stsh_showSuggestionsBox_itv = setIntervalCustom(function() \
  306. { \
  307. 	var stsh_showSuggestionsBox_isEnd = false; \
  308. 	var stsh_showSuggestionsBox_cur = new Date(); \
  309. 	if (typeof showSuggestionsBox != 'undefined') \
  310. 	{ \
  311. 		showSuggestionsBox = function(url) \
  312. 		{ \
  313. 			g_suggestionsBoxIsOpen = true; \
  314. 			$('suggestions_box_outer').appear( \
  315. 			{ \
  316. 				duration : 0.1 \
  317. 			} \
  318. 			); \
  319. 			$('suggestions_iframe').setAttribute('src', url); \
  320. 			if (!Prototype.Browser.IE) \
  321. 			{ \
  322. 				$('suggestions_iframe').focus(); \
  323. 			} \
  324. 			$('suggestions_iframe').style.height = (document.viewport.getHeight() * 0.99) + 'px'; \
  325. 			return false; \
  326. 		}; \
  327. 		stsh_showSuggestionsBox_isEnd = true; \
  328. 	} \
  329. 	if (stsh_showSuggestionsBox_isEnd || stsh_showSuggestionsBox_cur - stsh_showSuggestionsBox_start > 10000) \
  330. 	{ \
  331. 		clearInterval(stsh_showSuggestionsBox_itv); \
  332. 	} \
  333. }, 300); \
  334. ";
  335. 	
  336. 	document.head.appendChild(script);
  337.  
  338. 	window.addEventListener("resize", function()
  339. 	{
  340. 		var iframe = document.querySelector("#suggestions_iframe");
  341. 		iframe.style.height = (window.innerHeight * 0.99) + "px";
  342. 	});
  343. }
  344.  
  345. function getQueryByName(name, url) 
  346. {
  347. 	if (url == null)
  348. 		url = location.search;
  349.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  350.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
  351.     var results = regex.exec(url);
  352. 	var retVal = "";
  353. 	if (results != null)
  354. 	{
  355. 		retVal = results[1].replace(/\+/g, " ");
  356. 		try
  357. 		{
  358. 			retVal = decodeURIComponent(retVal);
  359. 		}
  360. 		catch (ex)
  361. 		{
  362. 		}
  363. 	}
  364.     return retVal;
  365. }
  366.  
  367. function padZero(num, size)
  368. {
  369. 	return (1e15 + num + "").slice(-size);
  370. }
  371.  
  372. function padZeroHex(num, size)
  373. {
  374. 	return ("00000000000000000000000" + num.toString(16)).slice(-size).toUpperCase();
  375. }
  376.  
  377. function isSpecialChar(ch)
  378. {	
  379. 	var chCode = -1;
  380. 	
  381. 	if (typeof ch === 'number')
  382. 	{
  383. 		chCode = ch;
  384. 	}
  385. 	else
  386. 	{
  387. 		chCode = ch.charCodeAt(0);
  388. 	}
  389. 	
  390. 	
  391. 	if ((chCode > -1 && chCode < 9) 		// 0-8
  392. 		|| (chCode > 10 && chCode < 13) 	// 11-12
  393. 		|| (chCode > 13 && chCode < 32))	// 14-31
  394. 	{
  395. 		return true;
  396. 	}
  397. 	
  398. 	return false;
  399. }
  400.  
  401. function hasSpecialChar(str)
  402. {	
  403. 	var rgxSpCh = /[\u0000\u0001\u0002\u0003\u0004\u0005\u0006\u0007\u0008\u000B\u000C\u000E\u000F\u0010\u0011\u0012\u0013\u0014\u0015\u0016\u0017\u0018\u0019\u001A\u001B\u001C\u001D\u001E\u001F]+/;
  404. 	
  405. 	return rgxSpCh.test(str);
  406. }
  407.  
  408. function checkSpecialCharMatched(str1, str2)
  409. {
  410. 	// return (status, numSp1, numSp2)
  411. 	// status: 0:Match, 1:NotMatch, 2:NotEqual
  412. 	
  413. 	var strOut1 = "";
  414. 	var strOut2 = "";
  415. 	
  416. 	if (str1 != null && str2 != null)
  417. 	{
  418. 		for (var i = 0; i < str1.length; i++)
  419. 		{	
  420. 			if (isSpecialChar(str1[i]))
  421. 			{
  422. 				strOut1 += str1[i];
  423. 			}
  424. 		}
  425. 		for (var i = 0; i < str2.length; i++)
  426. 		{	
  427. 			if (isSpecialChar(str2[i]))
  428. 			{
  429. 				strOut2 += str2[i];
  430. 			}
  431. 		}
  432. 	}
  433. 	
  434. 	var retVal = 0;
  435. 	
  436. 	if (strOut1 == strOut2)
  437. 		retVal = 0;
  438. 	else if (strOut1.length == strOut2.length)
  439. 		retVal = 1;
  440. 	else 
  441. 		retVal = 2;
  442. 	
  443. 	return new Array(retVal, strOut1.length, strOut2.length);
  444. }
  445.  
  446. function trimSpace(str)
  447. {
  448. 	return str.replace(/^[ \r\n\t]+/, "").replace(/[ \r\n\t]+$/, "");
  449. }
  450.  
  451. if (!String.prototype.endsWith) 
  452. {
  453. 	String.prototype.endsWith = function(searchString, position) 
  454. 	{
  455. 		var subjectString = this.toString();
  456. 		if (typeof position !== 'number' || !isFinite(position) 
  457. 			|| Math.floor(position) !== position || position > subjectString.length) 
  458. 		{
  459. 			position = subjectString.length;
  460. 		}
  461. 		position -= searchString.length;
  462. 		var lastIndex = subjectString.indexOf(searchString, position);
  463. 		return lastIndex !== -1 && lastIndex === position;
  464. 	};
  465. }
  466.  
  467. function reload()
  468. {
  469. 	var curHref = window.location.href;
  470. 	var posHashtag = curHref.indexOf("#");
  471. 	if (posHashtag > -1)
  472. 	{
  473. 		window.location = curHref.substr(0, posHashtag);
  474. 	}
  475. 	else
  476. 	{
  477. 		window.location = curHref;
  478. 	}
  479. }
  480.  
  481. function getCookie(c_name) {
  482.     var c_value = document.cookie;
  483.     var c_start = c_value.indexOf(" " + c_name + "=");
  484.     if (c_start == -1) {
  485.         c_start = c_value.indexOf(c_name + "=");
  486.     }
  487.     if (c_start == -1) {
  488.         c_value = null;
  489.     }
  490.     else {
  491.         c_start = c_value.indexOf("=", c_start) + 1;
  492.         var c_end = c_value.indexOf(";", c_start);
  493.         if (c_end == -1) {
  494.             c_end = c_value.length;
  495.         }
  496.         c_value = unescape(c_value.substring(c_start, c_end));
  497.     }
  498.     return c_value;
  499. }
  500.  
  501. var isVisible = (function()
  502. {
  503. 	var stateKey;
  504. 	var eventKey;
  505. 	var keys = 
  506. 	{
  507. 		hidden: "visibilitychange",
  508. 		webkitHidden: "webkitvisibilitychange",
  509. 		mozHidden: "mozvisibilitychange",
  510. 		msHidden: "msvisibilitychange"
  511. 	};
  512. 	for (stateKey in keys) 
  513. 	{
  514. 		if (stateKey in document) 
  515. 		{
  516. 			eventKey = keys[stateKey];
  517. 			break;
  518. 		}
  519. 	}
  520. 	return function(c) 
  521. 	{
  522. 		if (c) 
  523. 		{
  524. 			document.addEventListener(eventKey, c);
  525. 		}
  526. 		return !document[stateKey];
  527. 	}
  528. })();
  529.  
  530. function isDstUsa(year, month, day, hour)
  531. {
  532. 	// 2016, 3, 1, 15 == 1 Mar 2016 15:00
  533. 	
  534. 	var isDst = false;
  535. 	try
  536. 	{
  537. 		var y = parseInt(year);
  538. 		var m = parseInt(month);
  539. 		var d = parseInt(day);
  540. 		var h = parseInt(hour);
  541. 		
  542. 		function checkDstUsa(dayMar, dayNov, m, d, h)
  543. 		{
  544. 			var isDst = false;
  545. 			if ((m == 3 && d >= dayMar) || (m > 3 && m < 11) || (m == 11 && d <= dayNov))
  546. 				isDst = true;
  547. 			if ((m == 3 && d == dayMar && h < 2) || (m == 11 && d == dayNov && h >= 2))
  548. 				isDst = false;
  549. 			return isDst;
  550. 		}
  551. 		
  552. 		if (y == 2007 || y == 2012 || y == 2018 || y == 2029)
  553. 		{
  554. 			isDst = checkDstUsa(11, 4, m, d, h);
  555. 		}
  556. 		else if (y == 2013 || y == 2019 || y == 2024)
  557. 		{
  558. 			isDst = checkDstUsa(10, 3, m, d, h);
  559. 		}
  560. 		else if (y == 2008 || y == 2014 || y == 2025)
  561. 		{
  562. 			isDst = checkDstUsa(9, 2, m, d, h);
  563. 		}
  564. 		else if (y == 2009 || y == 2015 || y == 2020 || y == 2026)
  565. 		{
  566. 			isDst = checkDstUsa(8, 1, m, d, h);
  567. 		}
  568. 		else if (y == 2010 || y == 2021 || y == 2027)
  569. 		{
  570. 			isDst = checkDstUsa(14, 7, m, d, h);
  571. 		}
  572. 		else if (y == 2011 || y == 2016 || y == 2022)
  573. 		{
  574. 			isDst = checkDstUsa(13, 6, m, d, h);
  575. 		}
  576. 		else if (y == 2017 || y == 2023 || y == 2028)
  577. 		{
  578. 			isDst = checkDstUsa(12, 5, m, d, h);
  579. 		}
  580. 		
  581. 	}
  582. 	catch (ex)
  583. 	{
  584. 	}
  585. 	return isDst;
  586. }
  587.  
  588. function getUnixTimestamp()
  589. {
  590. 	return parseInt((new Date()) / 1000);
  591. }
  592.  
  593. var timeoutList = new Array();
  594. var intervalList = new Array();
  595.  
  596. function setTimeoutCustom(func, tm, params)
  597. {
  598. 	var id = setTimeout(func, tm, params);
  599. 	timeoutList.push(id);
  600. 	return id;
  601. }
  602.  
  603. function clearTimeoutAll()
  604. {
  605. 	for (var i = 0; i < timeoutList.length; i++)
  606. 	{
  607. 		clearTimeout(timeoutList[i]);
  608. 	}
  609. }
  610.  
  611. function setIntervalCustom(func, tm, params)
  612. {
  613. 	var id = setInterval(func, tm, params);
  614. 	intervalList.push(id);
  615. 	return id;
  616. }
  617.  
  618. function clearIntervalAll()
  619. {
  620. 	for (var i = 0; i < intervalList.length; i++)
  621. 	{
  622. 		clearInterval(intervalList[i]);
  623. 	}
  624. }
  625.  
  626. function main() 
  627. {
  628. 	var url = document.documentURI;
  629. 	var lang = getCookie("Language");
  630. 	
  631. 	// Auto refresh when error
  632. 	{
  633. 		var h1 = document.querySelector("#leftAreaContainer > h1, body > h1");
  634. 		if (h1 != null)
  635. 		{
  636. 			var text = h1.textContent.trim();
  637. 			if (text == "Steam Translation Server - Maintenance Warning"
  638. 				|| text == "Forbidden")
  639. 			{
  640. 				console.log("stsh: refresh");
  641. 				setTimeoutCustom(reload, 60000);
  642. 				return;
  643. 			}
  644. 		}
  645. 	}
  646.  
  647. 	// Clean links
  648. 	{
  649. 		var pattT1 = /\?t=[0-9]{6,}\&/g;
  650. 		var pattT2 = /\&t=[0-9]{6,}/g;
  651. 		var pattT3 = /\?t=[0-9]{6,}/g;
  652. 	
  653. 		var as = document.querySelectorAll("a");
  654. 		for (var i = 0; i < as.length; i++)
  655. 		{
  656. 			var href = as[i].href;
  657. 			if (pattT1.test(href))
  658. 			{
  659. 				as[i].href = href.replace(pattT1,"?");
  660. 			}
  661. 			else if (pattT2.test(href))
  662. 			{
  663. 				as[i].href = href.replace(pattT2,"");
  664. 			}
  665. 			else if (pattT3.test(href))
  666. 			{
  667. 				as[i].href = href.replace(pattT3,"");
  668. 			}
  669. 		}
  670. 	}
  671.  
  672. 	var eleLogout = document.querySelector("#logout");
  673. 	if (eleLogout != null)
  674. 	{
  675. 		var logoutHtml = ' <a class="stsh_a_button" target="_blank" ' 
  676. 			+ ' href="/user_activity.php">My Profile</a> '
  677. 			+ ' <input name="login_button" value="Logout?" type="submit" onclick="return confirm(\'Logout?\');" /> ';
  678. 		
  679. 		eleLogout.innerHTML = logoutHtml;
  680. 	}
  681.  
  682. 	// Special event button
  683. 	{
  684. 		var eleLogoff = document.querySelector("#logoff");
  685. 		if (eleLogoff != null)
  686. 		{
  687. 			var d = new Date();
  688. 			if ((d.getUTCMonth() > 8) || (d.getUTCMonth() == 8 && d.getUTCDate() >= 25) || (d.getUTCMonth() == 0 && d.getUTCDate() <= 1))
  689. 			{
  690. 				var divSpecial = document.createElement("div");
  691. 				divSpecial.id = "stsh_specialEvent";
  692. 				divSpecial.innerHTML = ' <a class="stsh_a_button" target="_blank" ' 
  693. 					+ ' href="/rally.php">Year-End Rally</a> ';
  694. 				eleLogoff.appendChild(divSpecial);
  695. 			}
  696. 		}
  697. 	}	
  698.  
  699. 	if (url.indexOf("Us_And_Them.php") > -1)
  700. 	{
  701. 		var container = "\"";
  702. 		var tdEng = document.querySelector("#leftAreaContainer > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)");
  703. 		if (tdEng != null)
  704. 		{
  705. 			tdEng.innerHTML = container + tdEng.innerHTML + container;
  706. 		}
  707. 	
  708. 		var h1 = document.querySelector("#leftAreaContainer > h1:nth-child(2)");
  709. 		if (h1 != null)
  710. 		{
  711. 			var header = h1.textContent.trim();
  712. 			var key = header.split(" ")[0];
  713. 			h1.innerHTML = header.replace(key, "<a href='http://translation.steampowered.com/translate.php?keyonly=1&search_input=" 
  714. 				+ encodeURIComponent(key) + "' >" + key + "</a>");
  715. 			document.title = key + " - " + document.title;
  716. 		}
  717. 	
  718. 	} // End Us_And_Them.php
  719.  
  720. 	if (url.indexOf("suggestions.php") > -1)
  721. 	{
  722. 		var ele = document.querySelector("#suggestion_value_new");
  723. 		if (ele != null)
  724. 		{
  725. 			ele.style.width = "960px";
  726. 			ele.style.height = "64px";
  727. 			ele.style.marginLeft = "3px";
  728. 		}
  729. 	
  730. 		var inputClose = document.querySelector("#suggestions_nav > input[value^='Close']");
  731. 		if (inputClose != null)
  732. 		{
  733. 			inputClose.value = "Close (Esc)"; 
  734. 		}
  735. 	
  736. 		// Move region
  737. 		{
  738. 			var td = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  739. 			if (td != null && td.textContent.trim() == "")
  740. 			{
  741. 				function moveSuggestionBox()
  742. 				{
  743. 					var td = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  744. 					if (td != null && td.textContent.trim() == "")
  745. 					{
  746. 						td.innerHTML = "";
  747. 						var eleTarget = document.querySelector("#suggestionmain > div:nth-child(4) > .lbAction");
  748. 						if (eleTarget != null)
  749. 						{
  750. 							td.appendChild(eleTarget);
  751. 							td.style.padding = "0px";
  752. 							
  753. 							var textarea = document.querySelector("#suggestion_value_new");
  754. 							if (textarea != null)
  755. 							{
  756. 								textarea.style.width = "98%";
  757. 								textarea.style.marginLeft = "0px";
  758. 								textarea.style.height = (textarea.scrollHeight + 20) + "px";
  759. 								textarea.focus();
  760. 							}
  761. 						}
  762. 					}
  763. 				}
  764. 				
  765. 				function moveSuggestionList()
  766. 				{
  767. 					var td = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  768. 					if (td != null && td.textContent.trim() == "")
  769. 					{
  770. 						td.innerHTML = "";
  771. 						var eleTarget = document.querySelector(".suggestion");
  772. 						if (eleTarget != null)
  773. 						{
  774. 							td.appendChild(eleTarget);
  775. 							td.style.padding = "0px";
  776. 							
  777. 							eleTarget.style.marginTop = "-2px";
  778. 							eleTarget.style.paddingTop = "0px";
  779. 							eleTarget.style.borderBottomWidth = "0px";
  780. 							eleTarget.style.borderRightWidth = "0px";
  781. 							eleTarget.style.resize = "none";
  782. 														
  783. 							var eleAutoApprove = document.querySelector("#stsh_autoApprove");
  784. 							if (eleAutoApprove != null)
  785. 							{
  786. 								eleAutoApprove.style.display = "none";
  787. 							}
  788. 							
  789. 							var eleAutoApproveLabel = document.querySelector(".stsh_autoApprove_label");
  790. 							if (eleAutoApproveLabel != null)
  791. 							{
  792. 								eleAutoApproveLabel.style.display = "none";
  793. 							}
  794. 						}
  795. 					}
  796. 				}
  797. 				
  798. 				var eleMoveBox = document.createElement("input");
  799. 				eleMoveBox.id = "stsh_moveSuggestionBox";
  800. 				eleMoveBox.setAttribute("value", "Move Box Here");
  801. 				eleMoveBox.setAttribute("type", "button");
  802. 				eleMoveBox.style.marginRight = "5px";
  803. 			
  804. 				eleMoveBox.addEventListener("click", function(e)
  805. 				{
  806. 					moveSuggestionBox();
  807. 				});
  808. 				
  809. 				td.appendChild(eleMoveBox);
  810. 				
  811. 				var eleMoveList = document.createElement("input");
  812. 				eleMoveList.id = "stsh_moveSuggestionList";
  813. 				eleMoveList.setAttribute("value", "Move Suggestion Here");
  814. 				eleMoveList.setAttribute("type", "button");
  815. 				eleMoveList.style.marginRight = "5px";
  816. 			
  817. 				eleMoveList.addEventListener("click", function(e)
  818. 				{
  819. 					moveSuggestionList();
  820. 				});
  821. 				
  822. 				td.appendChild(eleMoveList);
  823. 			}
  824. 		}
  825. 	
  826. 		var textarea = document.querySelector("#suggestion_value_new");
  827. 		if (textarea != null)
  828. 		{
  829. 			textarea.focus();
  830. 			textarea.style.height = (textarea.scrollHeight + 20) + "px";
  831. 			
  832. 			if (textarea.scrollHeight > 200 && document.querySelector(".suggestion") != null)
  833. 			{
  834. 				textarea.scrollIntoView();
  835. 			}
  836. 		}
  837. 	
  838. 		var br = document.querySelector("form.lbAction:nth-child(2) > div:nth-child(2) > br:nth-child(1)");
  839. 		if (br != null)
  840. 		{
  841. 			br.parentElement.removeChild(br);
  842. 		}
  843. 		
  844. 		var key = "";
  845. 	
  846. 		var divNav = document.querySelector("div#suggestions_nav");
  847. 		if (divNav != null)
  848. 		{
  849. 			var insert = "";
  850. 			var spliter = "_";
  851. 			var regApp = /[0-9]{2,}/;
  852. 		
  853. 			var aKey = document.querySelector(".smallcopy > font:nth-child(2) > a:nth-child(1)");
  854. 			if (aKey != null)
  855. 			{
  856. 				insert += ' <br/> &nbsp; ';
  857. 				key = encodeURIComponent(aKey.textContent.trim());
  858. 			
  859. 				if (key == "token-key")
  860. 				{
  861. 					aKey = document.querySelector(".smallcopy > a:nth-child(3)");
  862. 					if (aKey != null)
  863. 					{
  864. 						key = encodeURIComponent(aKey.textContent.trim());
  865. 					}
  866. 				}
  867. 			
  868. 				if (key != "")
  869. 				{
  870. 					document.title = key + " - " + document.title;
  871. 					
  872. 					if (key.split(spliter).length > 1)
  873. 					{
  874. 						if (key.indexOf("%23") == 0)
  875. 						{						
  876. 							var firstSpliter = key.indexOf(spliter);
  877. 							var keySharp = key.substring(0, firstSpliter);
  878. 							insert += ' <a class="stsh_a_button" target="_blank" '
  879. 								+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input=' 
  880. 								+ keySharp + '">Search by Hashtag</a> ';
  881. 						}
  882. 					
  883. 						var lastSpliter = key.lastIndexOf(spliter);
  884. 						var keyGroup = key.substring(0, lastSpliter);
  885. 						insert += ' <a class="stsh_a_button" target="_blank" '
  886. 							+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input=' 
  887. 							+ keyGroup + '">Search by Group</a> ';
  888. 					}
  889. 					insert += ' <a class="stsh_a_button" target="_blank" '
  890. 						+ ' href="/translate.php?keyonly=1&search_input=' 
  891. 						+ key + '">Search by Key</a> ';
  892. 				}
  893. 			}
  894. 		
  895. 			var tdText = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  896. 			if (tdText != null)
  897. 			{
  898. 				var text = encodeURIComponent(tdText.textContent.trim()).replace(/(%20|%09)/g,"+")
  899. 					.replace(/'/g,"\\'").replace("%0A","+").replace(/\++/g,"+").substr(0, 80);
  900. 					
  901. 				if (text.length >= 80)
  902. 				{
  903. 					text = text.substr(0,text.lastIndexOf("+"));
  904. 				}
  905. 				
  906. 				var eleSubmit = document.querySelector(".lbAction input[type='submit'][accesskey='s']");
  907. 				if (eleSubmit != null)
  908. 				{
  909. 					var elePrev = eleSubmit.previousElementSibling;
  910. 					if (elePrev == null || elePrev.tagName != "BR")
  911. 					{
  912. 						var eleNew = document.createElement("br");
  913. 						insertBeforeElement(eleNew, eleSubmit);
  914. 					}
  915. 				}
  916. 				
  917. 				if (text != "")
  918. 				{
  919. 					insert += ' <br/> &nbsp; <a class="stsh_a_button" target="_blank" '
  920. 						+ ' href="/translate.php?keyonly=2&paginationrows=1000&search_input=' 
  921. 						+ text + '">Search by String</a> ';
  922. 					
  923. 					var eleSubmitNext = document.querySelector(".lbAction input[type='submit'][accesskey='a']");
  924. 					if (eleSubmitNext != null)
  925. 					{
  926. 						eleSubmitNext.value = "Next";
  927. 						eleSubmitNext.classList.add("stsh_submit_suggestion_right");
  928. 						
  929. 						var eleForm = eleSubmitNext.parentElement.parentElement;
  930. 						if (eleForm.tagName == "FORM")
  931. 						{
  932. 							addKeyCtrlShiftEnter(eleForm, eleSubmitNext);
  933. 						}
  934. 					}
  935. 					else
  936. 					{
  937. 						if (eleSubmit != null)
  938. 						{
  939. 							var eleNew = document.createElement("input");
  940. 							eleNew.id = "stsh_submit_suggestion_next";
  941. 							eleNew.classList.add("stsh_submit_suggestion_right");
  942. 							eleNew.setAttribute("type", "submit");
  943. 							eleNew.setAttribute("value", "Next");
  944. 							eleNew.setAttribute("name", "submitandnext");
  945. 							insertAfterElement(eleNew, eleSubmit);
  946. 							
  947. 							eleNew.addEventListener("click", function(ev)
  948. 							{
  949. 								var textOrg = "";
  950. 								var textTrn = "";
  951. 								var textCur = "";
  952. 								
  953. 								var eleTextOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  954. 								if (eleTextOrg != null)
  955. 								{
  956. 									textOrg = trimSpace(eleTextOrg.textContent);
  957. 								}
  958. 								var eleTextTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  959. 								if (eleTextTrn != null)
  960. 								{
  961. 									textTrn = trimSpace(eleTextTrn.textContent);
  962. 								}
  963. 								var eleTextCur = document.querySelector("#suggestion_value_new");
  964. 								if (eleTextCur != null)
  965. 								{
  966. 									textCur = trimSpace(eleTextCur.value);
  967. 								}
  968. 								
  969. 								if (textCur == "" || textOrg == textCur || textTrn == textCur)
  970. 								{
  971. 									ev.preventDefault();
  972. 									var eleSubmit = document.querySelector(".lbAction input[type='submit'][accesskey='s']");
  973. 									if (eleSubmit != null)
  974. 									{
  975. 										eleSubmit.click();
  976. 									}
  977. 								}
  978. 							});
  979. 							
  980. 							var eleForm = eleSubmit.parentElement.parentElement;
  981. 							if (eleForm.tagName == "FORM")
  982. 							{
  983. 								addKeyCtrlShiftEnter(eleForm, eleNew);
  984. 							}
  985. 						}
  986. 					}
  987. 				}
  988. 				else
  989. 				{
  990. 					if (textarea != null)
  991. 					{
  992. 						if (eleSubmit != null)
  993. 						{
  994. 							var eleNew = document.createElement("input");
  995. 							eleNew.id = "stsh_submit_suggestion_space";
  996. 							eleNew.classList.add("stsh_submit_suggestion_right");
  997. 							eleNew.setAttribute("type", "button");
  998. 							eleNew.setAttribute("value", "Submit Space (Alt+0160)");
  999. 							insertAfterElement(eleNew, eleSubmit);
  1000. 							
  1001. 							eleNew.addEventListener("click", function(ev)
  1002. 							{
  1003. 								var textarea = document.querySelector("#suggestion_value_new");
  1004. 								if (textarea != null)
  1005. 								{
  1006. 									textarea.value = String.fromCharCode(160);
  1007. 									textarea.focus();
  1008. 									
  1009. 									ev.preventDefault();
  1010. 									var eleSubmit = document.querySelector(".lbAction input[type='submit'][accesskey='s']");
  1011. 									if (eleSubmit != null)
  1012. 									{
  1013. 										eleSubmit.click();
  1014. 									}
  1015. 								}
  1016. 							});
  1017. 						}
  1018. 					}
  1019. 				}				
  1020. 			}
  1021. 		
  1022. 			var app = regApp.exec(key.replace("%23",""));
  1023. 			if (key.indexOf("faq") < 0 && app != null)
  1024. 			{
  1025. 				insert += ' <br/> &nbsp; ';
  1026. 			
  1027. 				if (key.indexOf("SharedFiles_App_") == 0)
  1028. 				{
  1029. 					insert += ' <a class="stsh_a_button" target="_blank" '
  1030. 						+ ' href="http://steamcommunity.com/workshop/browse?appid=' 
  1031. 						+ app + '">View Workshop</a> ';
  1032. 				}
  1033. 			
  1034. 				insert += ' <a class="stsh_a_button" target="_blank" '
  1035. 					+ ' href="http://steamcommunity.com/app/' 
  1036. 					+ app + '">View Community</a> '
  1037. 			
  1038. 				insert += ' <a class="stsh_a_button" target="_blank" '
  1039. 					+ ' href="http://store.steampowered.com/app/' 
  1040. 					+ app + '">View App</a> ';
  1041. 			}
  1042. 		
  1043. 			var src = document.documentURI;
  1044. 			var insertBefore = ' <input id="stsh_refresh" value="Refresh" '
  1045. 				+ ' onclick="return false;" type="button"> '
  1046. 				+ ' <a class="stsh_a_button" target="_blank" ' 
  1047. 				+ ' href="'	+ src + '">Frame</a> ';
  1048. 		
  1049. 			var innerNew = divNav.innerHTML
  1050. 				.replace('<input value="Previous','&nbsp;&nbsp;<input value="Prev')
  1051. 				.replace('<input value="Close','&nbsp;&nbsp;<input value="Close');
  1052. 		
  1053. 			divNav.innerHTML = insertBefore + innerNew + insert;
  1054. 			
  1055. 			var eleRefresh = document.querySelector("#stsh_refresh");
  1056. 			if (ele != null)
  1057. 			{
  1058. 				eleRefresh.addEventListener("click", function()
  1059. 				{
  1060. 					reload();
  1061. 				});
  1062. 			}
  1063. 		}
  1064. 	
  1065. 		// Regroup glossary and auto replace matched string
  1066. 		{			
  1067. 			setTimeoutCustom(function()
  1068. 			{
  1069. 				var br = "<br>";
  1070. 				var brSpace = " <br> ";
  1071. 				var tag = "<a";
  1072. 				var colon = ">: ";
  1073. 				var comma = ",";
  1074. 				var bracket = " (";
  1075. 				var isEdit = false;
  1076. 				
  1077. 				var p = null;
  1078. 				
  1079. 				var aGls = document.querySelectorAll("a[href='glossary.php']");
  1080. 				for (var i = 0; i < aGls.length; i++)
  1081. 				{
  1082. 					if (aGls[i].textContent.trim() == "GLOSSARY FEATURE")
  1083. 					{
  1084. 						p = aGls[i].parentElement;
  1085. 						break;
  1086. 					}
  1087. 				}
  1088. 				
  1089. 				if (p != null)
  1090. 				{
  1091. 					var glosOuters = [];
  1092. 					var glosInnerStart = 0;
  1093. 					var countGl = 0;
  1094. 					var glossaries = p.innerHTML.split(br);
  1095. 					if (glossaries.length > 2)
  1096. 					{
  1097. 						glosOuters = [p];
  1098. 						glosInnerStart = 2;
  1099. 					}
  1100. 					else
  1101. 					{
  1102. 						glosOuters = p.nextSibling.querySelectorAll("td");
  1103. 						glosInnerStart = 0;
  1104. 					}
  1105. 					
  1106. 					var rgxKey = />[^><]+</;
  1107. 					var rgxKeyClean = /[><]+/g;
  1108. 					var rgxKeyPunct = /[\(\)\[\]\:\!]/g;
  1109. 					var rgxContentClean = /<[^<]*>/g;
  1110. 					var textOrg = "";
  1111. 					var textEng = "";
  1112. 					var isTextReplaced = false;
  1113. 					var isOutdated = false;
  1114.  
  1115. 					var eleBtnResummit = document.querySelector("input[type='submit'][value^='RESUBMIT']");
  1116. 					if (eleBtnResummit != null)
  1117. 					{
  1118. 						isTextReplaced = true;
  1119. 					}
  1120. 					else
  1121. 					{
  1122. 						var eleTextOrg = document.querySelector("#suggestion_value_new");
  1123. 						if (eleTextOrg != null)
  1124. 						{
  1125. 							textOrg = eleTextOrg.value.trim().toLowerCase();
  1126. 						}
  1127. 						if (textOrg == "")
  1128. 						{
  1129. 							isTextReplaced = true;
  1130. 						}
  1131. 					}
  1132. 					
  1133. 					if (!isTextReplaced)
  1134. 					{
  1135. 						var eleTrs = document.querySelectorAll(".progress tr");
  1136. 						isOutdated = (eleTrs.length >= 3);
  1137. 						if (isOutdated)
  1138. 						{
  1139. 							textEng = eleTrs[eleTrs.length - 1].firstElementChild.textContent.trim().toLowerCase();
  1140. 						}
  1141. 					}
  1142. 					
  1143. 					for (var i = 0; i < glosOuters.length; i++)
  1144. 					{
  1145. 						var glosOuter = glosOuters[i];
  1146. 						
  1147. 						var glosInners = glosOuter.innerHTML.split(br);
  1148. 						
  1149. 						isEdit = false;
  1150. 						
  1151. 						for (var j = glosInnerStart; j < glosInners.length; j++)
  1152. 						{
  1153. 							var glossary = glosInners[j].trim();
  1154. 							if (glossary.length > 0 && glossary.indexOf(tag) == 0)
  1155. 							{
  1156. 								var colonIndex = glossary.indexOf(colon);
  1157. 								var contentHead = glossary.substr(0, colonIndex + 3);
  1158. 								var contentAll = glossary.substr(colonIndex + 3);
  1159. 								var contentWords = contentAll.split(comma);
  1160. 								var contentFirst = contentWords[0].trim();
  1161. 								
  1162. 								for (var k = 0; k < contentWords.length; k++)
  1163. 								{
  1164. 									var contentNew = contentWords[k].trim();
  1165. 									var contentSub = null;
  1166. 									
  1167. 									var bracketPos = contentNew.indexOf(" (");
  1168. 									if (bracketPos > -1)
  1169. 									{
  1170. 										contentSub = contentNew.substr(bracketPos);
  1171. 										contentNew = contentNew.substr(0, bracketPos);
  1172. 									}
  1173. 									
  1174. 									contentNew = " <span id='stsh_gls_" + countGl 
  1175. 										+ "' onclick='clickToSelect(this)'>" 
  1176. 										+ contentNew + "</span>";
  1177. 										//+ "<span style='color: white; cursor: pointer;'>^</span>";
  1178. 										
  1179. 									if (contentSub != null)
  1180. 									{
  1181. 										contentNew +=  "<span "
  1182. 											+ "onclick='clickToSelect(this.previousElementSibling)'>" 
  1183. 											+ contentSub + "</span>";
  1184. 									}
  1185. 									
  1186. 									contentWords[k] = contentNew;
  1187. 									countGl++;
  1188. 								}
  1189. 							
  1190. 								if (!isTextReplaced)
  1191. 								{
  1192. 									var keys = contentHead.match(rgxKey);
  1193. 									if (keys != null && keys.length > 0)
  1194. 									{
  1195. 										var key = keys[0].replace(rgxKeyClean, "").trim().toLowerCase();
  1196. 										var contentClean = contentFirst.replace(rgxContentClean, "");
  1197. 										var contentLower = contentClean.toLowerCase();
  1198. 										var textCur = "";
  1199. 										if (key == textOrg.replace(rgxKeyPunct, ""))
  1200. 										{
  1201. 											textCur = textOrg;
  1202. 										}
  1203. 										else if (key == textEng.replace(rgxKeyPunct, ""))
  1204. 										{
  1205. 											textCur = textEng;
  1206. 										}
  1207. 										
  1208. 										if (textCur != "" && key != contentLower)
  1209. 										{
  1210. 											var rgxReplace = new RegExp(key, "i");
  1211. 											eleTextOrg.value = textCur.replace(rgxReplace, contentClean);
  1212. 											isTextReplaced = true;
  1213. 										}
  1214. 									}
  1215. 								}
  1216. 								
  1217. 								glosInners[j] = contentHead + contentWords.join(comma);
  1218. 								isEdit = true;
  1219. 							}
  1220. 						}
  1221. 						if (isEdit && false)
  1222. 						{
  1223. 							// old feature
  1224. 							glosOuter.innerHTML = glosInners.join(brSpace);
  1225. 						}
  1226. 					}
  1227. 				}
  1228. 			}, 200);
  1229. 		}
  1230. 		
  1231. 		// Insert clicked word in last textarea
  1232. 		{
  1233. 			
  1234. 			var eleTextLast = null;
  1235. 			
  1236. 			if (document.activeElement.tagName == "TEXTAREA")
  1237. 			{
  1238. 				eleTextLast = document.activeElement;
  1239. 			}
  1240. 			
  1241. 			var elesText = document.querySelectorAll("textarea#suggestion_value_new, textarea[name='suggestion_comment']");
  1242. 			for (var i = 0; i < elesText.length; i++)
  1243. 			{
  1244. 				elesText[i].addEventListener('focus', function(ev)
  1245. 				{
  1246. 					eleTextLast = ev.target;
  1247. 				});
  1248. 			}
  1249. 			
  1250. 			setTimeoutCustom(function()
  1251. 			{
  1252. 				var elesInsert = document.querySelectorAll(".insertword");
  1253. 				for (var i = 0; i < elesInsert.length; i++)
  1254. 				{
  1255. 					removeAllEventListeners(elesInsert[i]);
  1256. 				}
  1257. 				
  1258. 				function insertAtCaret(txtarea, text)
  1259. 				{
  1260. 					// Edit from STS
  1261. 					
  1262. 					var scrollPos = txtarea.scrollTop;
  1263. 					var strPos = 0;
  1264. 					var strLength = 0;
  1265. 					var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false));
  1266. 					if (br == "ie")
  1267. 					{
  1268. 						txtarea.focus();
  1269. 						var range = document.selection.createRange();
  1270. 						range.moveStart('character', -txtarea.value.length);
  1271. 						strPos = range.text.length;
  1272. 					}
  1273. 					else if (br == "ff")
  1274. 					{
  1275. 						strPos = txtarea.selectionStart;
  1276. 						strLength = txtarea.selectionEnd - txtarea.selectionStart;
  1277. 					}
  1278. 					var front = (txtarea.value).substring(0, strPos);
  1279. 					var back = (txtarea.value).substring(strPos + strLength, txtarea.value.length);
  1280. 					txtarea.value = front + text + back;
  1281. 					strPos = strPos + text.length;
  1282. 					if (br == "ie")
  1283. 					{
  1284. 						txtarea.focus();
  1285. 						var range = document.selection.createRange();
  1286. 						range.moveStart('character', -txtarea.value.length);
  1287. 						range.moveStart('character', strPos);
  1288. 						range.moveEnd('character', 0);
  1289. 						range.select();
  1290. 					}
  1291. 					else if (br == "ff")
  1292. 					{
  1293. 						txtarea.selectionStart = strPos;
  1294. 						txtarea.selectionEnd = strPos;
  1295. 						txtarea.focus();
  1296. 					}
  1297. 					txtarea.scrollTop = scrollPos;
  1298. 				}
  1299. 			
  1300. 				elesInsert = document.querySelectorAll(".insertword");
  1301. 				for (var i = 0; i < elesInsert.length; i++)
  1302. 				{
  1303. 					//elesInsert[i].classList.add("stsh_unselectable");
  1304. 					elesInsert[i].addEventListener("click", function(ev)
  1305. 					{
  1306. 						if (eleTextLast != null)
  1307. 						{
  1308. 							insertAtCaret(eleTextLast , ev.target.textContent.trim());
  1309. 						}
  1310. 					});
  1311. 				}
  1312. 			}, 500);
  1313. 		}
  1314. 		
  1315. 		// Restyle glossary
  1316. 		{
  1317. 			var eleP = null;
  1318. 				
  1319. 			var elesA = document.querySelectorAll("a[href='glossary.php']");
  1320. 			for (var i = 0; i < elesA.length; i++)
  1321. 			{
  1322. 				if (elesA[i].textContent.trim() == "GLOSSARY FEATURE")
  1323. 				{
  1324. 					eleP = elesA[i].parentElement;
  1325. 					break;
  1326. 				}
  1327. 			}
  1328. 			
  1329. 			if (eleP != null)
  1330. 			{
  1331. 				var nodeText = eleP.firstElementChild.nextSibling;
  1332. 				if (nodeText.nodeType == document.TEXT_NODE)
  1333. 				{
  1334. 					var ele = document.createElement("span");
  1335. 					ele.textContent = nodeText.textContent;
  1336. 					
  1337. 					nodeText.parentElement.removeChild(nodeText);
  1338. 					
  1339. 					insertAfterElement(ele, eleP.firstElementChild);
  1340. 				}
  1341. 				
  1342. 				var eleHead;
  1343. 				
  1344. 				if (eleP.nextElementSibling.tagName == "TABLE")
  1345. 				{
  1346. 					eleHead = eleP.nextElementSibling;
  1347. 				}
  1348. 				else
  1349. 				{
  1350. 					eleHead = eleP;					
  1351. 				}
  1352. 				
  1353. 				eleHead.classList.add("stsh_glossary_header");
  1354. 				
  1355. 				var elesTerm = eleHead.querySelectorAll("a[href^='http://translation.steampowered.com/translate.php?search_input=']");
  1356. 				for (var i = 0; i < elesTerm.length; i++)
  1357. 				{
  1358. 					elesTerm[i].classList.add("stsh_glossary_term");
  1359. 				}
  1360. 				
  1361. 				{
  1362. 					var eleSpan = null;
  1363. 					if (eleHead.tagName == "TABLE")
  1364. 					{
  1365. 						eleSpan = eleHead.previousElementSibling.querySelector("span");
  1366. 					}
  1367. 					else
  1368. 					{
  1369. 						eleSpan = eleHead.querySelector("span");
  1370. 					}
  1371. 					eleSpan.textContent = eleSpan.textContent.replace("(click to copy to top)", "(click to copy to suggestion or comment)");
  1372. 				}
  1373. 			}
  1374. 		}
  1375. 		
  1376. 		// Auto link http
  1377. 		// Format comment
  1378. 		{
  1379. 			var countSugStatus = document.querySelectorAll(
  1380. 				".suggestions_list span[class^='suggestion_status_']").length;
  1381. 				
  1382. 			var regUrl = /http[^ "]+/ig;
  1383. 			var hostUrl = "http://translation.steampowered.com/";
  1384. 			var hostReplace = "/";
  1385. 			var eleComments = document.querySelectorAll(""
  1386. 				+ ".suggestion_signature > i:nth-child(3), "
  1387. 				+ ".suggestion_signature div:nth-child(1) > i:nth-child(4), "
  1388. 				+ ".suggestion_signature div:nth-child(1) > i:nth-child(6), "
  1389. 				+ "*[class^='row'] > td:nth-child(2) ");
  1390. 			for (var i = 0; i < eleComments.length; i++)
  1391. 			{
  1392. 				var comment = eleComments[i].innerHTML + " ";
  1393. 				if (comment.indexOf("<a") == -1)
  1394. 				{
  1395. 					var commentUrls = comment.match(regUrl) || [];
  1396. 					for (var j = 0; j < commentUrls.length; j++)
  1397. 					{
  1398. 						var urlDecode = commentUrls[j];
  1399. 						try
  1400. 						{
  1401. 							urlDecode = decodeURIComponent(commentUrls[j]);
  1402. 							
  1403. 							if (countSugStatus == 0 && urlDecode.indexOf(hostUrl) == 0)
  1404. 							{								
  1405. 								var query = getQueryByName("search_input", urlDecode.replace("&amp;", "&"));
  1406. 								
  1407. 								if (query != "")
  1408. 								{
  1409. 									urlDecode = query;
  1410. 								}
  1411. 								else
  1412. 								{
  1413. 									urlDecode = urlDecode.replace(hostUrl, hostReplace);
  1414. 								}
  1415. 							}
  1416. 						}
  1417. 						catch (ex)
  1418. 						{
  1419. 						}
  1420. 						var commentUrl = commentUrls[j] + " ";
  1421. 						comment = comment.replace(commentUrl,"<a target='_blank' href='" 
  1422. 							+ commentUrls[j] + "' >" + urlDecode + "</a> ");
  1423. 					}
  1424. 				}
  1425. 				
  1426. 				comment = comment.trim();
  1427. 		
  1428. 				if (comment.indexOf("Comment:") == 0)
  1429. 				{					
  1430. 					eleComments[i].classList.add("stsh_submit_comment_header");
  1431. 					comment = comment
  1432. 						.replace("Comment:", "Comment: <span class='stsh_submit_comment'>")
  1433. 						.replace(/\/ /g, "<span class='stsh_white'>/</span> ")
  1434. 						.replace(/ \//g, " <span class='stsh_white'>/</span>")
  1435. 						.replace(/\-\&gt\;/g, "<span class='stsh_white'>-&gt;</span>")
  1436. 						.replace(/\,/g, "<span class='stsh_white'>,</span>")
  1437. 						.replace(/\*/g, "<span class='stsh_white'><br>*</span>")
  1438. 						+ "</span>";
  1439. 				}
  1440. 				
  1441. 				eleComments[i].innerHTML = comment;
  1442. 				
  1443. 				var eleAs = eleComments[i].querySelectorAll("a");
  1444. 				for (var j = 0; j < eleAs.length; j++)
  1445. 				{
  1446. 					var href = eleAs[j].getAttribute("href");
  1447. 					if (href.indexOf("#") > -1)
  1448. 					{
  1449. 						eleAs[j].setAttribute("href", href.replace(/\#/g,"%23"));
  1450. 					}
  1451. 				}
  1452. 				
  1453. 				
  1454. 				//if (comment.indexOf("Comment:") != 0)
  1455. 				{
  1456. 					// Discussion comment
  1457. 					
  1458. 					var elesA = eleComments[i].querySelectorAll("a");
  1459. 					for (var j = 0; j < elesA.length; j++)
  1460. 					{
  1461. 						var href = elesA[j].getAttribute("href");
  1462. 						if (href.endsWith(".jpg") || href.endsWith(".png") || href.endsWith(".gif"))
  1463. 						{
  1464. 							if (elesA[j].querySelectorAll("img").length == 0)
  1465. 							{
  1466. 								var ele = document.createElement("img");
  1467. 								ele.classList.add("stsh_comment_img");
  1468. 								ele.setAttribute("src", href);
  1469. 								ele.setAttribute("title", href);
  1470. 								ele.setAttribute("onclick", " if (this.style.minWidth != '850px') "
  1471. 									+ " { this.style.minWidth = '850px'; } "
  1472. 									+ " else { this.style.minWidth = '400px'; } ");
  1473. 							
  1474. 								insertAfterElement(ele, elesA[j]);
  1475. 							}
  1476. 						}
  1477. 					}
  1478. 				}
  1479. 			}
  1480. 		}
  1481. 	
  1482. 		// Restyle token info
  1483. 		{
  1484. 			var divIntro = document.querySelector("#suggestionmain > div.smallcopy");
  1485. 			if (divIntro != null)
  1486. 			{			
  1487. 				var qBranch = getQueryByName("branch");
  1488. 				
  1489. 				var htmlEdit = "You are editing";
  1490. 				var htmlEditReplace = "";
  1491. 				
  1492. 				var htmlToken = "Token <";
  1493. 				var htmlTokenReplace = "Token: <";
  1494. 				
  1495. 				var htmlToken2 = "token-key";
  1496. 				var htmlToken2Replace = "Token";
  1497. 				
  1498. 				var htmlFile = "> of <";
  1499. 				var htmlFileReplace = '><br>File: <font class="stsh_blue" onclick="clickToSelect(this)">' + qBranch + '</font> >> <';
  1500. 				
  1501. 				var htmlFrom = "<br>Added on <";
  1502. 				var htmlFromReplace = " &nbsp;&nbsp;Added: <";
  1503. 				
  1504. 				var htmlUpdated = ">. Updated on <";
  1505. 				var htmlUpdatedReplace = "> &nbsp;&nbsp;Updated: <";
  1506. 				
  1507. 				var htmlSugg = 'You have  <font style="';
  1508. 				var htmlSuggReplace = 'You have <font title="Enter and submit new suggestions below.  Do not alter HTML tags or variables." style="cursor: pointer; ';
  1509. 				
  1510. 				var htmlIntro = "Enter and submit new suggestions below. Do not alter HTML tags or variables.";
  1511. 				var htmlIntroReplace = ' <a href="mailto:translationserver@valvesoftware.com" '
  1512. 					+ 'title="Please report truncated tokens to translationserver@valvesoftware.com">'
  1513. 					+ '<font style="color:white;">Report Tokens</font></a>';
  1514. 				
  1515. 				var htmlContact = '<br>Please report truncated tokens to: <a href="mailto:translationserver@valvesoftware.com"><font style="color:white;">translationserver@valvesoftware.com</font></a>';
  1516. 				var htmlContactReplace = '';
  1517. 				
  1518. 				if (key != "")
  1519. 				{
  1520. 					htmlIntroReplace += ' <br>Share: <font class="stsh_token_share stsh_green stsh_truncate" '
  1521. 						+ 'onclick="clickToSelect(this)">'
  1522. 						+ 'http://translation.steampowered.com/translate.php?search_input=' + key
  1523. 						+ "</font> <br>";
  1524. 				}
  1525. 				
  1526. 				var isComplete = (divIntro.innerHTML.indexOf(htmlContact) > -1);
  1527. 				
  1528. 				divIntro.innerHTML = divIntro.innerHTML
  1529. 					.replace(htmlEdit, htmlEditReplace)
  1530. 					.replace(htmlToken, htmlTokenReplace)
  1531. 					.replace(htmlToken2, htmlToken2Replace)
  1532. 					.replace(htmlFile, htmlFileReplace)
  1533. 					.replace(htmlFrom, htmlFromReplace)
  1534. 					.replace(htmlUpdated, htmlUpdatedReplace)
  1535. 					.replace(htmlSugg, htmlSuggReplace)
  1536. 					.replace(htmlIntro, htmlIntroReplace)
  1537. 					.replace(htmlContact, htmlContactReplace)
  1538. 					.trim();
  1539. 					
  1540. 				var eleToken = document.querySelector("a[href^='Us_And_Them.php?']");
  1541. 				if (eleToken != null)
  1542. 				{
  1543. 					if (eleToken.textContent != "Token")
  1544. 					{
  1545. 						eleToken.classList.add("stsh_token_name");
  1546. 						eleToken.classList.add("stsh_truncate");
  1547. 					}
  1548. 				}
  1549. 				
  1550. 				if (!isComplete)
  1551. 				{
  1552. 					var stsh_introReplace_start = new Date();
  1553. 					var stsh_introReplace_itv = setIntervalCustom(function(params)
  1554. 					{
  1555. 						var divIntro = params[0];
  1556. 						var htmlContact = params[1];
  1557. 						var htmlContactReplace = params[2];
  1558. 						
  1559. 						var stsh_introReplace_isEnd = false;
  1560. 						var stsh_introReplace_cur = new Date();
  1561. 						
  1562. 						if (divIntro.innerHTML.indexOf(htmlContact) > -1)
  1563. 						{
  1564. 							divIntro.innerHTML = divIntro.innerHTML
  1565. 								.replace(htmlContact, htmlContactReplace);
  1566. 								
  1567. 							stsh_introReplace_isEnd = true;
  1568. 						}
  1569. 						
  1570. 						if (stsh_introReplace_isEnd || stsh_introReplace_cur - stsh_introReplace_start > 10000)
  1571. 						{
  1572. 							clearInterval(stsh_introReplace_itv);
  1573. 						}
  1574. 					}, 100, [divIntro, htmlContact, htmlContactReplace]);
  1575. 				}
  1576. 			}
  1577. 		}
  1578. 	
  1579. 		var elesForm = document.querySelectorAll(".lbAction");
  1580. 		for (var i = 0; i < elesForm.length; i++)
  1581. 		{
  1582. 			var eleForm = elesForm[i];
  1583. 			var eleSubmit = eleForm.querySelector("input[type=submit]");
  1584. 			if (eleSubmit != null)
  1585. 			{
  1586. 				addKeyCtrlEnter(eleForm, eleSubmit);
  1587. 			}
  1588. 		}
  1589. 		
  1590. 		
  1591. 		
  1592. 		var inputApprove = document.querySelector(".suggestion_signature input[value~='APPROVE']");
  1593. 		if (inputApprove != null)
  1594. 		{
  1595. 			addKeyAlt(document, inputApprove, 219, "");				// [
  1596. 			addKeyAlt(document, inputApprove, "BracketLeft", "");	// [
  1597. 			//addKeyAlt(document, inputApprove, 0, "");				// [
  1598. 			//addKeyAlt(document, inputApprove, 53, "");			// [
  1599. 			addKeyAlt(document, inputApprove, 79, "");				// O
  1600. 			addKeyAlt(document, inputApprove, 65, "");				// A
  1601. 		}
  1602. 		
  1603. 		var inputApproveNext = document.querySelector(".suggestion_signature input[value~='Next']");
  1604. 		if (inputApproveNext != null)
  1605. 		{
  1606. 			inputApproveNext.value = "Next";
  1607. 			addKeyAlt(document, inputApproveNext, 221, "");				// ]
  1608. 			addKeyAlt(document, inputApproveNext, "BracketRight", "");	// ]
  1609. 			//addKeyAlt(document, inputApproveNext, 188, "");			// ]
  1610. 			//addKeyAlt(document, inputApproveNext, 173, "");			// ]
  1611. 			//addKeyAlt(document, inputApproveNext, 169, "");			// ]
  1612. 			addKeyAlt(document, inputApproveNext, 80, "");				// P
  1613. 			addKeyAlt(document, inputApproveNext, 83, "");				// S
  1614. 			addKeyCtrl(document, inputApproveNext, 45, "Ins");			// INS
  1615. 			
  1616. 			disableAfterClick(inputApproveNext);
  1617. 			
  1618. 			if (inputApproveNext.disabled && inputApprove != null)
  1619. 			{
  1620. 				addKeyAlt(document, inputApprove, 221, "");				// ]
  1621. 				addKeyAlt(document, inputApprove, "BracketRight", "");	// ]
  1622. 				//addKeyAlt(document, inputApprove, 188, "");			// ]
  1623. 				//addKeyAlt(document, inputApprove, 173, "");			// ]
  1624. 				//addKeyAlt(document, inputApprove, 169, "");			// ]
  1625. 				addKeyAlt(document, inputApprove, 80, "");				// P
  1626. 				addKeyAlt(document, inputApprove, 83, "");				// S
  1627. 				addKeyCtrl(document, inputApprove, 45, "");				// INS
  1628. 			}
  1629. 		}
  1630. 		
  1631. 		var inputDecline = document.querySelector(".suggestion_signature input[value~='DECLINE']");
  1632. 		if (inputDecline != null)
  1633. 		{
  1634. 			addKeyCtrl(document, inputDecline, 46, "Del");		// DEL
  1635. 		}
  1636. 		
  1637. 		var inputDeclineNext = document.querySelector(".suggestion_signature input[value~='Next']:nth-child(5)");
  1638. 		if (inputDeclineNext != null)
  1639. 		{
  1640. 			inputDeclineNext.value = "Next";
  1641. 		}
  1642. 		
  1643. 		var inputPrev = document.querySelector("#suggestions_nav > input[value^='Prev']");
  1644. 		if (inputPrev != null)
  1645. 		{
  1646. 			addKeyCtrl(document, inputPrev, 219, "[");				// [
  1647. 			addKeyCtrl(document, inputPrev, "BracketLeft", "");		// [
  1648. 			//addKeyCtrl(document, inputPrev, 0, "");				// [
  1649. 			//addKeyCtrl(document, inputPrev, 53, "");				// [
  1650. 			
  1651. 			disableAfterClick(inputPrev);
  1652. 		}
  1653. 		
  1654. 		var inputNext = document.querySelector("#suggestions_nav > input[value~='Next']");
  1655. 		if (inputNext != null)
  1656. 		{
  1657. 			addKeyCtrl(document, inputNext, 221, "]");				// ]
  1658. 			addKeyCtrl(document, inputNext, "BracketRight", "");	// ]
  1659. 			//addKeyCtrl(document, inputNext, 188, "");				// ]
  1660. 			//addKeyCtrl(document, inputNext, 173, "");				// ]
  1661. 			//addKeyCtrl(document, inputNext, 169, "");				// ]
  1662. 			
  1663. 			disableAfterClick(inputNext);
  1664. 		}
  1665. 	
  1666. 		// Check special chars
  1667. 		{			
  1668. 			var h1s = document.querySelectorAll(".progress h1");
  1669. 			if (h1s.length == 2)
  1670. 			{				
  1671. 				var h1Org = h1s[0];
  1672. 				var h1Trn = h1s[1];
  1673. 				
  1674. 				var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1675. 				var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1676. 				
  1677. 				if (tdOrg != null && tdTrn != null)
  1678. 				{
  1679. 					var strOrg = trimSpace(tdOrg.textContent);
  1680. 					var strTrn = trimSpace(tdTrn.textContent);
  1681. 					
  1682. 					var statusTrnArr = checkSpecialCharMatched(strOrg, strTrn);
  1683. 					var statusTrnMatched = statusTrnArr[0];
  1684. 					var spOrg = statusTrnArr[1];
  1685. 					var spTrn = statusTrnArr[2];
  1686. 					
  1687. 					if (spOrg > 0)
  1688. 					{
  1689. 						var spanSpOrg = document.createElement("span");
  1690. 						spanSpOrg.id = "stsh_spanSpOrg";
  1691. 						spanSpOrg.classList.add("stsh_blue");
  1692. 						spanSpOrg.innerHTML = " &nbsp;&nbsp;&nbsp;SpecialChar: " + spOrg;
  1693. 						h1Org.parentElement.appendChild(spanSpOrg);
  1694. 					
  1695. 						// Check chars in translated
  1696. 						if (strTrn != "")
  1697. 						{
  1698. 							var spanSpTrn = document.createElement("span");
  1699. 							spanSpTrn.id = "stsh_spanSpTrn";
  1700. 							
  1701. 							if (statusTrnMatched == 0)
  1702. 							{
  1703. 								spanSpTrn.classList.add("stsh_green");
  1704. 							}
  1705. 							else
  1706. 							{
  1707. 								spanSpTrn.classList.add("stsh_red");
  1708. 							}
  1709. 							
  1710. 							var outputTrn = " &nbsp;&nbsp;&nbsp;SpecialChar: " + spTrn;
  1711. 							if (statusTrnMatched == 0)
  1712. 							{
  1713. 								outputTrn += " (Matched)";
  1714. 							}
  1715. 							else if (statusTrnMatched == 1)
  1716. 							{
  1717. 								outputTrn += " (Order not matched)";
  1718. 							}
  1719. 							else
  1720. 							{
  1721. 								outputTrn += " (Not matched)";
  1722. 							}
  1723. 							
  1724. 							spanSpTrn.innerHTML = outputTrn;
  1725. 							h1Trn.parentElement.appendChild(spanSpTrn);
  1726. 						}
  1727. 						
  1728. 						// Check chars in suggested
  1729. 						var divSugs = document.querySelectorAll(".suggestion_text");
  1730. 						for (var i = 0; i < divSugs.length; i++)
  1731. 						{
  1732. 							var divSug = divSugs[i];
  1733. 							var strSug = trimSpace(divSug.textContent);
  1734. 						
  1735. 							var statusSugArr = checkSpecialCharMatched(strOrg, strSug);
  1736. 							var statusSugMatched = statusSugArr[0];
  1737. 							var spSug = statusSugArr[2];
  1738. 							
  1739. 							
  1740. 							var spanSpSug = document.createElement("span");
  1741. 							spanSpSug.classList.add("stsh_spanSpSug");
  1742. 							
  1743. 							if (statusSugMatched == 0)
  1744. 							{
  1745. 								spanSpSug.classList.add("stsh_green");
  1746. 							}
  1747. 							else
  1748. 							{
  1749. 								spanSpSug.classList.add("stsh_red");
  1750. 							}
  1751. 							
  1752. 							var outputSug = " SpecialChar: " + spSug;
  1753. 							if (statusSugMatched == 0)
  1754. 							{
  1755. 								outputSug += " (Matched)";
  1756. 							}
  1757. 							else if (statusSugMatched == 1)
  1758. 							{
  1759. 								outputSug += " (Order not matched)";
  1760. 							}
  1761. 							else
  1762. 							{
  1763. 								outputSug += " (Not matched)";
  1764. 							}
  1765. 							outputSug += " <br/><br/> ";
  1766. 							
  1767. 							spanSpSug.innerHTML = outputSug;
  1768. 							
  1769. 							divSug.insertBefore(spanSpSug, divSug.firstChild);
  1770. 						}
  1771. 					
  1772. 					}
  1773. 				}
  1774. 			}
  1775. 			
  1776. 		}
  1777. 	
  1778. 		// Trim string in same token
  1779. 		{
  1780. 			var p = document.querySelector("#suggestionmain > div:nth-child(5) > p:nth-child(4)");
  1781. 			if (p != null)
  1782. 			{
  1783. 				for (var i = 0; i < p.childNodes.length; i++)
  1784. 				{
  1785. 					child = p.childNodes[i];
  1786. 					if (child.nodeName == "#text")
  1787. 					{
  1788. 						child.nodeValue = child.nodeValue.trim();
  1789. 					}
  1790. 				}
  1791. 			}
  1792. 		}
  1793. 		
  1794. 		// Display newlines and specialChars
  1795. 		{
  1796. 			var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1797. 			var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1798. 			
  1799. 			if (tdOrg != null && tdTrn != null)
  1800. 			{
  1801. 				
  1802. 				var htmlOrg = tdOrg.innerHTML.trim();
  1803. 				var htmlTrn = tdTrn.innerHTML.trim();
  1804. 				
  1805. 				if ((htmlOrg.indexOf("\n") > -1 || htmlOrg.indexOf("\\n") > -1
  1806. 					|| htmlTrn.indexOf("\n") > -1 || htmlTrn.indexOf("\\n") > -1)
  1807. 					/*&& htmlOrg.indexOf("<br") < 0 
  1808. 					&& htmlOrg.indexOf("<p") < 0 && htmlOrg.indexOf("<div") < 0 && htmlOrg.indexOf("<li") < 0*/)
  1809. 				{
  1810. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  1811. 					if (h2SugHeader != null)
  1812. 					{
  1813. 						var btn = document.createElement("input");
  1814. 						btn.setAttribute("class", "stsh_btn_right");
  1815. 						btn.setAttribute("type", "button");
  1816. 						btn.setAttribute("value", "Display Newlines");
  1817. 						
  1818. 						h2SugHeader.appendChild(btn);
  1819. 						
  1820. 						function displayNewlines(ele)
  1821. 						{
  1822. 							if (ele != null)
  1823. 							{
  1824. 								ele.innerHTML = ele.innerHTML.trim()
  1825. 									.replace(/\n/g,"\n<br>")
  1826. 									.replace(/\\n/g," \\n<br>")
  1827. 									.replace(/\<br\>[\s]+/g,"<br>&nbsp;");
  1828. 							}
  1829. 						}
  1830. 				
  1831. 						btn.addEventListener("click", function(e)
  1832. 						{
  1833. 							e.target.disabled = true;
  1834. 							
  1835. 							var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1836. 							var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1837. 							displayNewlines(tdOrg);
  1838. 							displayNewlines(tdTrn);
  1839. 								
  1840. 							var divSugs = document.querySelectorAll(".suggestion_text");
  1841. 							for (var i = 0; i < divSugs.length; i++)
  1842. 							{
  1843. 								var divSug = divSugs[i];
  1844. 								displayNewlines(divSug);
  1845. 							}
  1846. 							
  1847. 							var textarea = document.querySelector("#suggestion_value_new");
  1848. 							if (textarea != null)
  1849. 							{
  1850. 								textarea.focus();
  1851. 							}
  1852. 						});
  1853. 					}
  1854. 				}
  1855. 				
  1856. 				if (hasSpecialChar(htmlOrg) || hasSpecialChar(htmlTrn))
  1857. 				{
  1858. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  1859. 					if (h2SugHeader != null)
  1860. 					{
  1861. 						var btn = document.createElement("input");
  1862. 						btn.setAttribute("class", "stsh_btn_right");
  1863. 						btn.setAttribute("type", "button");
  1864. 						btn.setAttribute("value", "Display SpecialChars");
  1865. 						
  1866. 						h2SugHeader.appendChild(btn);
  1867. 						
  1868. 						function replaceSpecialChars(str, unicodeNumber)
  1869. 						{
  1870. 							var rgx = new RegExp("\\u" + padZeroHex(unicodeNumber, 4), "g");
  1871. 							return str.replace(rgx, '<span class="stsh_grey">[' + unicodeNumber + ']</span>');
  1872. 						}
  1873. 						
  1874. 						function displaySpecialChars(ele)
  1875. 						{
  1876. 							if (ele != null)
  1877. 							{
  1878. 								var strInner = ele.innerHTML.trim();
  1879. 								
  1880. 								for (var i = 0; i < 32; i++)
  1881. 								{
  1882. 									if (hasSpecialChar(strInner))
  1883. 									{
  1884. 										if (isSpecialChar(i))
  1885. 										{
  1886. 											strInner = replaceSpecialChars(strInner, i);
  1887. 										}
  1888. 									}
  1889. 									else
  1890. 									{
  1891. 										break;
  1892. 									}
  1893. 								}
  1894. 								
  1895. 								ele.innerHTML = strInner;
  1896. 							}
  1897. 						}
  1898. 				
  1899. 						btn.addEventListener("click", function(e)
  1900. 						{
  1901. 							e.target.disabled = true;
  1902. 							
  1903. 							var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1904. 							var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1905. 							displaySpecialChars(tdOrg);
  1906. 							displaySpecialChars(tdTrn);
  1907. 								
  1908. 							var divSugs = document.querySelectorAll(".suggestion_text");
  1909. 							for (var i = 0; i < divSugs.length; i++)
  1910. 							{
  1911. 								var divSug = divSugs[i];
  1912. 								displaySpecialChars(divSug);
  1913. 							}
  1914. 							
  1915. 							var textarea = document.querySelector("#suggestion_value_new");
  1916. 							if (textarea != null)
  1917. 							{
  1918. 								textarea.focus();
  1919. 							}
  1920. 						});
  1921. 					}
  1922. 				}
  1923. 			}
  1924. 		}
  1925. 		
  1926. 		// Open comment when decline
  1927. 		{
  1928. 			var countComment = 0;
  1929. 			var elesComment = [];
  1930. 			
  1931. 			var countSug = document.querySelectorAll(".suggestions_list .suggestion").length;
  1932. 			var countSugDeclined = document.querySelectorAll(
  1933. 				".suggestions_list span[class='suggestion_status_declined']").length;
  1934. 			
  1935. 			if (countSug == countSugDeclined)
  1936. 			{
  1937. 				var elesSugA = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_'] a");
  1938. 				for (var i = 0; i < elesSugA.length; i++)
  1939. 				{
  1940. 					var eleComment = elesSugA[i].parentElement.parentElement.nextSibling;
  1941. 					if (eleComment.nodeName == "DIV" && eleComment.classList.contains("copy"))
  1942. 					{
  1943. 						if (elesSugA[i].parentElement.classList.contains("suggestion_status_declined"))
  1944. 						{
  1945. 							countComment++;
  1946. 							elesComment.push(eleComment);
  1947. 						}
  1948. 					}
  1949. 				}
  1950. 				
  1951. 				if (countComment == elesSugA.length)
  1952. 				{
  1953. 					var isFocus = false;
  1954. 					for (var i = 0; i < elesComment.length; i++)
  1955. 					{
  1956. 						elesComment[i].style.display = "block";
  1957. 						if (!isFocus)
  1958. 						{
  1959. 							var eleTxt = elesComment[i].querySelector("textarea[name='suggestion_comment']");
  1960. 							if (eleTxt != null)
  1961. 							{
  1962. 								eleTxt.focus();
  1963. 								
  1964. 								var eleSugOuter = elesComment[i].parentElement.parentElement.parentElement.parentElement;
  1965. 								if (eleSugOuter.classList.contains("suggestion"))
  1966. 								{
  1967. 									var eleOnion = eleSugOuter.querySelector(".suggestion_text font[style='color:#01ec00;']");
  1968. 									if (eleOnion != null)
  1969. 									{
  1970. 										eleTxt.value = "onion";
  1971. 									}
  1972. 								}
  1973. 			
  1974. 								var eleSugComment = elesComment[i].parentElement
  1975. 									.parentElement.parentElement.querySelector(".stsh_submit_comment font");
  1976. 								if (eleSugComment != null && eleSugComment.textContent.trim() == 
  1977. 									"ATTENTION - English string was updated. This suggestion might be outdated.")
  1978. 								{
  1979. 									eleTxt.value = "outdated";
  1980. 								}
  1981. 								
  1982. 								isFocus = true;
  1983. 							}
  1984. 						}
  1985. 					}
  1986. 				}
  1987. 			}
  1988. 		}
  1989. 		
  1990. 		// Convert time
  1991. 		{
  1992. 			var rgxTime = /\d{2}-\d{2}-\d{4}, \d{2}:\d{2} [AP]M/;
  1993. 			var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  1994. 			
  1995. 			var eleFriends = document.querySelectorAll(".friend_block_avatar, .friend_block_discussions");
  1996. 			for (var i = 0; i < eleFriends.length; i++)
  1997. 			{
  1998. 				var nodes = [];
  1999. 				
  2000. 				if (eleFriends[i].classList.contains("friend_block_avatar"))
  2001. 				{
  2002. 					nodes = eleFriends[i].childNodes;
  2003. 				}
  2004. 				else if (eleFriends[i].classList.contains("friend_block_discussions"))
  2005. 				{
  2006. 					nodes = eleFriends[i].parentElement.nextElementSibling.childNodes[2].childNodes;
  2007. 				}
  2008. 				
  2009. 				for (var j = 0; j < nodes.length; j++)
  2010. 				{
  2011. 					var nodeVal = nodes[j].nodeValue;
  2012. 					if (nodeVal != null)
  2013. 					{
  2014. 						var dateTimes = rgxTime.exec(nodeVal);
  2015. 						if (dateTimes != null)
  2016. 						{
  2017. 							var dateTime = dateTimes[0];
  2018. 							var month = dateTime.substr(0, 2);
  2019. 							var day = dateTime.substr(3, 2);
  2020. 							var year = dateTime.substr(6, 4);
  2021. 							var hour = dateTime.substr(12, 2);
  2022. 							var minute = dateTime.substr(15, 2);
  2023. 							var period = dateTime.substr(18, 2);
  2024. 							if (period == "AM")
  2025. 							{
  2026. 								if (hour == "12")
  2027. 								{
  2028. 									hour = "00"
  2029. 								}
  2030. 							}
  2031. 							else if (period == "PM")
  2032. 							{
  2033. 								hour = parseInt(hour) + 12;
  2034. 								if (hour == 24)
  2035. 								{
  2036. 									hour = 12;
  2037. 								}
  2038. 							}
  2039. 							
  2040. 							var dateTimeStd = year + "-" + month + "-" + day;
  2041. 									
  2042. 							if (isDstUsa(year, month, day, hour))
  2043. 							{
  2044. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0700";
  2045. 							}
  2046. 							else
  2047. 							{
  2048. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0800";
  2049. 							}
  2050. 							
  2051. 							var dateStd = new Date(dateTimeStd);
  2052. 							if (dateStd.toLocaleString() != "Invalid Date")
  2053. 							{
  2054. 								var gmt = dateStd.getTimezoneOffset() / 60 * -1;
  2055. 								var gmtStr = " GMT";
  2056. 								if (gmt > 0)
  2057. 								{
  2058. 									gmtStr += "+" + gmt;
  2059. 								}
  2060. 								else if (gmt < 0)
  2061. 								{
  2062. 									gmtStr += "" + gmt;
  2063. 								}
  2064. 								var dateNew = dateStd.getDate()
  2065. 									+ " " + months[dateStd.getMonth()]
  2066. 									+ " " + dateStd.getFullYear()
  2067. 									+ ", " + padZero(dateStd.getHours(), 2)
  2068. 									+ ":" + padZero(dateStd.getMinutes(), 2)
  2069. 									+ gmtStr;
  2070. 								
  2071. 								//console.log("Time: " + dateTimeStd);
  2072. 								//console.log("Time: " + dateTime + " -> " + dateNew);
  2073. 									
  2074. 								//var dateNew2 = dateStd.toLocaleString() + gmtStr;
  2075. 								//console.log("Time: " + dateTime + " -> " + dateNew2);
  2076. 								
  2077. 								var nodeValBegin = nodeVal.substr(0, nodeVal.indexOf(dateTime));
  2078. 								var nodeValEnd = nodeVal.substr(nodeVal.indexOf(dateTime) + dateTime.length);
  2079. 								
  2080. 								nodes[j].nodeValue = nodeValBegin;
  2081. 								
  2082. 								var ele = document.createElement("span");
  2083. 								ele.classList.add("stsh_time_convert");
  2084. 								ele.setAttribute("title", dateTime);
  2085. 								ele.textContent = dateNew;
  2086. 								insertAfterElement(ele, nodes[j]);
  2087. 								
  2088. 								if (nodeValEnd != "")
  2089. 								{
  2090. 									insertAfterElement(document.createTextNode(nodeValEnd), ele);									
  2091. 								}
  2092. 							}
  2093. 							else
  2094. 							{
  2095. 								console.log("Invalid Date: " + dateTimeStd);
  2096. 							}
  2097. 						}
  2098. 					}
  2099. 				}
  2100. 			}
  2101. 			
  2102. 		}
  2103. 		
  2104. 		// Add Steam profile links
  2105. 		{
  2106. 			var eleSpans = document.querySelectorAll("span[title='Send this user a private message']");
  2107. 			for (var i = 0; i < eleSpans.length; i++)
  2108. 			{
  2109. 				var href = eleSpans[i].parentElement.firstElementChild.getAttribute("href");
  2110. 				if (href != null && href.indexOf("user_activity.php?user=") == 0)
  2111. 				{
  2112. 					var profile = href.replace("user_activity.php?user=", "");
  2113. 					var ele = document.createElement("a");
  2114. 					ele.classList.add("stsh_steamProfile");
  2115. 					ele.setAttribute("target", "_blank");
  2116. 					ele.setAttribute("title", "View Steam profile");
  2117. 					ele.setAttribute("href", "http://steamcommunity.com/profiles/" + profile);
  2118. 					ele.textContent = " Steam ";
  2119. 					
  2120. 					insertBeforeElement(ele, eleSpans[i]);
  2121. 				}
  2122. 			}
  2123. 		}
  2124. 		
  2125. 		// Add auto approve
  2126. 		{
  2127. 			if (inputApprove != null)
  2128. 			{
  2129. 				var eleInput = document.createElement("input");
  2130. 				eleInput.id = "stsh_autoApprove";
  2131. 				eleInput.setAttribute("type", "checkbox");
  2132. 				eleInput.setAttribute("value", "auto");
  2133. 				eleInput.textContent = "";
  2134. 				
  2135. 				var eleLabel = document.createElement("label");
  2136. 				eleLabel.classList.add("stsh_autoApprove_label");
  2137. 				eleLabel.classList.add("stsh_unselectable");
  2138. 				eleLabel.setAttribute("for", "stsh_autoApprove");
  2139. 				eleLabel.setAttribute("title", "Please use with care!");
  2140. 				eleLabel.textContent = " Auto Approve Next ";
  2141. 				
  2142. 				inputApprove.parentElement.appendChild(eleInput);
  2143. 				inputApprove.parentElement.appendChild(eleLabel);
  2144. 				
  2145. 				function autoApprove()
  2146. 				{
  2147. 					var tm = 2000;
  2148. 					console.log("AutoApprove: Next in " + tm + "ms");
  2149. 					setTimeoutCustom(function ()
  2150. 					{
  2151. 						var eleCheck = document.querySelector("#stsh_autoApprove");
  2152. 						if (eleCheck != null && eleCheck.checked)
  2153. 						{
  2154. 							var isClicked = false;
  2155. 							
  2156. 							var ele = document.querySelector(".suggestion_signature input[value~='Next']");
  2157. 							
  2158. 							if (ele != null && !ele.disabled && isVisible())
  2159. 							{
  2160. 								var isOutdated = false;
  2161. 								var eleSugComment = ele.parentElement
  2162. 									.parentElement.parentElement.querySelector(".stsh_submit_comment font");
  2163. 								if (eleSugComment != null && eleSugComment.textContent.trim() == 
  2164. 									"ATTENTION - English string was updated. This suggestion might be outdated.")
  2165. 								{
  2166. 									isOutdated = true;
  2167. 								}
  2168. 								
  2169. 								if (!isOutdated)
  2170. 								{
  2171. 									isClicked = true;
  2172. 									GM_setValue("timeAutoApproveLast", getUnixTimestamp());
  2173. 									ele.click();
  2174. 								}
  2175. 							}
  2176. 							
  2177. 							if (!isClicked)
  2178. 							{
  2179. 								eleCheck.checked = false;
  2180. 								GM_setValue("isAutoApprove", "false");
  2181. 							}
  2182. 						}
  2183. 					}, tm);
  2184. 				}
  2185. 				
  2186. 				var tmDiff = getUnixTimestamp() - GM_getValue("timeAutoApproveLast", 0);
  2187. 				if (tmDiff > 10)
  2188. 				{
  2189. 					// > 10s
  2190. 					eleInput.checked = false;
  2191. 					GM_setValue("isAutoApprove", "false");
  2192. 				}
  2193. 				
  2194. 				if (window.parent != window)
  2195. 				{
  2196. 					var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
  2197. 					if (eleOuter != null)
  2198. 					{
  2199. 						if (eleOuter.style.display == "none")
  2200. 						{
  2201. 							// Closed iFrame
  2202. 							eleInput.checked = false;
  2203. 							GM_setValue("isAutoApprove", "false");
  2204. 						}
  2205. 					}
  2206. 				}
  2207. 						
  2208. 				if (GM_getValue("isAutoApprove", 0) == "true")
  2209. 				{
  2210. 					eleInput.checked = true;
  2211. 					autoApprove();
  2212. 				}
  2213.  
  2214. 				eleInput.addEventListener("click", function (e)
  2215. 				{
  2216. 					var ele = e.target;
  2217. 					if (ele.checked)
  2218. 					{
  2219. 						GM_setValue("isAutoApprove", "true");
  2220. 						autoApprove();
  2221. 					}
  2222. 					else
  2223. 					{
  2224. 						GM_setValue("isAutoApprove", "false");
  2225. 					}
  2226. 				});
  2227. 			}
  2228. 		}
  2229. 		
  2230. 		// Warn when remove
  2231. 		{
  2232. 			var elesRemove = document.querySelectorAll(".suggestion_signature input[value='REMOVE']");
  2233. 			for (var i = 0; i < elesRemove.length; i++)
  2234. 			{
  2235. 				var oldClick = elesRemove[i].getAttribute("onclick");
  2236. 				if (oldClick != null && oldClick.indexOf("location.href") == 0)
  2237. 				{
  2238. 					var eleSug = elesRemove[i].parentElement.parentElement.parentElement.parentElement;
  2239. 					if (eleSug.classList.contains("suggestion"))
  2240. 					{
  2241. 						var eleOnion = eleSug.querySelector(".suggestion_text font[style='color:#01ec00;']");
  2242. 						if (eleOnion != null)
  2243. 						{
  2244. 							var newClick = "if (!confirm(\"Warning: You will delete your onion. Press Cancel to go back.\")) return false; "
  2245. 								+ oldClick;
  2246. 							elesRemove[i].setAttribute("onclick", newClick);
  2247. 							elesRemove[i].setAttribute("title", "Do not remove your onion!");
  2248. 							elesRemove[i].style.color = "#777";
  2249. 							elesRemove[i].style.cursor = "not-allowed";
  2250. 						}
  2251. 						else
  2252. 						{
  2253. 							var eleComment = elesRemove[i].previousElementSibling.previousElementSibling;
  2254. 							if (eleComment != null)
  2255. 							{
  2256. 								if (eleComment.textContent.trim().indexOf("Comment:") == 0)
  2257. 								{
  2258. 									var newClick = "if (!confirm(\"Warning: You should not remove this suggestion. Press OK if you really want.\")) return false; "
  2259. 										+ oldClick;
  2260. 									elesRemove[i].setAttribute("onclick", newClick);
  2261. 									elesRemove[i].setAttribute("title", "Your suggestion that has a comment!");
  2262. 									elesRemove[i].style.color = "#777";
  2263. 									elesRemove[i].style.cursor = "not-allowed";
  2264. 								}
  2265. 							}
  2266. 						}
  2267. 					}
  2268. 				}
  2269. 			}
  2270. 		}
  2271. 		
  2272. 		// Clean language markers that link to Steam
  2273. 		{
  2274. 			var rgxLang = /\?l=[a-z]+$/i;
  2275. 			
  2276. 			var elesFriend = document.querySelectorAll(".friend_block_discussions");
  2277. 			for (var i = 0; i < elesFriend.length; i++)
  2278. 			{
  2279. 				var eleDiscuss = elesFriend[i].parentElement.nextElementSibling;
  2280. 				if (eleDiscuss.querySelector("font[style='color:#EDB687;']") == null)
  2281. 				{
  2282. 					var elesA = eleDiscuss.querySelectorAll("a[href*='steam']");
  2283. 					for (var j = 0; j < elesA.length; j++)
  2284. 					{
  2285. 						var href = elesA[j].getAttribute("href");
  2286. 						if (rgxLang.test(href))
  2287. 						{
  2288. 							elesA[j].setAttribute("href", href.replace(rgxLang, ""));
  2289. 						}
  2290. 					}
  2291. 				}
  2292. 			}	
  2293. 		}
  2294. 		
  2295. 	} // End suggestions.php
  2296.  
  2297. 	if (url.indexOf("translate.php") > -1)
  2298. 	{
  2299. 		var searchText = getQueryByName("search_input");
  2300. 		if (searchText != "")
  2301. 		{
  2302. 			document.title = searchText + " - " + document.title;
  2303. 		}
  2304. 		else
  2305. 		{
  2306. 			var fileID = getQueryByName("file_ID");
  2307. 			if (fileID != "")
  2308. 			{
  2309. 				var eleFile = document.querySelector("#leftAreaContainer label[for='chosenfile']");
  2310. 				if (eleFile != null)
  2311. 				{
  2312. 					var file = eleFile.textContent.trim();
  2313. 					if (file.indexOf("Limit search results to CURRENT FILE: ") == 0)
  2314. 					{
  2315. 						file = file.replace("Limit search results to CURRENT FILE: ", "");
  2316. 						var fileNew = file.split("#").reverse().join(" # ").trim();						
  2317. 						document.title = fileNew + " - " + document.title;
  2318. 					}
  2319. 				}
  2320. 			}
  2321. 			else
  2322. 			{
  2323. 				var eleInput = document.querySelector("#search_input");
  2324. 				if (eleInput != null)
  2325. 				{
  2326. 					var valInput = eleInput.value.trim();
  2327. 					if (valInput.indexOf("SUGGESTIONS FROM: ") == 0)
  2328. 					{
  2329. 						document.title = valInput.replace("SUGGESTIONS FROM: ", "") + " - " + document.title;
  2330. 					}
  2331. 				}
  2332. 			}
  2333. 		}
  2334. 	
  2335. 		var outer = document.getElementById("suggestions_box_outer");
  2336. 		if (outer != null)
  2337. 		{
  2338. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  2339. 		}
  2340. 	
  2341. 		var divBtn = document.createElement("div");
  2342. 		document.body.appendChild(divBtn);
  2343. 		divBtn.innerHTML = ' \
  2344. <div class="stsh_showing_group"> \
  2345. 	<span class="stsh_showing_header">Hide</span>\
  2346. 	<br/> &nbsp; <input value="App" class="stsh_btn_short" type="button" onclick="hideKeyAppInterval(); return false;" /> \
  2347. 	<input value="Game" class="stsh_btn_short" type="button" onclick="hideKeyGameInterval(); return false;" /> \
  2348. 	<br/> &nbsp; <input value="FAQ" class="stsh_btn_short" type="button" onclick="hideKeyFaqInterval(); return false;" /> \
  2349. 	<input value="Support" class="stsh_btn_short" type="button" onclick="hideKeySupportInterval(); return false;" /> \
  2350. 	<br/> &nbsp; <input value="Promo" class="stsh_btn_short" type="button" onclick="hideKeyPromoInterval(); return false;" /> \
  2351. 	<input value="Email" class="stsh_btn_short" type="button" onclick="hideKeyEmailInterval(); return false;" /> \
  2352. 	<br/> \
  2353. 	<br/> &nbsp; <input value="Hide not similar" class="stsh_btn_long" type="button" onclick="hideStrNotMatchInterval(); return false;" /> \
  2354. 	<br/> &nbsp; <input value="Hide very long" class="stsh_btn_long" type="button" onclick="hideStrLongInterval(); return false;" /> \
  2355. 	 \
  2356. 	<br/> &nbsp; <span class="stsh_showing_header">Hide Suggestions</span>\
  2357. 	<br/> &nbsp; <input id="stsh_showing_notTranslated" value="Not Translated (0)" class="stsh_btn_long" type="button" /> \
  2358. 	<br/> &nbsp; <input id="stsh_showing_suggested" value="Suggested (0)" class="stsh_btn_long" type="button" /> \
  2359. 	<br/> &nbsp; <input id="stsh_showing_resuggested" value="Resuggested (0)" class="stsh_btn_long" type="button" /> \
  2360. 	<br/> &nbsp; <input id="stsh_showing_approved" value="Approved (0)" class="stsh_btn_long" type="button" /> \
  2361. 	<br/> &nbsp; <input id="stsh_showing_declined" value="Declined (0)" class="stsh_btn_long" type="button" /> \
  2362. 	<br/> &nbsp; <input id="stsh_showing_translated" value="Translated (0)" class="stsh_btn_long" type="button" /> \
  2363. 	 \
  2364. 	<br/> &nbsp; <span class="stsh_showing_header">Sort by</span>\
  2365. 	<br/> &nbsp; <input value="Key" class="stsh_btn_short" type="button" onclick="sortKeyInterval(); return false;" /> \
  2366. 	<input value="String" class="stsh_btn_short" type="button" onclick="sortStringInterval(); return false;" /> \
  2367. 	<br/> &nbsp; <input value="Word" class="stsh_btn_short" type="button" onclick="sortWordInterval(); return false;" /> \
  2368. 	<input value="Length" class="stsh_btn_short" type="button" onclick="sortLengthInterval(); return false;" /> \
  2369. 	<br/> \
  2370. 	<br/> &nbsp; <input id="stsh_showing_refresh" value="Refresh" class="stsh_btn" type="button" onclick="hideSuggestionsBox(); return false;" /> \
  2371. 	<br/> &nbsp; <input id="stsh_showing_all" value="Show All" class="stsh_btn" type="button" onclick="showKey(); return false;" /> \
  2372. </div> \
  2373. <div id="stsh_showing_current"></div> \
  2374. <div id="stsh_showing"></div> \
  2375. ';
  2376.  
  2377. 		// Count showing
  2378. 		function countShowing()
  2379. 		{
  2380. 			if (!isVisible()) return;
  2381. 			
  2382. 			var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  2383. 			var countAll = document.querySelectorAll("#keylist .copysmall").length;
  2384. 			var countShow = 0;
  2385. 			var countSuggest = 0;
  2386. 			var countResuggest = 0;
  2387. 			var countApprove = 0;
  2388. 			var countDecline = 0;
  2389. 			var countNotTranslated = 0;
  2390. 			var countTranslated = 0;
  2391. 			
  2392. 			var txtApprove = "ready for Admin";
  2393. 			var txtDecline = "ready for removal";
  2394. 			var txtSuggest = "suggestion";
  2395. 			
  2396. 			for (var i = 0; i < trKeys.length; i++)
  2397. 			{
  2398. 				if (trKeys[i].style.display != "none")
  2399. 				{
  2400. 					var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  2401. 					if (eleCounter != null)
  2402. 					{
  2403. 						countShow++;
  2404. 						var txtCounter = eleCounter.textContent.trim();
  2405. 						if (txtCounter.indexOf(txtApprove) > -1)
  2406. 						{
  2407. 							countApprove++;
  2408. 						}
  2409. 						else if (txtCounter.indexOf(txtDecline) > -1)
  2410. 						{
  2411. 							countDecline++;
  2412. 						}
  2413. 						else if (txtCounter.indexOf(txtSuggest) > -1)
  2414. 						{
  2415. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2416. 							if (eleNotTranslated != null)
  2417. 							{
  2418. 								countSuggest++;
  2419. 							}
  2420. 							else
  2421. 							{
  2422. 								countResuggest++;
  2423. 							}
  2424. 						}
  2425. 						else
  2426. 						{						
  2427. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2428. 							if (eleNotTranslated != null)
  2429. 							{
  2430. 								countNotTranslated++;
  2431. 							}
  2432. 							else
  2433. 							{
  2434. 								countTranslated++;
  2435. 							}
  2436. 						}
  2437. 					}
  2438. 					else
  2439. 					{
  2440. 						var eleTd = trKeys[i].querySelector("td");
  2441. 						if (eleTd != null)
  2442. 						{
  2443. 							if (eleTd.textContent.trim() == "")
  2444. 							{
  2445. 								trKeys[i].parentElement.removeChild(trKeys[i]);
  2446. 							}
  2447. 						}
  2448. 					}
  2449. 				}
  2450. 			}
  2451. 			var eleShowing = document.getElementById("stsh_showing");
  2452. 			if (eleShowing != null)
  2453. 			{			
  2454. 				var newHtml = "Showing: <span class=\"stsh_showing_counter\">" + countShow + " of " + countAll + "</span>"
  2455. 					+ "<!-- " + countNotTranslated + ", " + countSuggest + ", " + countResuggest
  2456. 					+ ", " + countApprove + ", " + countDecline + ", " + countTranslated + " -->";
  2457. 					
  2458. 				if (eleShowing.innerHTML != newHtml)
  2459. 				{
  2460. 					eleShowing.innerHTML = newHtml;
  2461.  
  2462. 					var eleBtnShowings = document.querySelectorAll("#stsh_showing_notTranslated, #stsh_showing_suggested, #stsh_showing_resuggested"
  2463. 						+ ", #stsh_showing_approved, #stsh_showing_declined, #stsh_showing_translated");
  2464. 					if (eleBtnShowings.length == 6)
  2465. 					{
  2466. 						var counterArr = [countNotTranslated, countSuggest, countResuggest, countApprove, countDecline, countTranslated ];
  2467. 						var counterTextArr = ["Not Translated", "Suggested", "Resuggested"
  2468. 							, "Approved", "Declined", "Translated" ];
  2469.  
  2470. 						for (var i = 0; i < eleBtnShowings.length; i++)
  2471. 						{
  2472. 							eleBtnShowings[i].value = counterTextArr[i] + " ("+ counterArr[i] +")" ;
  2473. 						};
  2474. 					}
  2475. 				}
  2476. 			}
  2477. 			var eleShowingCur = document.getElementById("stsh_showing_current");
  2478. 			if (eleShowingCur != null)
  2479. 			{
  2480. 				var eleOuter = document.getElementById("suggestions_box_outer");
  2481. 				if (eleOuter != null)
  2482. 				{	
  2483. 					if (eleOuter.style.display != "none")
  2484. 					{
  2485. 						if (eleShowingCur.style.display != "initial")
  2486. 							eleShowingCur.style.display = "initial";
  2487. 						
  2488. 						var eleIframe = document.getElementById("suggestions_iframe");
  2489. 						var iUrl = eleIframe.contentWindow.location.href;
  2490. 						var listId = parseInt(getQueryByName("list_id", iUrl));
  2491. 						
  2492. 						if (isNaN(listId))
  2493. 							listId = 1;
  2494. 						else
  2495. 							listId += 1;
  2496. 						
  2497. 						var newHtml = "Current: <span class=\"stsh_showing_counter\">" + listId + " of " + countShow + "</span>";
  2498. 						if (eleShowingCur.innerHTML != newHtml)
  2499. 						{
  2500. 							eleShowingCur.innerHTML = newHtml;
  2501. 						}
  2502. 					}
  2503. 					else
  2504. 					{
  2505. 						if (eleShowingCur.style.display != "none")
  2506. 						{
  2507. 							eleShowingCur.style.display = "none";
  2508. 							eleShowingCur.innerHTML = "";
  2509. 						}
  2510. 					}
  2511. 				}
  2512. 			}
  2513. 		}
  2514. 		countShowing();
  2515. 		setIntervalCustom(countShowing, 1000);
  2516. 		// End Count showing
  2517.  
  2518. 		// Line Counter
  2519. 		function addLineCounter()
  2520. 		{
  2521. 			if (!isVisible()) return;
  2522. 			
  2523. 			var elesCounter = document.querySelectorAll(".stsh_lineCounter");
  2524. 			if (elesCounter.length > 0)
  2525. 			{
  2526. 				var j = 1;
  2527. 				for (var i = 0; i < elesCounter.length; i++)
  2528. 				{
  2529. 					if (elesCounter[i].parentElement.parentElement.parentElement.parentElement.style.display != "none")
  2530. 					{
  2531. 						if (elesCounter[i].textContent.trim() != j)
  2532. 						{
  2533. 							elesCounter[i].textContent = j;
  2534. 						}
  2535. 						j++;
  2536. 					}
  2537. 				}
  2538. 			}
  2539. 			else
  2540. 			{
  2541. 				var elesDiv = document.querySelectorAll("#keylist td:nth-child(1) > div");
  2542. 				for (var i = 0; i < elesDiv.length; i++)
  2543. 				{
  2544. 					var eleNew = document.createElement("span");
  2545. 					eleNew.classList.add("stsh_lineCounter_outer");
  2546. 					eleNew.innerHTML =
  2547. 						'   <span class="stsh_lineCounter"> '
  2548. 						+ (i + 1)
  2549. 						+ ' </span> ';
  2550. 					
  2551. 					elesDiv[i].appendChild(eleNew);
  2552. 				}
  2553. 			}
  2554. 		}
  2555. 		addLineCounter();
  2556. 		setIntervalCustom(addLineCounter, 1000);
  2557. 		// End Line Counter
  2558. 		
  2559. 		// Hide suggestions
  2560. 		{
  2561. 			function hideSuggestions(mode) 
  2562. 			{
  2563. 				// mode: 0-5 (0: "Not Translated", 1: "Suggested", 2: "Resuggested", 3: "Approved", 4: "Declined", 5: "Translated")
  2564.  
  2565. 				if (!isVisible()) return;
  2566. 			
  2567. 				if (mode < 0 || mode > 5) return;
  2568.  
  2569. 				var display = "none"; 
  2570. 				var txtApprove = "ready for Admin";
  2571. 				var txtDecline = "ready for removal";
  2572. 				var txtSuggest = "suggestion";
  2573. 				 
  2574. 				var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  2575. 				for (var i = 0; i < trKeys.length; i++) 
  2576. 				{ 
  2577. 					if (trKeys[i].style.display != display)
  2578. 					{
  2579. 						var curMode = -1;
  2580.  
  2581. 						var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  2582. 						if (eleCounter != null)
  2583. 						{
  2584.  
  2585. 							var txtCounter = eleCounter.textContent.trim();
  2586. 							if (txtCounter.indexOf(txtApprove) > -1)
  2587. 							{
  2588. 								curMode = 3;	// Approved
  2589. 							}
  2590. 							else if (txtCounter.indexOf(txtDecline) > -1)
  2591. 							{
  2592. 								curMode = 4;	// Declined
  2593. 							}
  2594. 							else if (txtCounter.indexOf(txtSuggest) > -1)
  2595. 							{
  2596. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2597. 								if (eleNotTranslated != null)
  2598. 								{
  2599. 									curMode = 1;	// Suggested
  2600. 								}
  2601. 								else
  2602. 								{
  2603. 									curMode = 2;	// Resuggested
  2604. 								}
  2605. 							}
  2606. 							else
  2607. 							{						
  2608. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2609. 								if (eleNotTranslated != null)
  2610. 								{
  2611. 									curMode = 0;	// Not Translated
  2612. 								}
  2613. 								else
  2614. 								{
  2615. 									curMode = 5;	// Translated
  2616. 								}
  2617. 							}
  2618. 						}
  2619.  
  2620. 						if (curMode == mode) 
  2621. 						{ 
  2622. 							trKeys[i].style.display = display;
  2623. 						} 
  2624. 					}
  2625. 				} 
  2626. 			}
  2627.  
  2628. 			var itvTime = 300;
  2629. 			var itvIdHider = [0, 0, 0, 0, 0, 0];
  2630.  
  2631. 			var eleBtnShowings = document.querySelectorAll("#stsh_showing_notTranslated, #stsh_showing_suggested, #stsh_showing_resuggested"
  2632. 				+ ", #stsh_showing_approved, #stsh_showing_declined, #stsh_showing_translated");
  2633. 			if (eleBtnShowings.length == 6)
  2634. 			{
  2635. 				for (var i = 0; i < eleBtnShowings.length; i++)
  2636. 				{
  2637. 					eleBtnShowings[i].param = i;
  2638. 					eleBtnShowings[i].addEventListener("click", function(ev)
  2639. 					{
  2640. 						var mode = ev.target.param;
  2641.  
  2642. 						clearInterval(itvIdHider[mode]);
  2643. 						itvIdHider[mode] = setIntervalCustom(function(ev)
  2644. 						{
  2645. 							hideSuggestions(mode);
  2646. 						}, itvTime);
  2647.  
  2648. 						hideSuggestions(mode);
  2649. 						countShowing();
  2650. 						eleBtnShowings[mode].setAttribute("disabled", "disabled");
  2651. 					});
  2652. 				}
  2653.  
  2654. 				var eleBtnShowAll = document.querySelector("#stsh_showing_all");
  2655. 				if (eleBtnShowAll != null)
  2656. 				{
  2657. 					eleBtnShowAll.addEventListener("click", function()
  2658. 					{
  2659. 						for (var i = 0; i < eleBtnShowings.length; i++)
  2660. 						{
  2661. 							clearInterval(itvIdHider[i]);
  2662. 							countShowing();
  2663. 							eleBtnShowings[i].removeAttribute("disabled");
  2664. 						}
  2665. 					});
  2666. 				}
  2667. 			}
  2668.  
  2669. 		} // End Hide suggestions
  2670.  
  2671. 		resizeSuggestionBox();
  2672. 	
  2673. 		// Add Frame button when iframe load failed
  2674. 		{
  2675. 			var ifrm = document.querySelector("#suggestions_iframe");
  2676. 			if (ifrm != null)
  2677. 			{
  2678. 				ifrm.addEventListener("DOMAttrModified", function (ev) 
  2679. 				{
  2680. 					if (ev.attrName === "src")
  2681. 					{
  2682. 						var divFrame = document.querySelector("#stsh_frame");
  2683. 						if (divFrame == null)
  2684. 						{
  2685. 							var divOuter = document.querySelector("#suggestions_box_outer");
  2686. 							if (divOuter != null)
  2687. 							{
  2688. 								divFrame = document.createElement("div");
  2689. 								divFrame.id = "stsh_frame";
  2690. 								divOuter.appendChild(divFrame);
  2691. 							}
  2692. 						}
  2693. 						if (divFrame != null)
  2694. 						{
  2695. 							var src = ifrm.getAttribute("src");
  2696. 							divFrame.innerHTML = '<br/> <a class="stsh_a_button" target="_blank" ' 
  2697. 								+ ' href="'	+ src + '">Frame</a> ';
  2698. 						}
  2699. 					}
  2700. 				}, false);
  2701. 			} 
  2702. 		}
  2703. 		
  2704. 		// Open frame if only one string
  2705. 		{
  2706. 			setTimeoutCustom(function()
  2707. 			{
  2708. 				var elesCopy = document.querySelectorAll("#keylist .copysmall");
  2709. 				if (elesCopy.length == 1)
  2710. 				{
  2711. 					var eleDiv = elesCopy[0].parentElement.parentElement.parentElement;
  2712. 					
  2713. 					if (eleDiv.tagName == "DIV")
  2714. 					{
  2715. 						if (!isVisible())
  2716. 						{
  2717. 							eleDiv.click();
  2718. 						}
  2719. 					}
  2720. 				}
  2721. 			}, 1000);
  2722. 		}
  2723. 	
  2724. 	} // End translate.php
  2725.  
  2726. 	if (url.indexOf("user_activity.php") > -1)
  2727. 	{	
  2728. 		var user = "";
  2729. 		var eleAvatar = document.querySelector(".friend_block_avatar > a[href^='https://steamcommunity.com']");
  2730. 		if (eleAvatar != null)
  2731. 		{
  2732. 			eleAvatar.href = eleAvatar.href.replace("https://steamcommunity.com", "http://steamcommunity.com");
  2733. 			
  2734. 			if (eleAvatar.href.indexOf("http://steamcommunity.com/profiles/") == 0)
  2735. 			{
  2736. 				user = eleAvatar.href.replace("http://steamcommunity.com/profiles/", "");
  2737. 			}
  2738. 			
  2739. 			var name = eleAvatar.firstElementChild.getAttribute("title");
  2740. 			if (name == "")
  2741. 			{
  2742. 				name = user;
  2743. 			}
  2744. 			document.title = name + " - " + document.title;
  2745. 		}
  2746.  
  2747. 		var stsh_activityAddLink_start = new Date();
  2748. 		var stsh_activityAddLink_itv = setIntervalCustom(function(user)
  2749. 		{
  2750. 			var stsh_activityAddLink_isEnd = false;
  2751. 			var stsh_activityAddLink_cur = new Date(); 
  2752. 	
  2753. 			var h3s = document.querySelectorAll("#leftAreaContainer h3");
  2754. 			if (h3s.length == 2)
  2755. 			{
  2756. 				var td = h3s[1].parentElement;
  2757. 				var matchArr = td.innerHTML.match(/<\/h3>.+<br>/i);
  2758. 				if (matchArr != null)
  2759. 				{
  2760. 					var name = matchArr[0].replace("</h3>-","").replace("-<br>","").replace("<br>","").trim();
  2761. 					if (name == "")
  2762. 					{
  2763. 						name = user;
  2764. 					}
  2765. 					if (name == "")
  2766. 					{
  2767. 						name = "Steam";
  2768. 					}
  2769. 					
  2770. 					var tagNew = "";
  2771. 					if (user == "")
  2772. 					{
  2773. 						tagNew = "</h3><a id='stsh_sectionId' class='stsh_blue' target='_blank' href='http://steamcommunity.com/my'>" + name + "</a>"
  2774. 							+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/WhereIsEsty.php'>Esty</a><br><br>";
  2775. 					}
  2776. 					else
  2777. 					{
  2778. 						tagNew = "</h3><a id='stsh_sectionId' class='stsh_blue' target='_blank' href='http://steamcommunity.com/profiles/"
  2779. 							+ user + "'>" + name + "</a>"
  2780. 							+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/WhereIsEsty.php?collectionof=" 
  2781. 							+ user + "'>Esty</a>"
  2782. 							/*+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/translate.php?user=" 
  2783. 							+ user + "&onionhunter=1&liststatus=1'>Onion</a>*/
  2784. 							+ " <br><br> ";
  2785. 					}
  2786. 					td.innerHTML = td.innerHTML.replace(/<\/h3>.+<br>/i, tagNew);
  2787. 					
  2788. 					stsh_activityAddLink_isEnd = true;
  2789. 				}
  2790. 				
  2791. 				if (stsh_activityAddLink_isEnd || stsh_activityAddLink_cur - stsh_activityAddLink_start > 10000)
  2792. 				{
  2793. 					clearInterval(stsh_activityAddLink_itv);
  2794. 				}
  2795. 			}
  2796. 		}, 300, user);
  2797. 		
  2798. 		var countWord = "";
  2799. 		var countSugg = "";
  2800. 		
  2801. 		var inputDials = document.querySelectorAll("#leftAreaContainer input.dial");
  2802. 		if (inputDials.length == 2)
  2803. 		{
  2804. 			countWord = inputDials[0].getAttribute("title").replace("words", "").trim();
  2805. 			countSugg = inputDials[1].getAttribute("title").replace("suggestions", "").trim();
  2806. 		}
  2807. 		
  2808. 		var tdCount = document.querySelector("#leftAreaContainer td[align='left']");
  2809. 		if (tdCount != null)
  2810. 		{
  2811. 			tdCount.innerHTML = '<div style="width: 100px; display: inline-block; text-align: center;">Word: '
  2812. 				+ countWord + '</div> <div style="width: 100px; display: inline-block; text-align: center; margin-left: 13px;">Suggestion: '
  2813. 				+ countSugg + '</div>';
  2814. 		}
  2815. 		
  2816. 		var sug = document.body.textContent;
  2817. 	
  2818. 		var regComment = /VIEW COMMENT/g;
  2819. 		var regSuggest = /VIEW SUGGESTION/g;
  2820. 	
  2821. 		var strComment = "...RECEIVED A MODERATOR COMMENT";
  2822. 		var strPending = "...ARE PENDING";
  2823. 		var strApproved = "...WERE APPROVED";
  2824. 		var strDeclined = "...WERE DECLINED";
  2825. 		var strApplied = "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS";
  2826. 		var strRemoved = "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS";
  2827. 	
  2828. 		var startComment = sug.indexOf(strComment);
  2829. 		var startPending = sug.indexOf(strPending);
  2830. 		var startApproved = sug.indexOf(strApproved);
  2831. 		var startDeclined = sug.indexOf(strDeclined);
  2832. 		var startApplied = sug.indexOf(strApplied);
  2833. 		var startRemoved = sug.indexOf(strRemoved);
  2834. 	
  2835. 		var sugComment = sug.substring(startComment,startPending);
  2836. 		var sugPending = sug.substring(startPending,startApproved);
  2837. 		var sugApproved = sug.substring(startApproved,startDeclined);
  2838. 		var sugDeclined = sug.substring(startDeclined,startApplied);
  2839. 		var sugApplied = sug.substring(startApplied,startRemoved);
  2840. 		var sugRemoved = sug.substring(startRemoved);
  2841. 	
  2842. 		var countComment = (sugComment.match(regComment) || []).length;
  2843. 		var countPending = (sugPending.match(regSuggest) || []).length;
  2844. 		var countApproved = (sugApproved.match(regSuggest) || []).length;
  2845. 		var countDeclined = (sugDeclined.match(regSuggest) || []).length;
  2846. 		var countApplied = (sugApplied.match(regSuggest) || []).length;
  2847. 		var countRemoved = (sugRemoved.match(regSuggest) || []).length;
  2848. 	
  2849. 		var divBtn = document.createElement("div");
  2850. 		document.body.appendChild(divBtn);
  2851. 		divBtn.innerHTML = ' \
  2852. <div style="position: fixed; z-index: 3; right: 12px; top: 84px; line-height: 24px; text-align: right;"> \
  2853. 	&nbsp; <input id="stsh_btnToProgress" value="To Progress" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionId\', -50); return false;" /> \
  2854. 	 \
  2855. 	<br/> &nbsp; <span class="stsh_scroll_header">Scroll To</span>\
  2856. 	<br/> &nbsp; <input value="Comment (' + countComment + ')" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionComment\'); return false;" /> \
  2857. 	<br/> &nbsp; <input value="Pending (' + countPending + ')" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionPending\'); return false;" /> \
  2858. 	<br/> &nbsp; <input value="Approved (' + countApproved + ')" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApproved\'); return false;" /> \
  2859. 	<br/> &nbsp; <input value="Declined (' + countDeclined + ')" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionDeclined\'); return false;" /> \
  2860. 	<br/> &nbsp; <input value="Applied (' + countApplied + ')" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApplied\'); return false;" /> \
  2861. 	<br/> &nbsp; <input value="Removed (' + countRemoved + ')" class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionRemoved\'); return false;" /> \
  2862. 	<br/> \
  2863. 	<br/> &nbsp; <input value="Hide Suggestions" class="stsh_btn_long" type="button" onclick="hideSuggestion(); return false;" /> \
  2864. 	<br/> &nbsp; <input value="Show Suggestions" class="stsh_btn_long" type="button" onclick="showSuggestion(); return false;" /> \
  2865. 	<br/> \
  2866. 	<br/> &nbsp; <input value="Refresh" class="stsh_btn_long" type="button" onclick="window.location = window.location.href; return false;" /> \
  2867. </div> \
  2868. ';
  2869.  
  2870. 		var divContainer = document.querySelector("#leftAreaContainer");
  2871. 		if (divContainer != null)
  2872. 		{
  2873. 			divContainer.innerHTML = divContainer.innerHTML
  2874. 				.replace("...RECEIVED A MODERATOR COMMENT",
  2875. 					"<span id='stsh_sectionComment' class='stsh_suggestion_header'>...RECEIVED A MODERATOR COMMENT (" 
  2876. 						+ countComment + ")</span>")
  2877. 				.replace("...ARE PENDING",
  2878. 					"<span id='stsh_sectionPending' class='stsh_suggestion_header'>...ARE PENDING (" 
  2879. 						+ countPending + ")</span>")
  2880. 				.replace("...WERE APPROVED",
  2881. 					"<span id='stsh_sectionApproved' class='stsh_suggestion_header'>...WERE APPROVED (" 
  2882. 						+ countApproved + ")</span>")
  2883. 				.replace("...WERE DECLINED",
  2884. 					"<span id='stsh_sectionDeclined' class='stsh_suggestion_header'>...WERE DECLINED (" 
  2885. 						+ countDeclined + ")</span>")
  2886. 				.replace("...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS",
  2887. 					"<span id='stsh_sectionApplied' class='stsh_suggestion_header'>...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS (" 
  2888. 						+ countApplied + ")</span>")
  2889. 				.replace("...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS",
  2890. 					"<span id='stsh_sectionRemoved' class='stsh_suggestion_header'>...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS (" 
  2891. 						+ countRemoved + ")</span>");
  2892. 		}
  2893. 		
  2894. 		var eleHours = document.querySelector("#hours");
  2895. 		if (eleHours != null)
  2896. 		{
  2897. 			var eleBtn = document.querySelector("#stsh_btnToProgress");
  2898. 			if (eleBtn != null)
  2899. 			{
  2900. 				var ele = document.createElement("input");
  2901. 				ele.classList.add("stsh_btn_long");
  2902. 				ele.setAttribute("value", "To Hours");
  2903. 				ele.setAttribute("type", "button");
  2904. 				ele.setAttribute("onclick", "scrollToId('hours', 190); return false;");
  2905. 				insertAfterElement(ele, eleBtn);
  2906. 				
  2907. 				ele = document.createTextNode(" \u00A0 ");
  2908. 				insertAfterElement(ele, eleBtn);
  2909. 				
  2910. 				ele = document.createElement("br");
  2911. 				insertAfterElement(ele, eleBtn);
  2912. 			}
  2913. 		}
  2914. 		
  2915. 		var cans = document.querySelectorAll("canvas");
  2916. 		for (var i = 0; i < cans.length; i++)
  2917. 		{
  2918. 			cans[i].parentElement.removeChild(cans[i]);
  2919. 		}
  2920. 		
  2921. 		var aKeys = document.querySelectorAll("#leftAreaContainer li > a:nth-child(1)");
  2922. 		for (var i = 0; i < aKeys.length; i++)
  2923. 		{
  2924. 			var key = aKeys[i].textContent;
  2925. 			var keyArr = key.substr(21).trim().split(" >> ");
  2926. 			keyArr[0] = "<span style='color: #FFF !important;'>" + keyArr[0] + "</span>";
  2927. 			var keyNew = key.substr(0,21) + keyArr.join(" >> ") + "";
  2928. 			aKeys[i].innerHTML = keyNew;
  2929. 		}
  2930. 	
  2931. 		var liMode = strComment;
  2932. 	
  2933. 		var liSugs = document.querySelectorAll("#leftAreaContainer > li, #leftAreaContainer > form > li");
  2934. 		for (var i = 0; i < liSugs.length; i++)
  2935. 		{		
  2936. 			if (liMode == strComment)
  2937. 			{
  2938. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_comment");
  2939. 			}
  2940. 			else if (liMode == strPending)
  2941. 			{
  2942. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_pending");
  2943. 			}
  2944. 			else if (liMode == strApproved)
  2945. 			{
  2946. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_approved");
  2947. 			}
  2948. 			else if (liMode == strDeclined)
  2949. 			{
  2950. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_declined");
  2951. 			}
  2952. 			else if (liMode == strApplied)
  2953. 			{
  2954. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_applied");
  2955. 			}
  2956. 			else if (liMode == strRemoved)
  2957. 			{
  2958. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_removed");
  2959. 			}
  2960. 		
  2961. 			var content = liSugs[i].textContent;
  2962. 			if (content.indexOf(strRemoved) > -1)
  2963. 			{
  2964. 				liMode = strRemoved;
  2965. 			}
  2966. 			else if (content.indexOf(strApplied) > -1)
  2967. 			{
  2968. 				liMode = strApplied;
  2969. 			}
  2970. 			else if (content.indexOf(strDeclined) > -1)
  2971. 			{
  2972. 				liMode = strDeclined;
  2973. 			}
  2974. 			else if (content.indexOf(strApproved) > -1)
  2975. 			{
  2976. 				liMode = strApproved;
  2977. 			}
  2978. 			else if (content.indexOf(strPending) > -1)
  2979. 			{
  2980. 				liMode = strPending;
  2981. 			}
  2982. 		}
  2983. 		
  2984. 		// Change language & correct url
  2985. 		{
  2986. 			var aProgresses = document.querySelectorAll("div > .friend_block_avatar a[onmouseout]");
  2987. 			for (var i = 0; i < aProgresses.length; i++)
  2988. 			{				
  2989. 				var langCur = getQueryByName("lang", aProgresses[i].href);
  2990. 				if (langCur == "")
  2991. 				{
  2992. 					aProgresses[i].href = aProgresses[i].href + lang;
  2993. 				}
  2994. 				else
  2995. 				{
  2996. 					if (langCur != lang)
  2997. 					{
  2998. 						var langQuery = (url.indexOf("?") > -1) ? "&lang=" : "?lang=";
  2999. 						window.location = url + langQuery + langCur;
  3000. 					}
  3001. 				}
  3002. 				
  3003. 				var aContent = aProgresses[i].textContent.trim();
  3004. 				if (aContent.indexOf("SUGGESTIONS") > -1)
  3005. 				{
  3006. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=1&paginationrows=1000";
  3007. 				}
  3008. 				else if (aContent.indexOf("REVIEWS") > -1)
  3009. 				{
  3010. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=3&paginationrows=1000";
  3011. 				}
  3012. 			}
  3013. 		}
  3014. 		
  3015. 		// Add hours calculator
  3016. 		{
  3017. 			var eleFinalize = document.querySelector("#hours input[name='Finalize']");
  3018. 			if (eleFinalize != null)
  3019. 			{
  3020. 				var eleFinalizeParent = eleFinalize.parentElement;
  3021. 				eleFinalizeParent.setAttribute("colspan", "2");
  3022. 				eleFinalizeParent.style.verticalAlign = "top";
  3023. 				
  3024. 				var elePad = document.createElement("td");
  3025. 				insertBeforeElement(elePad, eleFinalizeParent);
  3026. 				
  3027. 				var eleCalc = document.createElement("td");
  3028. 				eleCalc.classList.add("stsh_hoursCalc");
  3029. 				
  3030. 				insertBeforeElement(eleCalc, eleFinalizeParent);
  3031. 				
  3032. 				var ele = document.createElement("b");
  3033. 				ele.textContent = " Hours Calculator ";
  3034. 				eleCalc.appendChild(ele);
  3035. 				
  3036. 				ele = document.createElement("br");
  3037. 				eleCalc.appendChild(ele);
  3038. 				
  3039. 				var ele = document.createElement("span");
  3040. 				ele.innerHTML = " Enter date or time to calculate range (calculate only hours and minutes). "
  3041. 					+ "<br/>You can enter date \"2016-01-01 08:05:00\" or time \"8:05\" or time \"8.05\".";
  3042. 				ele.setAttribute("style", "display: inline-block; padding-bottom: 4px;");
  3043. 				eleCalc.appendChild(ele);
  3044. 				
  3045. 				ele = document.createElement("br");
  3046. 				eleCalc.appendChild(ele);
  3047. 				
  3048. 				var ele = document.createElement("span");
  3049. 				ele.textContent = " From: ";
  3050. 				eleCalc.appendChild(ele);
  3051. 				
  3052. 				var ele = document.createElement("input");
  3053. 				ele.id = "stsh_hoursCalc_from"
  3054. 				ele.setAttribute("type", "text");
  3055. 				ele.setAttribute("onkeypress", "return event.keyCode != 13;");
  3056. 				ele.addEventListener("keyup", function()
  3057. 				{
  3058. 					calculateHours();
  3059. 				});
  3060. 				eleCalc.appendChild(ele);
  3061. 				
  3062. 				var ele = document.createElement("span");
  3063. 				ele.innerHTML = "&nbsp;&nbsp; To: ";
  3064. 				eleCalc.appendChild(ele);
  3065. 				
  3066. 				var ele = document.createElement("input");
  3067. 				ele.id = "stsh_hoursCalc_to"
  3068. 				ele.setAttribute("type", "text");
  3069. 				ele.setAttribute("onkeypress", "return event.keyCode != 13;");
  3070. 				ele.addEventListener("keyup", function()
  3071. 				{
  3072. 					calculateHours();
  3073. 				});
  3074. 				eleCalc.appendChild(ele);
  3075. 				
  3076. 				var ele = document.createElement("span");
  3077. 				ele.innerHTML = "&nbsp;&nbsp; Result: ";
  3078. 				eleCalc.appendChild(ele);
  3079. 				
  3080. 				var ele = document.createElement("b");
  3081. 				ele.id = "stsh_hoursCalc_result"
  3082. 				ele.textContent = " 00:00 ";
  3083. 				eleCalc.appendChild(ele);
  3084. 				
  3085. 				function calculateHours()
  3086. 				{
  3087. 					var rgxDate = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;
  3088. 					var rgxTime = /^(\d{1,2}:\d{2}(:\d{2})?|\d{1,2}\.\d{2})$/;
  3089. 					
  3090. 					var eleFrom = document.querySelector("#stsh_hoursCalc_from");
  3091. 					var eleTo = document.querySelector("#stsh_hoursCalc_to");
  3092. 					var eleRes = document.querySelector("#stsh_hoursCalc_result");
  3093. 					
  3094. 					if (eleFrom != null && eleTo != null && eleRes != null)
  3095. 					{
  3096. 						var rawFrom = eleFrom.value.trim();
  3097. 						var rawTo = eleTo.value.trim();
  3098. 						
  3099. 						var valFrom = 0;
  3100. 						var valTo = 0;
  3101. 						
  3102. 						if (rgxDate.test(rawFrom))
  3103. 						{
  3104. 							rawFrom = rawFrom.substr(11);
  3105. 						}
  3106. 						if (rgxTime.test(rawFrom))
  3107. 						{
  3108. 							var arrTime = rawFrom.split(":");
  3109. 							if (arrTime.length == 1)
  3110. 							{
  3111. 								arrTime = rawFrom.split(".");
  3112. 							}
  3113. 							valFrom = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  3114. 						}
  3115. 						
  3116. 						if (rgxDate.test(rawTo))
  3117. 						{
  3118. 							rawTo = rawTo.substr(11);
  3119. 						}
  3120. 						if (rgxTime.test(rawTo))
  3121. 						{
  3122. 							var arrTime = rawTo.split(":");
  3123. 							if (arrTime.length == 1)
  3124. 							{
  3125. 								arrTime = rawTo.split(".");
  3126. 							}
  3127. 							valTo = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  3128. 						}
  3129. 						
  3130. 						var valDiff = Math.abs(valTo - valFrom);
  3131. 						
  3132. 						var valHr = parseInt(valDiff / 60);
  3133. 						var valMn = valDiff % 60;
  3134. 						
  3135. 						eleRes.textContent = padZero(valHr, 2) + ":" + padZero(valMn, 2);
  3136. 					}
  3137. 				}
  3138. 			}
  3139. 		}
  3140. 		
  3141. 		// Hilight current date
  3142. 		{			
  3143. 			var curDate = new Date();
  3144. 			curDate.setTime(curDate.getTime() - (1000 * 60 * 60 * 8));
  3145. 			
  3146. 			if (isDstUsa(curDate.getUTCFullYear(), curDate.getUTCMonth() + 1, curDate.getUTCDate(), curDate.getUTCHours()))
  3147. 			{
  3148. 				curDate.setTime(curDate.getTime() + (1000 * 60 * 60 * 1));
  3149. 			}
  3150. 			
  3151. 			var curDateStr = curDate.toISOString().substr(0, 10);
  3152. 			
  3153. 			var elesTd = document.querySelectorAll("#hours > table > tbody > tr > td:nth-child(1)");
  3154. 			for (var i = 0; i < elesTd.length; i++)
  3155. 			{
  3156. 				if (elesTd[i].textContent.indexOf(curDateStr) > -1)
  3157. 				{
  3158. 					elesTd[i].parentElement.classList.add("stsh_hours_curDate");
  3159. 					
  3160. 					break;
  3161. 				}
  3162. 			}
  3163. 		}
  3164. 		
  3165. 	} // End user_activity.php
  3166. 	
  3167. 	if (/\/rally[0-9]{0,4}/.test(url))
  3168. 	{
  3169. 		resizeSuggestionBox();
  3170. 	
  3171. 		var outer = document.getElementById("suggestions_box_outer");
  3172. 		if (outer != null)
  3173. 		{
  3174. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  3175. 		}
  3176. 		
  3177. 		// Set cur lang to first
  3178. 		{
  3179. 			var first = document.querySelector(".gradienttable tr:nth-child(6)");
  3180. 			var cur = null;
  3181. 			
  3182. 			var tdLangs = document.querySelectorAll(".gradienttable tr > td:nth-child(1)");
  3183. 			for (var i = 0; i < tdLangs.length; i++)
  3184. 			{
  3185. 				if (lang == tdLangs[i].textContent.trim().toLowerCase())
  3186. 				{
  3187. 					cur = tdLangs[i].parentElement;
  3188. 					break;
  3189. 				}
  3190. 			}
  3191. 			
  3192. 			if (cur != null)
  3193. 			{
  3194. 				first.parentElement.insertBefore(cur, first);
  3195. 			}
  3196. 		}
  3197. 		
  3198. 		// Change row per page
  3199. 		{
  3200. 			var eleAs = document.querySelectorAll(".gradienttable tr:nth-child(6) a[href^='translate.php?']");
  3201. 			for (var i = 0; i < eleAs.length; i++)
  3202. 			{
  3203. 				eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
  3204. 			}
  3205. 		}
  3206. 		
  3207. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  3208. 		if (inputClose != null)
  3209. 		{
  3210. 			inputClose.value = "Close (Esc)"; 
  3211. 		}
  3212. 		
  3213. 	} // End rally.php
  3214. 	
  3215. 	if (/\/rally_results_?[0-9]{0,4}/.test(url))
  3216. 	{
  3217. 		var h3 = document.querySelector("table.curved h3");
  3218. 		if (h3 != null)
  3219. 		{
  3220. 			document.title = h3.textContent.trim();
  3221. 		}
  3222. 		
  3223. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  3224. 		if (inputClose != null)
  3225. 		{
  3226. 			inputClose.value = "Close (Esc)"; 
  3227. 			inputClose.focus();
  3228. 		}
  3229. 		
  3230. 		var src = document.documentURI;
  3231. 		var insert = ' <a class="stsh_a_button" target="_blank" ' 
  3232. 			+ ' href="'	+ src + '">Frame</a> ';
  3233. 		
  3234. 		var tdFirst = document.querySelector("td:nth-child(1)");
  3235. 		if (tdFirst != null)
  3236. 		{
  3237. 			var ele = document.createElement("td");
  3238. 			ele.setAttribute("align", "right");
  3239. 			ele.innerHTML = insert;
  3240. 			tdFirst.parentElement.insertBefore(ele, tdFirst);
  3241. 		}
  3242. 		
  3243. 		var inputPrev = document.querySelector("input[value^='Prev']");
  3244. 		if (inputPrev != null)
  3245. 		{
  3246. 			addKeyCtrl(document, inputPrev, 219, "[");				// [
  3247. 			addKeyCtrl(document, inputPrev, "BracketLeft", "");		// [
  3248. 			//addKeyCtrl(document, inputPrev, 0, "");				// [
  3249. 			//addKeyCtrl(document, inputPrev, 53, "");				// [
  3250. 			
  3251. 			disableAfterClick(inputPrev);
  3252. 		}
  3253. 		
  3254. 		var inputNext = document.querySelector("input[value^='Next']");
  3255. 		if (inputNext != null)
  3256. 		{
  3257. 			addKeyCtrl(document, inputNext, 221, "]");				// ]
  3258. 			addKeyCtrl(document, inputNext, "BracketRight", "");	// ]
  3259. 			//addKeyCtrl(document, inputNext, 188, "");				// ]
  3260. 			//addKeyCtrl(document, inputNext, 173, "");				// ]
  3261. 			//addKeyCtrl(document, inputNext, 169, "");				// ]
  3262. 			
  3263. 			disableAfterClick(inputNext);
  3264. 		}
  3265. 		
  3266. 	} // End rally_results.php
  3267. 	
  3268. 	if (url.indexOf("/WhereIsEsty.php") > -1)
  3269. 	{
  3270. 		resizeSuggestionBox();
  3271. 	
  3272. 		var outer = document.getElementById("suggestions_box_outer");
  3273. 		if (outer != null)
  3274. 		{
  3275. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  3276. 		}
  3277. 		
  3278. 		var divContainer = document.querySelector("#pageContainer");
  3279. 		if (divContainer != null)
  3280. 		{
  3281. 			var ele = document.createElement("div");
  3282. 			ele.id = "logout";
  3283. 			ele.innerHTML = ' <a class="stsh_a_button" target="_blank" ' 
  3284. 				+ ' href="/home.php">Home</a> ';
  3285. 			divContainer.appendChild(ele);
  3286. 		}
  3287.  
  3288. 		var divContent = document.querySelector("#leftAreaContainer > div");
  3289. 		if (divContent != null)
  3290. 		{
  3291. 			var countSnap = document.querySelectorAll("div.box").length;
  3292. 			var user = "";
  3293. 			var name = "";
  3294.  
  3295. 			var eleImg = document.querySelector("#leftAreaContainer > div > div > a > img ");
  3296. 			if (eleImg != null)
  3297. 			{
  3298. 				name = eleImg.getAttribute("title");
  3299. 				user = eleImg.parentElement.getAttribute("href").replace("https://steamcommunity.com/profiles/", "");
  3300. 			}
  3301. 			var ele = document.createElement("div");
  3302. 			ele.setAttribute("class", "stsh_snapshot");
  3303. 			ele.innerHTML = "<a class='stsh_blue' target='_blank' href='http://translation.steampowered.com/user_activity.php?user=" 
  3304. 				+ user + "'>" + name + "</a>"
  3305. 				+ "<br>Snapshot: " + countSnap;
  3306.  
  3307. 			divContent.appendChild(ele);
  3308. 		}
  3309. 		
  3310. 	} // End WhereIsEsty.php
  3311. 	
  3312. 	if (url.indexOf("/stickerbox.php") > -1)
  3313. 	{
  3314. 		document.querySelector("textarea[name='add_comment']").focus();
  3315.  
  3316. 		var inputPrev = document.querySelector("img[src*='previous.png'");
  3317. 		if (inputPrev != null)
  3318. 		{
  3319. 			addKeyCtrl(document, inputPrev, 219, "");				// [
  3320. 			addKeyCtrl(document, inputPrev, "BracketLeft", "");		// [
  3321. 			//addKeyCtrl(document, inputPrev, 0, "");				// [
  3322. 			//addKeyCtrl(document, inputPrev, 53, "");				// [
  3323. 			
  3324. 			disableAfterClick(inputPrev);
  3325. 		}
  3326. 		
  3327. 		var inputNext = document.querySelector("img[src*='next.png'");
  3328. 		if (inputNext != null)
  3329. 		{
  3330. 			addKeyCtrl(document, inputNext, 221, "");				// ]
  3331. 			addKeyCtrl(document, inputNext, "BracketRight", "");	// ]
  3332. 			//addKeyCtrl(document, inputNext, 188, "");				// ]
  3333. 			//addKeyCtrl(document, inputNext, 173, "");				// ]
  3334. 			//addKeyCtrl(document, inputNext, 169, "");				// ]
  3335. 			
  3336. 			disableAfterClick(inputNext);
  3337. 		}
  3338. 	} // End stickerbox.php
  3339. 	
  3340. 	if (/\/(home|index)/i.test(url))
  3341. 	{
  3342. 		// Set cur lang to first
  3343. 		{
  3344. 			var first = null;
  3345. 			var cur = null;
  3346. 			var curLang = lang.substring(0, 4);
  3347. 			
  3348. 			if (curLang == "schi")
  3349. 				curLang = "sim.";
  3350. 			else if (curLang == "tchi")
  3351. 				curLang = "tra.";
  3352. 			
  3353. 			var eleLangs = document.querySelectorAll("#overall .progress");
  3354. 			first = eleLangs[0];
  3355. 			for (var i = 0; i < eleLangs.length; i++)
  3356. 			{
  3357. 				if (curLang == eleLangs[i].textContent.trim().substring(0, 4).toLowerCase())
  3358. 				{
  3359. 					cur = eleLangs[i];
  3360. 					break;
  3361. 				}
  3362. 			}
  3363. 			
  3364. 			if (cur != null)
  3365. 			{
  3366. 				var curSib1 = cur.nextSibling;
  3367. 				var curSib2 = curSib1.nextSibling;
  3368. 				var curSib3 = curSib2.nextSibling;
  3369. 				var curSib4 = curSib3.nextSibling;
  3370. 				var curSib5 = curSib4.nextSibling;
  3371. 				var curSib6 = curSib5.nextSibling;
  3372. 				
  3373. 				insertBeforeElement(cur, first);
  3374. 				insertAfterElement(curSib6, cur);
  3375. 				insertAfterElement(curSib5, cur);
  3376. 				insertAfterElement(curSib4, cur);
  3377. 				insertAfterElement(curSib3, cur);
  3378. 				insertAfterElement(curSib2, cur);
  3379. 				insertAfterElement(curSib1, cur);
  3380. 			}
  3381. 		}
  3382. 		
  3383. 		if (document.querySelector("#logout") != null)
  3384. 		{
  3385. 			var tmplHome = ' \
  3386. 				<div class="stsh_home_group"> \
  3387. 					<span class="stsh_home_header">Shortcuts</span>\
  3388. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/translate.php?search_input=DATE%3A+%DATE%&paginationrows=1000">New Today</a> &nbsp; \
  3389. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/glossary.php">Glossary</a> &nbsp; \
  3390. 					\
  3391. 					<br/> <span class="stsh_home_header">Rally</span>\
  3392. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally.php">Rally 2015</a> &nbsp; \
  3393. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally2014.php">Rally 2014</a> &nbsp; \
  3394. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally2013.php">Rally 2013</a> &nbsp; \
  3395. 					\
  3396. 					<br/> <span class="stsh_home_header">Events</span>\
  3397. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/onionolooorm.php">Typonion</a> &nbsp; \
  3398. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dstbattle.php">DST Battle</a> &nbsp; \
  3399. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dota2.php">DOTA 2</a> &nbsp; \
  3400. 				</div> \
  3401. 			';
  3402. 			
  3403. 			var curDate = new Date();
  3404. 			curDate.setTime(curDate.getTime() - (1000 * 60 * 60 * 8));
  3405. 			
  3406. 			if (isDstUsa(curDate.getUTCFullYear(), curDate.getUTCMonth() + 1, curDate.getUTCDate(), curDate.getUTCHours()))
  3407. 			{
  3408. 				curDate.setTime(curDate.getTime() + (1000 * 60 * 60 * 1));
  3409. 			}
  3410. 			
  3411. 			tmplHome = tmplHome.replace("%DATE%", curDate.toISOString().substr(0, 10));
  3412. 			
  3413. 			var eleNew = document.createElement("div");
  3414. 			
  3415. 			eleNew.innerHTML = tmplHome;
  3416. 			
  3417. 			document.body.appendChild(eleNew);
  3418. 		}
  3419. 		
  3420. 	} // End home.php
  3421. 	
  3422. 	if (url.indexOf("/glossary.php") > -1)
  3423. 	{
  3424. 		
  3425. 	} // End glossary.php
  3426. 	
  3427. 	window.addEventListener("beforeunload", function (e) 
  3428. 	{
  3429. 		clearTimeoutAll();
  3430. 		clearIntervalAll();
  3431. 	});
  3432. 	
  3433. } // End Main
  3434.  
  3435. function client()
  3436. {
  3437. 	var clientScript = ' \
  3438.  \
  3439. var itvTime = 300; \
  3440. var itvIdHideKeyApp = 0; \
  3441. var itvIdHideKeyGame = 0; \
  3442. var itvIdHideKeyFaq = 0; \
  3443. var itvIdHideKeySupport = 0; \
  3444. var itvIdHideKeyPromo = 0; \
  3445. var itvIdHideKeyEmail = 0; \
  3446. var itvIdHideStrNotMatch = 0; \
  3447. var itvIdHideStrLong = 0; \
  3448. var itvIdSortKey = 0; \
  3449.  \
  3450. var isVisible = (function() \
  3451. { \
  3452. 	var stateKey; \
  3453. 	var eventKey; \
  3454. 	var keys =  \
  3455. 	{ \
  3456. 		hidden: "visibilitychange", \
  3457. 		webkitHidden: "webkitvisibilitychange", \
  3458. 		mozHidden: "mozvisibilitychange", \
  3459. 		msHidden: "msvisibilitychange" \
  3460. 	}; \
  3461. 	for (stateKey in keys)  \
  3462. 	{ \
  3463. 		if (stateKey in document)  \
  3464. 		{ \
  3465. 			eventKey = keys[stateKey]; \
  3466. 			break; \
  3467. 		} \
  3468. 	} \
  3469. 	return function(c)  \
  3470. 	{ \
  3471. 		if (c)  \
  3472. 		{ \
  3473. 			document.addEventListener(eventKey, c); \
  3474. 		} \
  3475. 		return !document[stateKey]; \
  3476. 	} \
  3477. })(); \
  3478.  \
  3479. var timeoutList = new Array(); \
  3480. var intervalList = new Array(); \
  3481.  \
  3482. function setTimeoutCustom(func, tm, params) \
  3483. { \
  3484. 	var id = setTimeout(func, tm, params); \
  3485. 	timeoutList.push(id); \
  3486. 	return id; \
  3487. } \
  3488.  \
  3489. function clearTimeoutAll() \
  3490. { \
  3491. 	for (var i = 0; i < timeoutList.length; i++) \
  3492. 	{ \
  3493. 		clearTimeout(timeoutList[i]); \
  3494. 	} \
  3495. } \
  3496.  \
  3497. function setIntervalCustom(func, tm, params) \
  3498. { \
  3499. 	var id = setInterval(func, tm, params); \
  3500. 	intervalList.push(id); \
  3501. 	return id; \
  3502. } \
  3503.  \
  3504. function clearIntervalAll() \
  3505. { \
  3506. 	for (var i = 0; i < intervalList.length; i++) \
  3507. 	{ \
  3508. 		clearInterval(intervalList[i]); \
  3509. 	} \
  3510. } \
  3511.  \
  3512. function setVisibleKey(startKey, visible) \
  3513. { \
  3514. 	if (!isVisible()) return; \
  3515. 	 \
  3516. 	startKey = startKey.toLowerCase(); \
  3517. 	var display = visible != true ? "none" : ""; \
  3518. 	var eleKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1)"); \
  3519. 	for (var i = 0; i < eleKeys.length; i++) \
  3520. 	{ \
  3521. 		try \
  3522. 		{ \
  3523. 			if (eleKeys[i].textContent.trim().toLowerCase().indexOf(startKey) > -1) \
  3524. 			{ \
  3525. 				var eleTarget = eleKeys[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  3526. 				if (eleTarget.style.display != display) \
  3527. 				{ \
  3528. 					eleTarget.style.display = display; \
  3529. 				} \
  3530. 			} \
  3531. 		} \
  3532. 		catch (ex) \
  3533. 		{ \
  3534. 		} \
  3535. 	} \
  3536. } \
  3537.  \
  3538. function hideKeyGame() \
  3539. { \
  3540. 	setVisibleKey("GAMES/", false); \
  3541. 	setVisibleKey("TF_", false); \
  3542. } \
  3543.  \
  3544. function hideKeyApp() \
  3545. { \
  3546. 	setVisibleKey("# storefront_english_apps.txt #", false); \
  3547. 	setVisibleKey("# storefront_english_main.txt # #app_", false); \
  3548. 	setVisibleKey("# community_english.txt # SharedFiles_App_", false); \
  3549. 	setVisibleKey("# appmgmt_english.txt #", false); \
  3550. } \
  3551.  \
  3552. function hideKeyFaq() \
  3553. { \
  3554. 	setVisibleKey("# support_faq_english.txt #", false); \
  3555. } \
  3556.  \
  3557. function hideKeySupport() \
  3558. { \
  3559. 	setVisibleKey("# supportui_english.txt #", false); \
  3560. 	setVisibleKey("# help_english.txt #", false); \
  3561. } \
  3562.  \
  3563. function hideKeyPromo() \
  3564. { \
  3565. 	setVisibleKey("#promo", false); \
  3566. 	setVisibleKey("#hardware", false); \
  3567. 	setVisibleKey("ControllerBinding", false); \
  3568. 	setVisibleKey("Library_Controller", false); \
  3569. } \
  3570.  \
  3571. function hideKeyEmail() \
  3572. { \
  3573. 	setVisibleKey("#email", false); \
  3574. } \
  3575.  \
  3576. function showKey() \
  3577. { \
  3578. 	clearInterval(itvIdHideKeyApp); \
  3579. 	clearInterval(itvIdHideKeyGame); \
  3580. 	clearInterval(itvIdHideKeyFaq); \
  3581. 	clearInterval(itvIdHideKeySupport); \
  3582. 	clearInterval(itvIdHideKeyPromo); \
  3583. 	clearInterval(itvIdHideKeyEmail); \
  3584. 	clearInterval(itvIdSortKey); \
  3585. 	clearInterval(itvIdHideStrNotMatch); \
  3586. 	clearInterval(itvIdHideStrLong); \
  3587. 	setVisibleKey("", true); \
  3588. 	 \
  3589. 	hideSuggestionsBox(); \
  3590. } \
  3591.  \
  3592. function sortKey(mode) \
  3593. { \
  3594. 	/* \
  3595. 		mode: \
  3596. 			1: key \
  3597. 			2: string \
  3598. 			3: word \
  3599. 			4: length \
  3600. 	*/ \
  3601. 	if (!isVisible()) return; \
  3602. 	 \
  3603. 	var keyArr = new Array(); \
  3604. 	var valArr = new Array(); \
  3605. 	var key; \
  3606. 	var str; \
  3607. 	 \
  3608. 	var dot = "..."; \
  3609. 	var dotLengthMinus = 0 - dot.length; \
  3610. 	var isDot = false; \
  3611. 	 \
  3612. 	var eleKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1)"); \
  3613. 	for (var i = 0; i < eleKeys.length; i++) \
  3614. 	{ \
  3615. 		try \
  3616. 		{ \
  3617. 			key = eleKeys[i].textContent.trim(); \
  3618. 			str = ""; \
  3619. 			isDot = false; \
  3620. 			if (mode != 1) \
  3621. 			{ \
  3622. 				str = eleKeys[i].parentElement.nextSibling.nextSibling.firstElementChild.textContent.trim(); \
  3623. 				isDot = (str.substr(dotLengthMinus) == dot); \
  3624. 			} \
  3625. 			if (mode == 2) \
  3626. 			{ \
  3627. 				key = str + " ___ " + key; \
  3628. 			} \
  3629. 			else if (mode == 3) \
  3630. 			{ \
  3631. 				key = (isDot ? "99_" : "00_") \
  3632. 					+ padZero(str.split(" ").length, 2) + "_" + padZero(str.split(/[^a-z0-9 ]/i).length, 2) \
  3633. 					+ " ___ "+ str + " ___ " + key; \
  3634. 			} \
  3635. 			else if (mode == 4) \
  3636. 			{ \
  3637. 				key = (isDot ? "99_" : "00_") \
  3638. 					+ (str.split(/[^a-z0-9]/i).length > 1 ? "99_" : "00_") \
  3639. 					+ padZero(str.length, 3) \
  3640. 					+ " ___ "+ str + " ___ " + key; \
  3641. 			} \
  3642. 			key = key.toLowerCase(); \
  3643. 			keyArr.push(key); \
  3644. 			valArr[key] = eleKeys[i].parentElement.parentElement.parentElement \
  3645. 				.parentElement.parentElement.parentElement.outerHTML.trim(); \
  3646. 		} \
  3647. 		catch (ex) \
  3648. 		{ \
  3649. 		} \
  3650. 	} \
  3651. 	 \
  3652. 	var keyArrTmp = keyArr.slice(); \
  3653. 	keyArr.sort(); \
  3654. 	 \
  3655. 	var isSame = true; \
  3656. 	for (var i = 0; i < keyArr.length; i++) \
  3657. 	{ \
  3658. 		if (keyArr[i] != keyArrTmp[i]) \
  3659. 		{ \
  3660. 			isSame = false; \
  3661. 		} \
  3662. 	} \
  3663. 	 \
  3664. 	if (!isSame) \
  3665. 	{ \
  3666. 		var eleTable = document.querySelector("#keylist > table:nth-child(1) > tbody:nth-child(1)"); \
  3667. 		if (eleTable != null) \
  3668. 		{ \
  3669. 			var newInner = ""; \
  3670. 			 \
  3671. 			for (var i = 0; i < keyArr.length; i++) \
  3672. 			{ \
  3673. 				newInner += valArr[keyArr[i]]; \
  3674. 			} \
  3675. 			 \
  3676. 			eleTable.innerHTML = newInner; \
  3677. 		} \
  3678. 	} \
  3679. } \
  3680.  \
  3681. function scrollToId(id, offset) \
  3682. { \
  3683. 	if (typeof offset == "undefined") \
  3684. 	{ \
  3685. 		offset = -20; \
  3686. 	} \
  3687. 	 \
  3688. 	var ele = document.getElementById(id); \
  3689. 	if (ele != null) \
  3690. 	{ \
  3691. 		ele.scrollIntoView(true); \
  3692. 		window.scrollBy(0, offset); \
  3693. 	} \
  3694. } \
  3695.  \
  3696. function setVisibleSuggestion(visible) \
  3697. { \
  3698. 	var display = visible != true ? "none" : ""; \
  3699. 	var els = document.querySelectorAll(".copy"); \
  3700. 	for (var i = 0; i < els.length; i++) \
  3701. 	{ \
  3702. 		if (els[i].id.indexOf("showwalletkeys") < 0 && els[i].id != "abuse_report" \
  3703. 			&& els[i].id != "moderator_announcement") \
  3704. 		{ \
  3705. 			if (els[i].style.display != display) \
  3706. 			{ \
  3707. 				els[i].style.display = display; \
  3708. 			} \
  3709. 		} \
  3710. 	} \
  3711. } \
  3712.  \
  3713. function showSuggestion() \
  3714. { \
  3715. 	setVisibleSuggestion(true); \
  3716. } \
  3717.  \
  3718. function hideSuggestion() \
  3719. { \
  3720. 	setVisibleSuggestion(false); \
  3721. } \
  3722.  \
  3723. function hideKeyAppInterval() \
  3724. { \
  3725. 	clearInterval(itvIdHideKeyApp); \
  3726. 	itvIdHideKeyApp = setIntervalCustom(hideKeyApp, itvTime); \
  3727. } \
  3728.  \
  3729. function hideKeyGameInterval() \
  3730. { \
  3731. 	clearInterval(itvIdHideKeyGame); \
  3732. 	itvIdHideKeyGame = setIntervalCustom(hideKeyGame, itvTime); \
  3733. } \
  3734.  \
  3735. function hideKeyFaqInterval() \
  3736. { \
  3737. 	clearInterval(itvIdHideKeyFaq); \
  3738. 	itvIdHideKeyFaq = setIntervalCustom(hideKeyFaq, itvTime); \
  3739. } \
  3740.  \
  3741. function hideKeySupportInterval() \
  3742. { \
  3743. 	clearInterval(itvIdHideKeySupport); \
  3744. 	itvIdHideKeySupport = setIntervalCustom(hideKeySupport, itvTime); \
  3745. } \
  3746.  \
  3747. function hideKeyPromoInterval() \
  3748. { \
  3749. 	clearInterval(itvIdHideKeyPromo); \
  3750. 	itvIdHideKeyPromo = setIntervalCustom(hideKeyPromo, itvTime); \
  3751. } \
  3752.  \
  3753. function hideKeyEmailInterval() \
  3754. { \
  3755. 	clearInterval(itvIdHideKeyEmail); \
  3756. 	itvIdHideKeyEmail = setIntervalCustom(hideKeyEmail, itvTime); \
  3757. } \
  3758.  \
  3759. function sortKeyInterval() \
  3760. { \
  3761. 	clearInterval(itvIdSortKey); \
  3762. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 1); \
  3763. } \
  3764.  \
  3765. function sortStringInterval() \
  3766. { \
  3767. 	clearInterval(itvIdSortKey); \
  3768. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 2); \
  3769. } \
  3770.  \
  3771. function sortWordInterval() \
  3772. { \
  3773. 	clearInterval(itvIdSortKey); \
  3774. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 3); \
  3775. } \
  3776.  \
  3777. function sortLengthInterval() \
  3778. { \
  3779. 	clearInterval(itvIdSortKey); \
  3780. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 4); \
  3781. } \
  3782.  \
  3783. function pressHideSuggestion() \
  3784. { \
  3785. 	document.addEventListener("keydown", function(e) { \
  3786. 		if (e.keyCode == 27) { \
  3787. 			if (parent != null) \
  3788. 			{ \
  3789. 				parent.hideSuggestionsBox(); \
  3790. 			} \
  3791. 			else \
  3792. 			{ \
  3793. 				hideSuggestionsBox(); \
  3794. 			} \
  3795. 		} \
  3796. 		return false; \
  3797. 	}); \
  3798. } \
  3799. pressHideSuggestion(); \
  3800.  \
  3801. function hideStrNotMatch() \
  3802. { \
  3803. 	if (!isVisible()) return; \
  3804. 	 \
  3805. 	var display = "none"; \
  3806. 	 \
  3807. 	var searchStr = decodeURIComponent(document.documentURI.replace(/^.*search_input=/i,"").replace(/&.*$/i,"")) \
  3808. 		.replace(/\\+/g," ").trim(); \
  3809. 	searchStr = searchStr.toLowerCase(); \
  3810. 	 \
  3811. 	var eleStrs = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2)"); \
  3812. 	for (var i = 0; i < eleStrs.length; i++) \
  3813. 	{ \
  3814. 		try \
  3815. 		{ \
  3816. 			var valStr = eleStrs[i].childElements()[0].textContent.trim().toLowerCase(); \
  3817. 			var valTrn = eleStrs[i].childElements()[2].textContent.trim().toLowerCase(); \
  3818. 			if (valStr != searchStr && valTrn != searchStr) \
  3819. 			{ \
  3820. 				var eleTarget = eleStrs[i].parentElement.parentElement.parentElement.parentElement.parentElement; \
  3821. 				if (eleTarget.style.display != display) \
  3822. 				{ \
  3823. 					eleTarget.style.display = display; \
  3824. 				} \
  3825. 			} \
  3826. 		} \
  3827. 		catch (ex) \
  3828. 		{ \
  3829. 		} \
  3830. 	} \
  3831. } \
  3832.  \
  3833. function hideStrNotMatchInterval() \
  3834. { \
  3835. 	clearInterval(itvIdHideStrNotMatch); \
  3836. 	itvIdHideStrNotMatch = setIntervalCustom(hideStrNotMatch, itvTime); \
  3837. } \
  3838.  \
  3839. function hideStrLong() \
  3840. { \
  3841. 	if (!isVisible()) return; \
  3842. 	 \
  3843. 	var display = "none"; \
  3844. 	var dot = "..."; \
  3845. 	var dotLengthMinus = 0 - dot.length; \
  3846. 	 \
  3847. 	var eleStrs = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1)"); \
  3848. 	for (var i = 0; i < eleStrs.length; i++) \
  3849. 	{ \
  3850. 		try \
  3851. 		{ \
  3852. 			var valStr = eleStrs[i].textContent.trim(); \
  3853. 			if (valStr.substr(dotLengthMinus) == dot) \
  3854. 			{ \
  3855. 				var eleTarget = eleStrs[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  3856. 				if (eleTarget.style.display != display) \
  3857. 				{ \
  3858. 					eleTarget.style.display = display; \
  3859. 				} \
  3860. 			} \
  3861. 		} \
  3862. 		catch (ex) \
  3863. 		{ \
  3864. 		} \
  3865. 	} \
  3866. } \
  3867.  \
  3868. function hideStrLongInterval() \
  3869. { \
  3870. 	clearInterval(itvIdHideStrLong); \
  3871. 	itvIdHideStrLong = setIntervalCustom(hideStrLong, itvTime); \
  3872. } \
  3873.  \
  3874. function clickToSelect(ele) \
  3875. { \
  3876. 	var range = document.createRange(); \
  3877. 	range.setStartBefore(ele.firstChild); \
  3878. 	range.setEndAfter(ele.lastChild); \
  3879. 	var sel = window.getSelection(); \
  3880. 	sel.removeAllRanges(); \
  3881. 	sel.addRange(range); \
  3882. } \
  3883.  \
  3884. function syncUrlArray() \
  3885. { \
  3886. 	if (!isVisible()) return; \
  3887. 	 \
  3888. 	var displayNone = "none"; \
  3889. 	var strStart = "showSuggestionsBox( \'"; \
  3890. 	var strEnd = "\' ); return false;"; \
  3891. 	var strCur = "&list_id="; \
  3892. 	var strAll = "&endnext="; \
  3893. 	var regPos = /&list_id=\\d+&endnext=\\d+/g; \
  3894. 	var isEdit = false; \
  3895. 	var eleDivs = []; \
  3896. 	var urls = []; \
  3897.  	 \
  3898. 	var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr"); \
  3899. 	for (var i = 0; i < trKeys.length; i++)  \
  3900. 	{ \
  3901. 		if (trKeys[i].style.display != displayNone) \
  3902. 		{ \
  3903. 			var eleDiv = trKeys[i].childNodes[0].childNodes[0]; \
  3904. 			if (typeof eleDiv.getAttribute != "undefined" \
  3905. 				&& eleDiv.getAttribute("onclick") != null) \
  3906. 			{ \
  3907. 				eleDivs.push(eleDiv); \
  3908. 			} \
  3909. 		} \
  3910. 	} \
  3911. 	 \
  3912. 	for (var i = 0, l = eleDivs.length; i < l; i++) \
  3913. 	{ \
  3914. 		var evOld = eleDivs[i].getAttribute("onclick"); \
  3915. 		if (evOld != null) \
  3916. 		{ \
  3917. 			var url = evOld.replace(strStart,"").replace(strEnd,"").replace(regPos,""); \
  3918. 			url = url + strCur + i + strAll + l; \
  3919. 			urls.push(url); \
  3920. 			 \
  3921. 			var evNew = strStart + url + strEnd; \
  3922. 			if (evOld != evNew) \
  3923. 			{ \
  3924. 				eleDivs[i].setAttribute("onclick", evNew); \
  3925. 				isEdit = true; \
  3926. 			} \
  3927. 		} \
  3928. 	} \
  3929. 	 \
  3930. 	if (isEdit || typeof URLarray == "undefined" || URLarray.length != urls.length) \
  3931. 	{ \
  3932. 		URLarray = urls; \
  3933. 	} \
  3934. } \
  3935.  \
  3936. function setFrameColor(color) \
  3937. { \
  3938. 	var frame = document.querySelector("div#suggestions_box iframe"); \
  3939. 	if (frame != null) \
  3940. 	{ \
  3941. 		if (frame.style.backgroundColor != color) \
  3942. 		{ \
  3943. 			frame.style.setProperty("background-color", color, "important"); \
  3944. 		} \
  3945. 	} \
  3946. } \
  3947.  \
  3948. function padZero(num, size) \
  3949. { \
  3950. 	return (1e15+num+"").slice(-size); \
  3951. } \
  3952.  \
  3953. function doInstant() \
  3954. { \
  3955. 	var url = document.documentURI; \
  3956. 	if (url.indexOf("user_activity.php") > -1) \
  3957. 	{ \
  3958. 		showSuggestion(); \
  3959. 		 \
  3960. 		document.addEventListener("DOMContentLoaded", function (e) \
  3961. 		{ \
  3962. 			if (typeof $ != "undefined") \
  3963. 			{ \
  3964. 				$(".dial").css("display", "none"); \
  3965. 				setTimeoutCustom(function() \
  3966. 				{ \
  3967. 					/* Restore drawing progress */ \
  3968. 					$(function() { \
  3969. 						$(".dial").css("display", ""); \
  3970. 						$(".dial").knob({ \
  3971. 						  "draw" : function () { \
  3972. 							$(this.i).val(this.cv + "%"); \
  3973. 						  } \
  3974. 						}); \
  3975. 					}) \
  3976. 				}, 50); \
  3977. 			} \
  3978. 		}); \
  3979. 	} \
  3980. 	else if (url.indexOf("translate.php") > -1) \
  3981. 	{ \
  3982. 		setIntervalCustom(function() \
  3983. 		{ \
  3984. 			syncUrlArray(); \
  3985. 		}, itvTime); \
  3986. 	} \
  3987. 	else if (url.indexOf("suggestions.php") > -1) \
  3988. 	{ \
  3989. 		if (parent != window) \
  3990. 		{ \
  3991. 			var main = document.querySelector("#suggestionmain"); \
  3992. 			if (main != null) \
  3993. 			{ \
  3994. 				var color = window.getComputedStyle(main).backgroundColor; \
  3995. 				parent.setFrameColor(color); \
  3996. 			} \
  3997. 		} \
  3998. 	} \
  3999. 	 \
  4000. 	window.addEventListener("beforeunload", function (e) \
  4001. 	{ \
  4002. 		clearTimeoutAll(); \
  4003. 		clearIntervalAll(); \
  4004. 	}); \
  4005. 	 \
  4006. } \
  4007. doInstant(); \
  4008.  \
  4009. ';
  4010.  
  4011. 	var eleClientScript = document.createElement("script");
  4012. 	eleClientScript.innerHTML = clientScript;
  4013. 	document.head.appendChild(eleClientScript);
  4014. } // End client
  4015.  
  4016. attachOnReady(client);
  4017. attachOnReady(main);
  4018.  
  4019.  
  4020.  
  4021. // End