☰

Ikariam Enhanced UI

Enhancements for the user interface of Ikariam.

目前为 2017-11-11 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name			Ikariam Enhanced UI
  3. // @description		Enhancements for the user interface of Ikariam.
  4. // @namespace		Tobbe
  5. // @author			Tobbe
  6. // @version			4.1
  7. // @license			MIT License
  8. //
  9. // @name:de			Ikariam Enhanced UI
  10. // @description:de	Verbesserungen der Oberfläche von Ikariam.
  11. //
  12. // @run-at			document-idle
  13. //
  14. // 
  15. // @include			/https?:\/\/s[0-9]*-[a-z]{2}\.ikariam\.gameforge\.com\/.*/
  16. // 
  17. // @require			https://greasyfork.org/scripts/5574-ikariam-core/code/Ikariam%20Core.js?version=229712
  18. // 
  19. // @connect			greasyfork.org
  20. //
  21. // 
  22. // @resource		de					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/de.json
  23. // @resource		gr					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/gr.json
  24. // @resource		fr					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/fr.json
  25. // @resource		it					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/it.json
  26. // @resource		lv					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/lv.json
  27. // @resource		ru					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/ru.json
  28. // @resource		tr					https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/tr.json
  29. // @resource		core_de				https://resources.ikascripts.de/IkariamCore/v3.1/core_de.json
  30. // @resource		core_de_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_de_settings.json
  31. // @resource		core_fr				https://resources.ikascripts.de/IkariamCore/v3.1/core_fr.json
  32. // @resource		core_fr_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_fr_settings.json
  33. // @resource		core_gr				https://resources.ikascripts.de/IkariamCore/v3.1/core_gr.json
  34. // @resource		core_gr_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_gr_settings.json
  35. // @resource		core_it				https://resources.ikascripts.de/IkariamCore/v3.1/core_it.json
  36. // @resource		core_it_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_it_settings.json
  37. // @resource		core_lv				https://resources.ikascripts.de/IkariamCore/v3.1/core_lv.json
  38. // @resource		core_lv_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_lv_settings.json
  39. // @resource		core_ru				https://resources.ikascripts.de/IkariamCore/v3.1/core_ru.json
  40. // @resource		core_ru_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_ru_settings.json
  41. // @resource		core_tr				https://resources.ikascripts.de/IkariamCore/v3.1/core_tr.json
  42. // @resource		core_tr_settings	https://resources.ikascripts.de/IkariamCore/v3.1/core_tr_settings.json
  43. // 
  44. // @grant			unsafeWindow
  45. // @grant			GM_setValue
  46. // @grant			GM.setValue
  47. // @grant			GM_getValue
  48. // @grant			GM.getValue
  49. // @grant			GM_deleteValue
  50. // @grant			GM.deleteValue
  51. // @grant			GM_listValues
  52. // @grant			GM.listValues
  53. // @grant			GM_getResourceText
  54. // @grant			GM.getResourceText
  55. // @grant			GM_xmlhttpRequest
  56. // @grant			GM.xmlHttpRequest
  57. // 
  58. // @bug				Opera & Chrome	Zooming with the mouse is not possible with "Shift" as access key.
  59. // @bug				Opera & Chrome	No updating of the missing resources is possible due to a missing modification listener.
  60. // @bug				All				The selected island is not centered in world view.
  61. // @bug				All				If you are zooming to more than 100%, the view is not centered correctly after a page reload.
  62. // 
  63. // @history			4.1		Release: 12.11.2017
  64. // @history			4.1		Core: Update to Version 3.1 - support translations in Greasemonkey 4.0
  65. // 
  66. // @history			4.0		Release: 10.11.2017
  67. // @history			4.0		Core: Update to Version 3.0 - Adjust to work with Greasemonkey 4.0 and Firefox 57
  68. // @history			4.0		Change: Adjust the script to work with Greasemonkey 4.0 and Firefox 57.
  69. // @history			4.0		Bugfix: Global messages break embedded messages preview.
  70. // @history			4.0		Bugfix: Formatting of income table was changed.
  71. // 
  72. // @history			3.4		Release: 19.02.2017
  73. // @history			3.4		Core: Update to Version 2.3.3 - Bug fix (crew conversion broken)
  74. // @history			3.4		Feature: Up to 60 characters of messages are displayed in the message overview.
  75. // @history			3.4		Feature: Link barracks / shipyard from troop overview / dismiss units screen.
  76. // @history			3.4		Bugfix: No jumping header bar anymore due to MMO links.
  77. // @history			3.4		Bugfix: Troop information was displayed incorrectly.
  78. // 
  79. // @history			3.3		Release: 05.06.2016
  80. // @history			3.3		Feature: Add @connect information to avoid requests from Tampermonkey.
  81. // @history			3.3		Feature: Daily expenses in resource information if amount is negative.
  82. // @history			3.3		Bugfix: Tooltip formatting for resource information broken.
  83. // @history			3.3		Bugfix: Formatting of direct tooltip in military advisor broken.
  84. // @history			3.3		Bugfix: Foreign troops are incorrect displayed in troop information.
  85. // 
  86. // @history			3.2.2	Release: 02.02.2016
  87. // @history			3.2.2	Core: Update to Version 2.3.2 - Bug fix (permanent reload of crew conversion)
  88. // 
  89. // @history			3.2.1	Release: 27.01.2016
  90. // @history			3.2.1	Core: Update to Version 2.3.1 - Bug fixes
  91. // 
  92. // @history			3.2		Release: 27.01.2016
  93. // @history			3.2		Core: Update to Version 2.3 - Bug fixes
  94. // @history			3.2		Feature: Let the script also run on SSL encripted Ikariam page.
  95. // @history			3.2		Bugfix: In very rare cases it was possible that the script was to fast and thus did not work.
  96. // @history			3.2		Language: French translation added (incomplete).
  97. // 
  98. // @history			3.1		Release: 14.10.2015
  99. // @history			3.1		Core: Update to Version 2.2 - Bug fixes and user specific options
  100. // @history			3.1		Feature: Player specific signatures in messages.
  101. // @history			3.1		Change: Remove easy circular message functionality as it is implemented directly in Ikariam now.
  102. // @history			3.1		Language: Turkish translation added (incomplete).
  103. // 
  104. // @history			3.0.3	Release: 20.03.2015
  105. // @history			3.0.3	Bugfix:	Town name in unit information incorrect.
  106. // 
  107. // @history			3.0.2	Release: 08.03.2015
  108. // @history			3.0.2	Bugfix:	Wrong time display for last reset of highscore information.
  109. // @history			3.0.2	Bugfix: Start piracy raid icon was resized.
  110. //
  111. // @history			3.0.1	Release: 07.03.2015
  112. // @history			3.0.1	Language: Updated Greek translation.
  113. // @history			3.0.1	Bugfix:	Language key in message options.
  114. // @history			3.0.1	Bugfix: Alliance member data stored at same place for all alliance members.
  115. //
  116. // @history			3.0		Release: 05.03.2015
  117. // @history			3.0		Language: Russian translation added (incomplete).
  118. // @history			3.0		Language: Italian translation added (incomplete).
  119. // @history			3.0		Language: Greek translation added (incomplete).
  120. // @history			3.0		Change: Implementation of Ikariam Core - rewrote the complete code.
  121. // @history			3.0		Change: Cleared the update history to use the Ikariam Core labels.
  122. // @history			3.0		Bugfix:	Diverse graphic errors.
  123. // @history			3.0		Bugfix: Broken in Firefox and Chrome.
  124. // @history			3.0		Due to rename of script: Manually deleting old script necessary.
  125. //
  126. // @history			2.6		Release: 12.10.2014
  127. // @history			2.6		Bugfix: Script options were broken.
  128. // 
  129. // @history			2.6		Release: 19.08.2014
  130. // @history			2.5		Bugfix: Game language is recognized again.
  131. // @history			2.5		Bugfix: Works now in Greasemonkey 2.0+
  132. // @history			2.5		Change: Checks now for updates on Greasy Fork.
  133. // @history			2.5		Removed code parts for mobile version.
  134. // @history			2.5		Removed alliance page improvement, as fixed in Ikariam v0.5.13
  135. // 
  136. // @history			2.6		Release: 11.09.2013
  137. // @history			2.4		Bugfix: New Ikariam domain -> script can now be used with this domain
  138. // 
  139. // @history			2.3		Release: 12.04.2013
  140. // @history			2.3		Feature: Formatting troop lists for posting in forums / personal messages.
  141. // @history			2.3		Feature: Filling level of warehouse as bar in town view.
  142. // @history			2.3		Feature: Link to mines / town hall when clicking on resources / citizens.
  143. // @history			2.3		Change: New versioning system.
  144. // @history			2.3		Bugfix: Some characters in links were not decoded correctly.
  145. // @history			2.3		Bugfix: Watching a foreign city causes a abortion of the script.
  146. // @history			2.3		Bugfix: The city dropdown sometimes was zoomed in world view.
  147. // @history			2.3		Bugfix: Removed obsolete CSS styles for Firefox.
  148. // @history			2.3		Adjustments in the language files.
  149. // @history			2.3		Violent Monkey brings Greasemonkey functions to Opera.
  150. // 
  151. // @history			2.2.1	Release: 11.10.2012
  152. // @history			2.2.1	Feature: Smaller icons in direct military tooltip.
  153. // @history			2.2.1	Bugfix: Problems with update check and version numbers >= 10.
  154. // @history			2.2.1	Bugfix: Problems with another script.
  155. // @history			2.2.1	Bugfix: Problems with a wrong style in island view.
  156. // 
  157. // @history			2.2		Release: 10.10.2012
  158. // @history			2.2		Feature: Message signature can be set.
  159. // @history			2.2		Feature: Button for faster sending of circular messages.
  160. // @history			2.2		Feature: Make links in messages clickable.
  161. // @history			2.2		Feature: Show town information of colonizing cities.
  162. // @history			2.2		Feature: Information about cargo / fleets is displayed directly in military view.
  163. // @history			2.2		Feature: Script options: Sections on the script tab can be folded.
  164. // @history			2.2		Bugfix: Tooltips with mouseover were not clickable anymore.
  165. // @history			2.2		Changes in code for better overview.
  166. // 
  167. // @history			2.1.1	Release: 01.10.2012
  168. // @history			2.1.1	Feature: Different styles for income in town view.
  169. // @history			2.1.1	Feature: Remaining resources after upgrade.
  170. // @history			2.1.1	Feature: Improved style for external alliance pages.
  171. // @history			2.1.1	Feature: Refresh the missing / remaining resources in construction view automatically.
  172. // 
  173. // @history			2.1		Release: 23.09.2012
  174. // @history			2.1		Feature: Show the missing resources in construction view.
  175. // @history			2.1		Feature: Show the hourly income directly in town view and add the daily production as popup.
  176. // @history			2.1		Feature: Don't center town information in the town advisor.
  177. // @history			2.1		Feature: Save the highscore data of alliance members and compare it with the actual value.
  178. // @history			2.1		Bugfix: There was an error with a missing language package and seperators.
  179. // @history			2.1		Bugfix: Some things in worldview were not resized correctly.
  180. // @history			2.1		Prevent more than one script execution.
  181. // @history			2.1		Prevent more than one script option panel (the script option panel now is usable for other scripts, too).
  182. // 
  183. // @history			2.0.1	Release: 27.08.2012
  184. // @history			2.0.1	Bugfix: Zooming was broken.
  185. // @history			2.0.1	Bugfix: Dropdown menus created by the script were broken.
  186. // @history			2.0.1	Bugfix: Tooltips in in Alliance / Military view were not shown correctly.
  187. // 
  188. // @history			2.0		Release: 18.07.2012
  189. // @history			2.0		Language: Latvian translation
  190. // @history			2.0		Feature: Cross-browser compatibility.
  191. // @history			2.0		Feature: Possibility to hide the update hint for a new script version.
  192. // @history			2.0		Bugfix: Resizing the owner state in world view was broken.
  193. // @history			2.0		Some changes in the code for easier copying of functions which should be used by more than one script.
  194. // 
  195. // @history			1.7		Release: 12.06.2012
  196. // @history			1.7		Feature: Resizing banners when zooming is possible in city view, too.
  197. // @history			1.7		Feature: The zoom buttons are available in world view, too.
  198. // @history			1.7		Feature: Zooming with the mouse scroll is possible again (now with key, standard is ctrl).
  199. // @history			1.7		Change: Changes in the option panel due to the new zooming function features.
  200. // @history			1.7		Bugfix: If resizing is enabled, zooming with the buttons will resize the banners, too.
  201. // @history			1.7		Bugfix: The chat will not cause to much executions of script functions.
  202. // @history			1.7		The language texts are integrated as resources, so that there is shorter code.
  203. // @history			1.7		Replace the GM_* functions by myGM.* to expand them easy and add new.
  204. // 
  205. // @history			1.6		Release: 05.06.2012
  206. // @history			1.6		Feature: Possibility to hide only the bird swarm animation.
  207. // @history			1.6		Feature: Easier upkeep reduction table.
  208. // @history			1.6		Feature: Enhanced zoom function using the Ikariam zoom function.
  209. // @history			1.6		Due to the use of Ikariam functions the code could be reduced.
  210. // @history			1.6		Code enhancements for shorter code.
  211. // 
  212. // @history			1.5.1.1	Release: 25.05.2012
  213. // @history			1.5.1.1	Bugfix: Not all occurrences of hidden were changed.
  214. // 
  215. // @history			1.5.1	Release: 24.05.2012
  216. // @history			1.5.1	Bugfix: Name of a class (hidden) is used by GF.
  217. // 
  218. // @history			1.5		Release: 24.05.2012
  219. // @history			1.5		Feature: Options panel to enable/disable funtions and set settings.
  220. // @history			1.5		Feature: Update interval can be set.
  221. // @history			1.5		Feature: Manually check for updates.
  222. // @history			1.5		Feature: Zoom function without resizing the whole view.
  223. // @history			1.5		Feature: Move loading circle to another position.
  224. // @history			1.5		Feature: Show tooltip in alliance / military view on mouseover.
  225. // @history			1.5		Change: Code better commented. More comments, so that it is easier to understand.
  226. // @history			1.5		Bugfix: Changed *.gif to *.png.
  227. // @history			1.5		Version numbers adjusted.
  228. // 
  229. // @history			1.4.1	Release: 01.05.2012
  230. // @history			1.4.1	Feature: Support for mobile interface.
  231. // @history			1.4.1	Bugfix: Fixed bug with scrollbar in finances view.
  232. // 
  233. // @history			1.4		Release: 20.04.2012
  234. // @history			1.4		Feature: Ready for 0.5.0, but also supports 0.4.5 furthermore.
  235. // @history			1.4		Feature: Implemented support for different languages.
  236. // @history			1.4		Feature: Enhanced script updater.
  237. // @history			1.4		Change: Cleaned up code.
  238. // @history			1.4		Change: Rename the script to "Enhanced UI".
  239. // @history			1.4		Change: Change the namespace to "Tobbe".
  240. // @history			1.4		Because of the change of namespace and name you have to delete the old script manually!
  241. // 
  242. // @history			1.3.3	Release: 11.04.2011
  243. // @history			1.3.3	Bugfix: Problem with negative numbers and 0.4.2.4 fixed.
  244. // 
  245. // @history			1.3.2	Release: 15.01.2011
  246. // @history			1.3.2	Feature: Own script updater.
  247. // @history			1.3.2	Change: Remove everything what refered to other scripts.
  248. // 
  249. // @history			1.3.1	Release: 15.01.2011
  250. // @history			1.3.1	Change: New script updater.
  251. // 
  252. // @history			1.3		Release: 14.01.2011
  253. // @history			1.3		Change: Remove the script updater (Because of the problem with Greasemonkey scripts).
  254. // 
  255. // @history			1.2.1	Release: 28.12.2010
  256. // @history			1.2.1	Change: New style of update panel.
  257. // @history			1.2.1	Bugfix: Bug with ',' as seperator fixed.
  258. // 
  259. // @history			1.2		Release: 09.10.2010
  260. // @history			1.2		Feature: Income in 24h added.
  261. // @history			1.2		Change: Cleaned up code.
  262. // 
  263. // @history			1.1		Release: 13.04.2010
  264. // @history			1.1		Feature: Update check implemented.
  265. // 
  266. // @history			1.0		Release: 12.04.2010
  267. // @history			1.0		Initial release.
  268. // ==/UserScript==
  269.  
  270. /**
  271.  * Instantiate a new set of enhancement functions.
  272.  * {@link https://greasyfork.org/scripts/4369-enhanced-ui Script on Greasy Fork}
  273.  * {@link https://github.com/IkaScripts/IkariamEnhancedUI Script on GitHub}
  274.  * 
  275.  * @version	4.1
  276.  * @author	Tobbe	<contact@ikascripts.de>
  277.  * 
  278.  * @global
  279.  * 
  280.  * @class
  281.  * @classdesc	Enhancements for the user interface of Ikariam.
  282.  * 
  283.  * @param	{IkariamCore}	$
  284.  *   An instance of the Ikariam Core.
  285.  */
  286. function EnhancedUI(IC) {
  287. 	/**
  288. 	 * Script toolbar.
  289. 	 * 
  290. 	 * @type	{element}
  291. 	 */
  292. 	var ge_toolbar = IC.myGM.addElement('div', IC.myGM.$('#GF_toolbar'), { 'id': 'toolbar' }, true, IC.myGM.$('#GF_toolbar ul'));
  293. 	
  294. 	IC.myGM.addStyle(
  295. 		'#GF_toolbar > ul						{ width: auto !important; text-align: center !important; pointer-events: none; } \
  296. 		 #GF_toolbar > ul > *					{ pointer-events: auto; } \
  297. 		 #GF_toolbar #mmoNewsticker				{ display: inline-block !important; position: relative !important; } \
  298. 		 #GF_toolbar #mmoNewsticker > ul		{ width: 300px !important; } \
  299. 		 #' + IC.myGM.prefix + 'toolbar			{ float: right; } \
  300. 		 #' + IC.myGM.prefix + 'toolbar > div	{ display: inline-block; position: relative; float: right; margin: 0px 5px; }',
  301. 		'scriptToolbar'
  302. 	);
  303. 	
  304. 	IC.Options.addWrapper('diverseOptions', IC.Language.$('diverse.options.wrapperTitle'));
  305. 	
  306. 	IC.con.groupCollapsed('IkariamEnhancedUI initalization ...');
  307. 	IC.con.logTimeStamp('IkariamEnhancedUI: toolbar and general styles created');
  308. 	
  309. 	// General functions to enhance the view.
  310. 	(function() {
  311. 		IC.Options.addWrapper('enhancedView', IC.Language.$('view.options.wrapperTitle'));
  312. 		
  313. 		// Move the loading circle to the breadcrumb area.
  314. 		IC.Options.addCheckbox('moveLoadingCircle', 'enhancedView', 1, true, IC.Language.$('view.options.moveLoadingCircle'), {
  315. 			changeCallback: function(ib_newValue) {
  316. 				if(ib_newValue === true) {
  317. 					IC.myGM.addStyle(
  318. 						'#js_worldBread		{ margin-left: 16px !important; } \
  319. 						 #loadingPreview	{ transform: scale(0.5); -webkit-transform: scale(0.5); left: 35px !important; top: 141px !important; }',
  320. 						'enhancedView_moveLoadingCircle'
  321. 					);
  322. 					return;
  323. 				}
  324. 				
  325. 				IC.myGM.removeStyle('enhancedView_moveLoadingCircle');
  326. 			}
  327. 		});
  328. 		
  329. 		// Hide the flying bird swarm.
  330. 		IC.Options.addCheckbox('hideBirds', 'enhancedView', 1, true, IC.Language.$('view.options.hideBirds'), {
  331. 			changeCallback: function(ib_newValue) {
  332. 				if(ib_newValue === true) {
  333. 					IC.myGM.addStyle(
  334. 						'.bird_swarm	{ display: none; }',
  335. 						'enhancedView_hideBirds'
  336. 					);
  337. 					return;
  338. 				}
  339. 				
  340. 				IC.myGM.removeStyle('enhancedView_hideBirds');
  341. 			}
  342. 		});
  343. 		
  344. 		// Bind the town name and date to the top of the row in the town advisor.
  345. 		IC.Options.addCheckbox('noVerticalCenterInTownAdvisor', 'enhancedView', 1, true, IC.Language.$('view.options.noVerticalCenterInTownAdvisor'), {
  346. 			changeCallback: function(ib_newValue) {
  347. 				if(ib_newValue === true) {
  348. 					IC.myGM.addStyle(
  349. 						'#inboxCity td	{ vertical-align: top !important; }',
  350. 						'enhancedView_noVerticalCenterInTownAdvisor'
  351. 					);
  352. 					return;
  353. 				}
  354. 				
  355. 				IC.myGM.removeStyle('enhancedView_noVerticalCenterInTownAdvisor');
  356. 			}
  357. 		});
  358. 	})();
  359. 	
  360. 	IC.con.logTimeStamp('IkariamEnhancedUI: view functions created');
  361. 	
  362. 	// Functions for the island view.
  363. 	(function() {
  364. 		/**
  365. 		 * Storage for the colonizing city info functions.
  366. 		 * 
  367. 		 * @type	{object}
  368. 		 */
  369. 		var _go_colonizingCityInfo = new function() {
  370. 			/**
  371. 			 * Add the link to show the colonizing city information.
  372. 			 */
  373. 			var _lf_doShowColonizingCityInfo = function() {
  374. 				var la_colonizingCities = IC.myGM.$$('.level0');
  375. 			
  376. 				la_colonizingCities.forEach(function(le_colonizingCity) {
  377. 					var ls_locationId	= le_colonizingCity.id.replace(/\D/g, '');
  378. 					var ls_cityId		= IC.ika.getScreen().data.cities[ls_locationId].id;
  379. 					
  380. 					IC.myGM.$('#js_cityLocation' + ls_locationId + 'Link').href = '?view=cityDetails&destinationCityId=' + ls_cityId;
  381. 				});
  382. 			};
  383. 			
  384. 			/**
  385. 			 * Remove the link to show the colonizing city information.
  386. 			 */
  387. 			var _lf_doHideColonizingCityInfo = function() {
  388. 				var la_colonizingCityLinks = IC.myGM.$$('.level0 .link_img');
  389. 			
  390. 				la_colonizingCityLinks.forEach(function(le_colonizingCityLink) {
  391. 					le_colonizingCityLink.href = '';
  392. 				});
  393. 			};
  394. 			
  395. 			/**
  396. 			 * Update the settings to execute the callback or delete the handler.
  397. 			 * 
  398. 			 * @param	{boolean}	ib_showColonizingCityInfo
  399. 			 *   If the user selected the checkbox to show the colonizing city info.
  400. 			 */
  401. 			this.updateSettings = function(ib_showColonizingCityInfo) {
  402. 				if(IC.Ikariam.view !== 'island')
  403. 					return;
  404. 				
  405. 				if(ib_showColonizingCityInfo === true) {
  406. 					IC.RefreshHandler.add('*', 'showColonizingCityInfo', _lf_doShowColonizingCityInfo);
  407. 					_lf_doShowColonizingCityInfo();
  408. 					return;
  409. 				}
  410. 				
  411. 				IC.RefreshHandler.remove('*', 'showColonizingCityInfo');
  412. 				_lf_doHideColonizingCityInfo();
  413. 			};
  414. 		};
  415. 		
  416. 		// Retrieve information about colonies during colonization.
  417. 		IC.Options.addCheckbox('showColonizingCityInfo', 'diverseOptions', 1, true, IC.Language.$('island.options.showColonizingCityInfo'), { changeCallback: _go_colonizingCityInfo.updateSettings });
  418. 		// Add a divider line.
  419. 		IC.Options.addLine('diverseOptions', 1);
  420. 	})();
  421. 	
  422. 	IC.con.logTimeStamp('IkariamEnhancedUI: island functions created');
  423. 	
  424. 	// Functions for the finance popup.
  425. 	(function(){
  426. 		/**
  427. 		 * Some general functions for the finance view enhancements.
  428. 		 * 
  429. 		 * @type	{object}
  430. 		 */
  431. 		var _go_generalFunctions = new function() {
  432. 			/**
  433. 			 * Extract the current income in the finance popup.
  434. 			 * 
  435. 			 * @return	{int}
  436. 			 *   The current income.
  437. 			 */
  438. 			this.getIncome = function() {
  439. 				var le_incomeCell = IC.myGM.$$('.hidden')[IC.myGM.$$('.hidden').length - 1];
  440. 				
  441. 				while(le_incomeCell.firstChild.firstChild)
  442. 					le_incomeCell = le_incomeCell.firstChild;
  443. 				
  444. 				return IC.Ikariam.getInt(le_incomeCell.innerHTML);
  445. 			};
  446. 			
  447. 			/**
  448. 			 * Create a new table row.
  449. 			 * 
  450. 			 * @param	{element}	ie_parentTable
  451. 			 *   The table to add the row to.
  452. 			 * @param	{string[]}	ia_classes
  453. 			 *   The class(es) of the table row. Set to null if no class should be set.
  454. 			 * @param	{object[]}	ia_cells
  455. 			 *   The data for the table cells. Both properties of each cell are optional. If the cell object is empty, an empty cell is created.
  456. 			 *   Signature: <code>[{ className: ['class1', 'class2', ...], text: 'cellContent' }]</code>
  457. 			 * @param	{boolean}	ib_isTableHeadRow
  458. 			 *   If the cells should be table header cells (th).
  459. 			 * 
  460. 			 * @return	{element}
  461. 			 *   The created row.
  462. 			 */
  463. 			this.createTableRow = function(ie_parentTable, ia_classes, ia_cells, ib_isTableHeadRow) {
  464. 				var re_newRow	= IC.myGM.addElement('tr', ie_parentTable, { classes: ia_classes });
  465. 				var ls_cellType	= 'td';
  466. 				
  467. 				if(!!ib_isTableHeadRow)
  468. 					ls_cellType = 'th';
  469. 					
  470. 				for(var i = 0; i < ia_cells.length; i++) {
  471. 					var lo_options = {
  472. 						'classes':	ia_cells[i].className
  473. 					};
  474. 					
  475. 					if(!!ia_cells[i].text === true)
  476. 						lo_options['innerHTML'] = ia_cells[i].text;
  477. 						
  478. 					IC.myGM.addElement(ls_cellType, re_newRow, lo_options);
  479. 				}
  480. 				
  481. 				return re_newRow;
  482. 			};
  483. 		};
  484. 		
  485. 		/**
  486. 		 * Storage for the income on top functions.
  487. 		 * 
  488. 		 * @type	{object}
  489. 		 */
  490. 		var _go_incomeOnTop = new function() {
  491. 			/**
  492. 			 * Callback to show the income on top.
  493. 			 */
  494. 			var _lf_doShowIncomeOnTop = function() {
  495. 				var le_summaryTable	= IC.myGM.$('.table01 tbody');
  496. 				var li_income		= _go_generalFunctions.getIncome();
  497. 				
  498. 				var la_incomeCells = [
  499. 					{ className: ['sigma'], text: IC.Language.$('finance.income.perHour') },
  500. 					{ className: ['nowrap', 'res'], text: IC.Ikariam.formatToIkaNumber(li_income) }
  501. 				];
  502. 				_go_generalFunctions.createTableRow(le_summaryTable, [], la_incomeCells);
  503. 				
  504. 				la_incomeCells[0].text = IC.Language.$('finance.income.perDay');
  505. 				la_incomeCells[1].text = IC.Ikariam.formatToIkaNumber(li_income * 24);
  506. 				_go_generalFunctions.createTableRow(le_summaryTable, [], la_incomeCells);
  507. 				
  508. 				var le_premiumCell = IC.myGM.$('.premiumOffer', le_summaryTable);
  509. 				le_premiumCell.rowSpan = le_premiumCell.rowSpan + 2;
  510. 				
  511. 				// Adjust the size of the Scrollbar.
  512. 				IC.ika.controller.adjustSizes();
  513. 			};
  514. 			
  515. 			/**
  516. 			 * Update the settings to execute the callback or delete the handler.
  517. 			 * 
  518. 			 * @param	{boolean}	ib_showIncomeOnTop
  519. 			 *   If the user selected the checkbox to show the income on top.
  520. 			 */
  521. 			this.updateSettings = function(ib_showIncomeOnTop) {
  522. 				if(ib_showIncomeOnTop === true) {
  523. 					IC.RefreshHandler.add('finances', 'showIncomeOnTop', _lf_doShowIncomeOnTop);
  524. 					return;
  525. 				}
  526. 				
  527. 				IC.RefreshHandler.remove('finances', 'showIncomeOnTop');
  528. 			};
  529. 		};
  530. 		
  531. 		/**
  532. 		 * Storage for the short upkeep reduction table functions.
  533. 		 * 
  534. 		 * @type	{object}
  535. 		 */
  536. 		var _go_shortUpkeepReductionTable = new function() {
  537. 			/**
  538. 			 * Extract the data from the old tables.
  539. 			 * 
  540. 			 * @param	{element[]}	ia_oldUpkeepReductionTables
  541. 			 *   The old upkeep tables to collapse.
  542. 			 *   
  543. 			 * @return	{object[]}
  544. 			 *   The data for the table rows.
  545. 			 *   Signature:
  546. 			 *   <code>[{
  547. 			 *     rows: [
  548. 			 *       { reason : 'reason', basicUpkeep: int, supplyUpkeep: int, result: int }
  549. 			 *     ]
  550. 			 *     priorToReduction: int
  551. 			 *     income: int
  552. 			 *   }]</code>
  553. 			 */
  554. 			var _lf_getData = function(ia_oldUpkeepReductionTables) {
  555. 				var ro_data = {
  556. 					rows:				[],
  557. 					priorToReduction:	IC.Ikariam.getInt(IC.myGM.$('td.hidden', ia_oldUpkeepReductionTables[2]).innerHTML),
  558. 					income:				_go_generalFunctions.getIncome()
  559. 				};
  560. 				
  561. 				// Get the data for the troops and ships redution rows.
  562. 				for(var i = 0; i < 3; i++) {
  563. 					var le_basicUpkeepCell	= IC.myGM.$$('.alt.bottomLine td.hidden, .result td.hidden', ia_oldUpkeepReductionTables[0])[i];
  564. 					var le_supplyUpkeepCell	= IC.myGM.$$('.alt.bottomLine td.hidden, .result td.hidden', ia_oldUpkeepReductionTables[1])[i];
  565. 					var li_basicUpkeep		= IC.Ikariam.getInt(le_basicUpkeepCell.innerHTML);
  566. 					var li_supplyUpkeep		= IC.Ikariam.getInt(le_supplyUpkeepCell.innerHTML);
  567. 					
  568. 					var lo_row = {
  569. 						reason:			IC.Language.$('finance.upkeep.reason.' + i),
  570. 						basicUpkeep:	li_basicUpkeep,
  571. 						supplyUpkeep:	li_supplyUpkeep,
  572. 						result:			li_basicUpkeep + li_supplyUpkeep
  573. 					};
  574. 					
  575. 					ro_data.rows.push(lo_row);
  576. 				}
  577. 				
  578. 				return ro_data;
  579. 			};
  580. 			
  581. 			/**
  582. 			 * Prepare the table rows for easy adding to the new table.
  583. 			 * 
  584. 			 * @param	{element[]}	ia_oldUpkeepReductionTables
  585. 			 *   The old upkeep tables to collapse.
  586. 			 *   
  587. 			 * @return	{object[]}
  588. 			 *   The data for the table rows.
  589. 			 *   Signature:
  590. 			 *   <code>[{
  591. 			 *     classes:		'class' || ['class1', 'class2', ...]
  592. 			 *     isHeadRow:	true || false
  593. 			 *     cells:	[
  594. 			 *       { className: 'class' || ['class1', 'class2', ...], text: 'cellContent' (optional) }
  595. 			 *     ]
  596. 			 *   }]</code>
  597. 			 */
  598. 			var _lf_prepareTableRows = function(ia_oldUpkeepReductionTables) {
  599. 				var lo_data = _lf_getData(ia_oldUpkeepReductionTables);
  600. 				var ra_tableRows = [];
  601. 				
  602. 				// Header
  603. 				ra_tableRows.push({
  604. 					classes:	[],
  605. 					isHeadRow:	true,
  606. 					cells:		[
  607. 						 { className: ['city', 'left'] },
  608. 						 { className: ['left'], text: IC.Language.$('finance.upkeep.basic') },
  609. 						 { className: ['left'], text: IC.Language.$('finance.upkeep.supply') },
  610. 						 { className: ['left'], text: IC.Language.$('finance.upkeep.result') }
  611. 					]
  612. 				});
  613. 				
  614. 				// Income without reduction
  615. 				ra_tableRows.push({
  616. 					classes:	['alt', 'bottomLine'],
  617. 					isHeadRow:	false,
  618. 					cells:		[
  619. 						{ className: ['city', 'left'], text: IC.Language.$('finance.income.start') },
  620. 						{ className: ['nowrap', 'res'] },
  621. 						{ className: ['nowrap', 'res'] },
  622. 						{ className: ['nowrap', 'res'], text: IC.Ikariam.formatToIkaNumber(lo_data.priorToReduction) }
  623. 					]
  624. 				});
  625. 				
  626. 				// Income reduction
  627. 				lo_data.rows.forEach(function(io_row, ii_index) {
  628. 					var trClass = [];
  629. 					if(ii_index % 2 === 1)
  630. 						trClass = ['alt', 'bottomLine'];
  631. 					
  632. 					ra_tableRows.push({
  633. 						classes:	trClass,
  634. 						isHeadRow:	false,
  635. 						cells:		[
  636. 							{ className: ['city', 'left'],	text: io_row.reason },
  637. 							{ className: ['nowrap', 'res'],	text: IC.Ikariam.formatToIkaNumber(-io_row.basicUpkeep) },
  638. 							{ className: ['nowrap', 'res'],	text: IC.Ikariam.formatToIkaNumber(-io_row.supplyUpkeep) },
  639. 							{ className: ['nowrap', 'res'],	text: IC.Ikariam.formatToIkaNumber(-io_row.result) }
  640. 						]
  641. 					});
  642. 				});
  643. 				
  644. 				// Result
  645. 				ra_tableRows.push({
  646. 					classes:	['result'],
  647. 					isHeadRow:	false,
  648. 					cells:		[
  649. 						{ className: ['sigma', 'left'], text: '<img alt="Summe" src="skin/layout/sigma.png">' },
  650. 						{ className: ['nowrap', 'res'] },
  651. 						{ className: ['nowrap', 'res'] },
  652. 						{ className: ['nowrap', 'res'],	text: IC.Ikariam.formatToIkaNumber(lo_data.income) }
  653. 					]
  654. 				});
  655. 				
  656. 				return ra_tableRows;
  657. 			};
  658. 			
  659. 			/**
  660. 			 * Create the new upkeep reduction table.
  661. 			 * 
  662. 			 * @param	{element[]}	ia_oldUpkeepReductionTables
  663. 			 *   The old upkeep tables.
  664. 			 */
  665. 			var _lf_createNewTable = function(ia_oldUpkeepReductionTables) {
  666. 				var le_shortTable	= IC.myGM.addElement('table', ia_oldUpkeepReductionTables[0].parentNode, { 
  667. 					'id':		'balance',
  668. 					'classes':	['table01', 'border']
  669. 				}, null, ia_oldUpkeepReductionTables[0]);
  670. 				
  671. 				var la_tableRows = _lf_prepareTableRows(ia_oldUpkeepReductionTables);
  672. 				
  673. 				la_tableRows.forEach(function(io_rowData) {
  674. 					_go_generalFunctions.createTableRow(le_shortTable, io_rowData.classes, io_rowData.cells, io_rowData.isHeadRow);
  675. 				});
  676. 				
  677. 				IC.myGM.addElement('hr', ia_oldUpkeepReductionTables[0].parentNode, {}, null, ia_oldUpkeepReductionTables[0]);
  678. 			};
  679. 			
  680. 			/**
  681. 			 * Toggle the status of an old upkeep table (collapsed / non-collapsed).
  682. 			 */
  683. 			var _lf_toggleUpkeepReductionTable = function() {
  684. 				IC.myGM.toggleShowHideButton(this);
  685. 				
  686. 				var la_rows = IC.myGM.$$('tr:not(:first-child)', this.parentNode.parentNode.parentNode);
  687. 				
  688. 				la_rows.forEach(function(ie_row) {
  689. 					ie_row.classList.toggle('invisible');
  690. 				});
  691. 				
  692. 				// Adjust the size of the Scrollbar.
  693. 				IC.ika.controller.adjustSizes();
  694. 			};
  695. 			
  696. 			/**
  697. 			 * Minimize the old upkeep tables and make them collapsable.
  698. 			 * 
  699. 			 * @param	{element[]}	ia_oldUpkeepReductionTables
  700. 			 *   The old upkeep tables to collapse.
  701. 			 */
  702. 			var _lf_minimizeOldTables = function(ia_oldUpkeepReductionTables) {
  703. 				for(var i = 0; i < ia_oldUpkeepReductionTables.length; i++) {
  704. 					var la_rows = IC.myGM.$$('tr', ia_oldUpkeepReductionTables[i]);
  705. 					
  706. 					la_rows.forEach(function(ie_row, ii_index) {
  707. 						if(ii_index !== 0)
  708. 							ie_row.classList.add('invisible');
  709. 					});
  710. 					
  711. 					var le_buttonParent	= IC.myGM.$('th', la_rows[0]);
  712. 					IC.myGM.addElement('div', le_buttonParent, {
  713. 						'class':	'maximizeImg',
  714. 						'style':	[['cssFloat', 'left']],
  715. 						'title':	IC.Language.$('general.expand'),
  716. 						'click':	_lf_toggleUpkeepReductionTable
  717. 					}, null, le_buttonParent.firstChild);
  718. 				}
  719. 			};
  720. 			
  721. 			/**
  722. 			 * Callback to show the short upkeep reduction table.
  723. 			 */
  724. 			var _lf_doShowShortTable = function() {
  725. 				var la_oldUpkeepReductionTables = IC.myGM.$$('.upkeepReductionTable');
  726. 				
  727. 				_lf_createNewTable(la_oldUpkeepReductionTables);
  728. 				_lf_minimizeOldTables(la_oldUpkeepReductionTables);
  729. 				
  730. 				// Adjust the size of the Scrollbar.
  731. 				IC.ika.controller.adjustSizes();
  732. 			};
  733. 			
  734. 			/**
  735. 			 * Update the settings to execute the callback or delete the handler.
  736. 			 * 
  737. 			 * @param	{boolean}	ib_showShortTable
  738. 			 *   If the user selected the checkbox to show the short upkeep reduction table.
  739. 			 */
  740. 			this.updateSettings = function(ib_showShortTable) {
  741. 				if(ib_showShortTable === true) {
  742. 					IC.RefreshHandler.add('finances', 'shortUpkeepReductionTable', function() { _lf_doShowShortTable(); });
  743. 					return;
  744. 				}
  745. 				
  746. 				IC.RefreshHandler.remove('finances', 'shortUpkeepReductionTable');
  747. 			};
  748. 		};
  749. 		
  750. 		// Show the income also on top in finance popup.
  751. 		IC.Options.addCheckbox('showIncomeOnTop', 'diverseOptions', 1, true, IC.Language.$('finance.options.showIncomeOnTop'), { changeCallback: _go_incomeOnTop.updateSettings });
  752. 		// Short overview upkeep reduction table in finance popup.
  753. 		IC.Options.addCheckbox('shortUpkeepReductionTable', 'diverseOptions', 1, true, IC.Language.$('finance.options.shortUpkeepReductionTable'), { changeCallback: _go_shortUpkeepReductionTable.updateSettings });
  754. 		// Add a divider line.
  755. 		IC.Options.addLine('diverseOptions', 1);
  756. 	})();
  757. 	
  758. 	IC.con.logTimeStamp('IkariamEnhancedUI: finance functions created');
  759. 	
  760. 	// Functions for missing resources.
  761. 	(function() {
  762. 		/**
  763. 		 * Storage for the missing ressources functions.
  764. 		 * 
  765. 		 * @type	{object}
  766. 		 */
  767. 		var _go_showMissingResources = new function() {
  768. 			/**
  769. 			 * Update the information in the missing resources wrappers.
  770. 			 * 
  771. 			 * @param	{boolean}	ib_isUpdateView
  772. 			 *   If the update is in the update view.
  773. 			 */
  774. 			var _lf_updateInformation = function(ib_isUpdateView) {
  775. 				var la_currentResources = [
  776. 					IC.ika.getModel().currentResources.resource,	// Wood.
  777. 					IC.ika.getModel().currentResources[1],			// Wine.
  778. 					IC.ika.getModel().currentResources[2],			// Marble.
  779. 					IC.ika.getModel().currentResources[3],			// Crystal.
  780. 					IC.ika.getModel().currentResources[4]			// Sulfur.
  781. 				];
  782. 				
  783. 				var lb_showPositiveNumbers	= IC.Options.getOption('missingResources', 'showPositive') === true && ib_isUpdateView === true;
  784. 				var lb_showMissingColoured	= IC.Options.getOption('missingResources', 'showColoured');
  785. 				
  786. 				var ls_resourcesPattern	= '%resources%';
  787. 				if(ib_isUpdateView !== true)
  788. 					ls_resourcesPattern = ' (' + ls_resourcesPattern + ')';
  789. 				
  790. 				for(var i = 0; i < IC.Ikariam.resourceNames.length; i++) {
  791. 					var la_missingWrappers = IC.myGM.$$('.' + IC.myGM.prefix + 'missingResources' + IC.Ikariam.resourceNames[i]);
  792. 					
  793. 					if(!!la_missingWrappers) {
  794. 						for(var k = 0; k < la_missingWrappers.length; k++) {
  795. 							
  796. 							var le_neededWrapper	= la_missingWrappers[k].previousSibling;
  797. 							var li_missing			= la_currentResources[i] - IC.Ikariam.getInt(le_neededWrapper.nodeValue);
  798. 							
  799. 							if(li_missing < 0 || lb_showPositiveNumbers === true) {
  800. 								var ls_formattedMissingValue	= IC.Ikariam.formatToIkaNumber(li_missing, lb_showMissingColoured, true);
  801. 								la_missingWrappers[k].innerHTML	= ls_resourcesPattern.replace(/\%resources\%/, ls_formattedMissingValue);
  802. 							} else {
  803. 								la_missingWrappers[k].innerHTML = '';
  804. 							}
  805. 						}
  806. 					}
  807. 				}
  808. 			};
  809. 			
  810. 			/**
  811. 			 * Add the missing resources wrappers.
  812. 			 * 
  813. 			 * @param	{boolean}	ib_isUpdateView
  814. 			 *   If the wrappers are added to the update view.
  815. 			 */
  816. 			var _lf_addMissingWrappers = function(ib_isUpdateView) {
  817. 				var ls_wrapperSelector = '#buildingGround .resources';
  818. 				if(ib_isUpdateView === true)
  819. 					ls_wrapperSelector = '#sidebar .resources';
  820. 				
  821. 				var la_wrappers = IC.myGM.$$(ls_wrapperSelector);
  822. 				
  823. 				for(var i = 0; i < la_wrappers.length; i++) {
  824. 					for(var k = 0; k < IC.Ikariam.resourceNames.length; k++) {
  825. 						var le_resourceNode = IC.myGM.$('.' + IC.Ikariam.resourceNames[k], la_wrappers[i]);
  826. 						
  827. 						if(!!le_resourceNode) {
  828. 							IC.myGM.addElement('span', le_resourceNode, { 'classes': ['missingResources', 'missingResources' + IC.Ikariam.resourceNames[k]] }, true);
  829. 						}
  830. 					}
  831. 				}
  832. 				
  833. 				_lf_updateInformation(ib_isUpdateView);
  834. 			};
  835. 			
  836. 			/**
  837. 			 * Update the missing resources in building ground popup.
  838. 			 */
  839. 			var _lf_doUpdateInBuildingView = function() {
  840. 				if(!IC.myGM.$('#buildingGround_c')) {
  841. 					IC.Observer.remove('missingResourcesBuilding');
  842. 					return;
  843. 				}
  844.  
  845. 				_lf_updateInformation(false);
  846. 			};
  847. 			
  848. 			/**
  849. 			 * Update the missing resources in update view.
  850. 			 */
  851. 			var _lf_doUpdateInUpdateView = function() {
  852. 				if(!IC.myGM.$('#buildingUpgrade')) {
  853. 					IC.Observer.remove('missingResourcesUpdate');
  854. 					return;
  855. 				}
  856.  
  857. 				_lf_updateInformation(true);
  858. 			};
  859. 			
  860. 			/**
  861. 			 * Show the missing resources in building ground popup.
  862. 			 */
  863. 			var _lf_doShowInBuildingGround = function() {
  864. 				_lf_addMissingWrappers(false);
  865. 				
  866. 				IC.Observer.add('missingResourcesBuilding', IC.myGM.$('#cityResources'), { childList: true, subtree: true }, _lf_doUpdateInBuildingView, _lf_doUpdateInBuildingView);
  867. 			};
  868. 			
  869. 			/**
  870. 			 * Show the missing resources in update view.
  871. 			 */
  872. 			var _lf_doShowInUpdateView = function() {
  873. 				if(!IC.myGM.$('#buildingUpgrade') || IC.myGM.$$('.' + IC.myGM.prefix + 'missingResources').length > 0)
  874. 					return;
  875. 				
  876. 				_lf_addMissingWrappers(true);
  877. 				
  878. 				IC.Observer.add('missingResourcesUpgrade', IC.myGM.$('#cityResources'), { childList: true, subtree: true }, _lf_doUpdateInUpdateView, _lf_doUpdateInUpdateView);
  879. 			};
  880. 			
  881. 			/**
  882. 			 * Update the settings to execute the callback or delete the handler.
  883. 			 * 
  884. 			 * @param	{boolean}	ib_showMissingResources
  885. 			 *   If the user selected the checkbox to show the missing resources info.
  886. 			 */
  887. 			this.updateSettings = function(ib_showMissingResources) {
  888. 				if(ib_showMissingResources === true) {
  889. 					IC.RefreshHandler.add('buildingGround', 'showMissingResources', _lf_doShowInBuildingGround);
  890. 					IC.RefreshHandler.add('%', 'showMissingResources', _lf_doShowInUpdateView);
  891. 					IC.myGM.addStyle(
  892. 						'#sidebar #buildingUpgrade ul.resources li			{ width: 120px; } \
  893. 						 #sidebar #buildingUpgrade ul.resources li.time		{ width: 60px !important; } \
  894. 						 #sidebar .' + IC.myGM.prefix + 'missingResources	{ float: right; }',
  895. 						'showMissingResources'
  896. 					);
  897. 					return;
  898. 				}
  899. 				
  900. 				IC.RefreshHandler.remove('buildingGround', 'showMissingResources');
  901. 				IC.RefreshHandler.remove('%', 'showMissingResources');
  902. 				IC.myGM.removeStyle('showMissingResources');
  903. 			};
  904. 		};
  905. 		
  906. 		IC.Options.addWrapper('missingResources', IC.Language.$('missingResources.options.wrapperTitle'));
  907. 		
  908. 		// Show missing resources in upgrade / building view.
  909. 		IC.Options.addCheckbox('show', 'missingResources', 1, true, IC.Language.$('missingResources.options.show'), { changeCallback: _go_showMissingResources.updateSettings });
  910. 		
  911. 		// Disable coloring of the missing resources.
  912. 		IC.Options.addCheckbox('showPositive', 'missingResources', 2, true, IC.Language.$('missingResources.options.showPositive'), {});
  913. 		// Show only missing ressources, not also remaining.
  914. 		IC.Options.addCheckbox('showColoured', 'missingResources', 2, true, IC.Language.$('missingResources.options.showColoured'), {});
  915. 	})();
  916. 	
  917. 	IC.con.logTimeStamp('IkariamEnhancedUI: missing resource functions created');
  918. 	
  919. 	// Functions for tooltips.
  920. 	(function() {
  921. 		/**
  922. 		 * Storage for the autoshow tootips functions.
  923. 		 * 
  924. 		 * @type	{object}
  925. 		 */
  926. 		var _go_autoshowTooltips = new function() {
  927. 			/**
  928. 			 * General function for autowhow.
  929. 			 * 
  930. 			 * @param	{string}	onclickWrapperClass
  931. 			 *   The class of the wrapper which has the onclik attribute set.
  932. 			 */
  933. 			var _lf_autoshowTooltipsGeneral = function(onclickWrapperClass) {
  934. 				IC.myGM.$$('.' + onclickWrapperClass).forEach(function(onclickWrapper) {
  935. 					var onclickFunction		= onclickWrapper.onclick;
  936. 					onclickWrapper.onclick	= 'return false;';
  937. 					
  938. 					var newHandler = IC.myGM.$('.magnify_icon', onclickWrapper);
  939. 					if(!newHandler)
  940. 						newHandler = onclickWrapper;
  941. 					
  942. 					newHandler.addEventListener('mouseover', function(e) { IC.ika.controller.captureMousePosition(e); onclickFunction(e); }, true);
  943. 				});
  944. 				
  945. 				IC.myGM.$('.templateView .mainContent').addEventListener('click', function() { IC.win.$(document).trigger("closeExclusiveInfo"); }, true);
  946. 			};
  947. 			
  948. 			/**
  949. 			 * Autmatically show tooltips in alliance member lists.
  950. 			 */
  951. 			var _lf_doAutoshowTooltipsAlliance = function() {
  952. 				_lf_autoshowTooltipsGeneral('cityInfo');
  953. 			};
  954. 			
  955. 			/**
  956. 			 * Autmatically show tooltips in military advisor.
  957. 			 */
  958. 			var _lf_doAutoshowTooltipsMilitaryAdvisor = function() {
  959. 				if(IC.Options.getOption('moduleOptions', 'showDirectMilitaryTooltips') === true)
  960. 					return;
  961. 				
  962. 				_lf_autoshowTooltipsGeneral('spyMilitary');
  963. 			};
  964. 			
  965. 			/**
  966. 			 * Update the settings to execute the callback or delete the handler.
  967. 			 * 
  968. 			 * @param	{boolean}	autoshowTooltips
  969. 			 *   If the user selected the checkbox to autoshow tooltips.
  970. 			 */
  971. 			this.updateSettings = function(autoshowTooltips) {
  972. 				var alliancePopupIds = ['diplomacyAllyMemberlist', 'embassy'];
  973. 				
  974. 				if(autoshowTooltips === true) {
  975. 					IC.RefreshHandler.add('militaryAdvisor', 'autoshowTooltips', _lf_doAutoshowTooltipsMilitaryAdvisor);
  976. 					IC.RefreshHandler.add(alliancePopupIds, 'autoshowTooltips', _lf_doAutoshowTooltipsAlliance);
  977. 					return;
  978. 				}
  979. 				
  980. 				IC.RefreshHandler.remove('militaryAdvisor', 'autoshowTooltips');
  981. 				IC.RefreshHandler.remove(alliancePopupIds, 'autoshowTooltips');
  982. 			};
  983. 		};
  984. 		
  985. 		/**
  986. 		 * Storage for the direct military tooltip functions.
  987. 		 * 
  988. 		 * @type	{object}
  989. 		 */
  990. 		var _go_directMilitaryTooltips = new function() {
  991. 			/**
  992. 			 * Storage for the class ids and their corresponding translations. Each class is a property of the object with the translation stored in it.
  993. 			 * 
  994. 			 * @type	{object}
  995. 			 */
  996. 			var _lo_idTranslation = {};
  997. 			
  998. 			/**
  999. 			 * Fill the id translation object.
  1000. 			 */
  1001. 			var _lf_fillIdTranslation = function() {
  1002. 				if(_lo_idTranslation.length === 0)
  1003. 					return;
  1004. 				
  1005. 				var la_troops		= ['swordsman', 'phalanx', 'archer', 'marksman', 'mortar', 'slinger', 'catapult', 'ram', 'steamgiant', 'bombardier', 'cook', 'medic', 'gyrocopter', 'spearman', 'spartan'];
  1006. 				var la_ships		= ['balliasta', 'catapult', 'flamethrower', 'mortar', 'ram', 'steamboat', 'rocketship', 'submarine', 'paddlespeedship', 'balloncarrier', 'tender', 'transport', 'premium_transport'];
  1007. 				var la_resources	= IC.Ikariam.resourceNames;
  1008. 				la_resources.push('gold');
  1009. 				
  1010. 				la_troops.forEach(function(is_troopName) {
  1011. 					_lo_idTranslation[is_troopName] = IC.Language.$('diverse.name.unit.' + is_troopName);
  1012. 				});
  1013. 				
  1014. 				la_ships.forEach(function(is_shipName) {
  1015. 					_lo_idTranslation['ship_' + is_shipName] = IC.Language.$('diverse.name.ship.' + is_shipName.replace('premium_', ''));
  1016. 				});
  1017. 				
  1018. 				la_resources.forEach(function(is_resourceName) {
  1019. 					_lo_idTranslation[is_resourceName] = IC.Language.$('diverse.name.resource.' + is_resourceName);
  1020. 				});
  1021. 			};
  1022. 			
  1023. 			/**
  1024. 			 * Hide the number of ships for the own peaceful missions (trade / transport).
  1025. 			 */
  1026. 			var _lf_hideShipNumberOwnPeacefulMissions = function() {
  1027. 				var la_ownEventTableRows = IC.myGM.$$('#js_MilitaryMovementsFleetMovementsTable .military_event_table tr.own');
  1028. 				
  1029. 				la_ownEventTableRows.forEach(function(ie_tableRow) {
  1030. 					var le_missionDiv		= IC.myGM.$('td:nth-child(1) div.mission_icon', ie_tableRow);
  1031. 					var lb_peacefulMission	= le_missionDiv.classList.contains('transport') || le_missionDiv.classList.contains('trade');
  1032. 					
  1033. 					if(lb_peacefulMission === true) {
  1034. 						IC.myGM.$('td:nth-child(4) div', ie_tableRow).classList.add('invisible');
  1035. 					}
  1036. 				});
  1037. 			};
  1038. 			
  1039. 			/**
  1040. 			 * Show the military tooltips directly.
  1041. 			 */
  1042. 			var _lf_doShowDirectMilitaryTooltips = function() {
  1043. 				_lf_fillIdTranslation();
  1044. 				
  1045. 				_lf_hideShipNumberOwnPeacefulMissions();
  1046. 				
  1047. 				IC.myGM.$$('.spyMilitary').forEach(function(ie_movementWrapper) {
  1048. 					ie_movementWrapper.onclick = 'return false;';
  1049. 				});
  1050. 				
  1051. 				var le_movementsTable = IC.myGM.$('#js_MilitaryMovementsFleetMovementsTable');
  1052. 				
  1053. 				IC.myGM.forEach(_lo_idTranslation, function(is_classId, is_translation) {
  1054. 					IC.myGM.$$('.icon40.' + is_classId, le_movementsTable).forEach(function(ie_detailIcon) {
  1055. 						ie_detailIcon.title = is_translation;
  1056. 					});
  1057. 				});
  1058. 			};
  1059. 			
  1060. 			/**
  1061. 			 * Update the settings to execute the callback or delete the handler.
  1062. 			 * 
  1063. 			 * @param	{boolean}	ib_showDirectMilitaryTooltips
  1064. 			 *   If the user selected the checkbox to show the military tooltips directly.
  1065. 			 */
  1066. 			this.updateSettings = function(ib_showDirectMilitaryTooltips) {
  1067. 				if(ib_showDirectMilitaryTooltips === true) {
  1068. 					IC.RefreshHandler.add('militaryAdvisor', 'showDirectMilitaryTooltips', _lf_doShowDirectMilitaryTooltips);
  1069. 					IC.myGM.addStyle(
  1070. 						'#js_MilitaryMovementsFleetMovementsTable .military_event_table .magnify_icon				{ background-image: none; cursor: default; width: 240px; } \
  1071. 						 #js_MilitaryMovementsFleetMovementsTable .military_event_table .magnify_icon .infoTip		{ display: inline; position: relative; padding: 0px; border: none; top: 0px; } \
  1072. 						 #js_MilitaryMovementsFleetMovementsTable .military_event_table .magnify_icon .infoTip h5	{ display: none; } \
  1073. 						 #js_MilitaryMovementsFleetMovementsTable .military_event_table .icon40						{ background-size: 25px 25px; background-color: transparent; padding: 26px 3px 0px 3px; width: 30px; } \
  1074. 						 #js_MilitaryMovementsFleetMovementsTable .military_event_table .icon40.resource_icon		{ background-size: 20px 16px; }',
  1075. 						'showDirectMilitaryTooltips'
  1076. 					);
  1077. 					return;
  1078. 				}
  1079. 				
  1080. 				IC.RefreshHandler.remove('militaryAdvisor', 'showDirectMilitaryTooltips');
  1081. 				IC.myGM.removeStyle('showDirectMilitaryTooltips');
  1082. 			};
  1083. 		};
  1084. 		
  1085. 		// Show alliance / military tooltips directly.
  1086. 		IC.Options.addCheckbox('autoshowTooltips', 'diverseOptions', 1, true, IC.Language.$('tooltips.options.autoshow'), { changeCallback: _go_autoshowTooltips.updateSettings });
  1087. 		// Show military tooltips directly.
  1088. 		IC.Options.addCheckbox('showDirectMilitaryTooltips', 'diverseOptions', 1, false, IC.Language.$('tooltips.options.showDirectInMilitaryAdvisor'), { changeCallback: _go_directMilitaryTooltips.updateSettings });
  1089. 		// Add a divider line.
  1090. 		IC.Options.addLine('diverseOptions', 1);
  1091. 	})();
  1092. 	
  1093. 	IC.con.logTimeStamp('IkariamEnhancedUI: tooltip functions created');
  1094. 	
  1095. 	// Zoom function.
  1096. 	(function() {
  1097. 		/**
  1098. 		 * Storage for the zoom functions.
  1099. 		 * 
  1100. 		 * @type	{object}
  1101. 		 */
  1102. 		var _go_zoomView = new function() {
  1103. 			/**
  1104. 			 * Storage for the minimum zoom factor.
  1105. 			 * 
  1106. 			 * @type	{int}
  1107. 			 */
  1108. 			var _li_minZoom	= 55;
  1109. 			
  1110. 			/**
  1111. 			 * Storage for the maximum zoom factor.
  1112. 			 * 
  1113. 			 * @type	{int}
  1114. 			 */
  1115. 			var _li_maxZoom	= 150;
  1116. 			
  1117. 			/**
  1118. 			 * Storage for the zoom step size.
  1119. 			 * 
  1120. 			 * @type	{int}
  1121. 			 */
  1122. 			var _li_zoomStep	= 5;
  1123. 			
  1124. 			/**
  1125. 			 * Storage for the actual mousewheel callback.
  1126. 			 * 
  1127. 			 * @type	{function}
  1128. 			 */
  1129. 			var _lf_mousewheelCallbackStorage = IC.ika.getController().mouseScrollHandle;
  1130. 			
  1131. 			/**
  1132. 			 * Getter for the minimum zoom factor.
  1133. 			 * 
  1134. 			 * @return	{int}
  1135. 			 *   The minimum zoom factor.
  1136. 			 */
  1137. 			this.__defineGetter__('minZoom', function() { return _li_minZoom; });
  1138. 			
  1139. 			/**
  1140. 			 * Getter for the maximum zoom factor.
  1141. 			 * 
  1142. 			 * @return	{int}
  1143. 			 *   The maximum zoom factor.
  1144. 			 */
  1145. 			this.__defineGetter__('maxZoom', function() { return _li_maxZoom; });
  1146. 			
  1147. 			/**
  1148. 			 * Getter for the zoom step size.
  1149. 			 * 
  1150. 			 * @return	{int}
  1151. 			 *   The zoom step size.
  1152. 			 */
  1153. 			this.__defineGetter__('zoomStep', function() { return _li_zoomStep; });
  1154. 			
  1155. 			/**
  1156. 			 * Initialize the zoom bounds (min and max zoom).
  1157. 			 */
  1158. 			var _lf_initBounds = function() {
  1159. 				var li_minZoom = Math.round(IC.ika.worldview_scale_min * 100);
  1160. 				if(li_minZoom % 5 != 0)
  1161. 					li_minZoom = li_minZoom + (5 - (li_minZoom % 5));
  1162.  
  1163. 				_li_minZoom = li_minZoom;
  1164. 				
  1165. 				IC.ika.worldview_scale_min = _li_minZoom / 100;
  1166. 				IC.ika.worldview_scale_max = _li_maxZoom / 100;
  1167. 			};
  1168. 			
  1169. 			/**
  1170. 			 * Zoom the world view, as there is no function provided by Ikariam.
  1171. 			 * 
  1172. 			 * @param	{decimal}	in_zoomFactor
  1173. 			 *   The zoom factor as decimal number (1 =^= 100%)
  1174. 			 */
  1175. 			var _lf_zoomWorldView = function(in_zoomFactor) {
  1176. 				var li_translateXY		= (100 - 100 / in_zoomFactor) / 2;
  1177. 				var ls_heightWidth		= (100 / in_zoomFactor) + '% !important';
  1178. 				var ls_transformString	= 'scale(' + in_zoomFactor + ') translate(' + li_translateXY + '%, ' + li_translateXY + '%)';
  1179. 				
  1180. 				IC.myGM.addStyle(
  1181. 					'#scrollcover	{ transform: ' + ls_transformString + '; -webkit-transform: ' + ls_transformString + '; height: ' + ls_heightWidth + '; width: ' + ls_heightWidth + '; }',
  1182. 					'zoomWorld', true
  1183. 				);
  1184. 		
  1185. 				var le_map = IC.myGM.$('#map1');
  1186. 				
  1187. 				le_map.style.top	= '0px';
  1188. 				le_map.style.left	= '0px';
  1189. 			};
  1190. 			
  1191. 			/**
  1192. 			 * Rescale the badges and symbols.
  1193. 			 * 
  1194. 			 * @param	{decimal}	in_zoomFactorNumber
  1195. 			 *   The zoom factor as decimal number (1 =^= 100%)
  1196. 			 */
  1197. 			var _lf_scaleChildren = function(in_zoomFactorNumber) {
  1198. 				var ls_transformString	= 'transform: scale(' + 1 / in_zoomFactorNumber + ');  -webkit-transform: scale(' + 1 / in_zoomFactorNumber + ');';
  1199. 				var ls_style			= '';
  1200. 				
  1201. 				if(IC.Ikariam.view == 'world') {
  1202. 					var ls_ownerState = '';
  1203. 					
  1204. 					if(in_zoomFactorNumber < 1)
  1205. 						ls_ownerState = ', .ownerState';
  1206. 					
  1207. 					ls_style =	'.islandTile .wonder, .islandTile .tradegood, .islandTile .cities, .islandTile .piracyInRange' + ls_ownerState + '	{ ' + ls_transformString + ' } \
  1208. 						 		 .islandTile .cities																	{ bottom: 10px !important; }';
  1209. 				}
  1210. 				
  1211. 				if(IC.Ikariam.view == 'island') {
  1212. 					var ls_movePiracy = 'transform: translate(0px, -' + (1 - in_zoomFactorNumber) * 20 + 'px) scale(' + 1 / in_zoomFactorNumber + ');';
  1213. 					ls_style =	'.cityLocation .scroll_img, .cityLocationScroll .scroll_img	{ ' + ls_transformString + ' } \
  1214. 								 .cityLocation .piracyRaid									{ ' + ls_movePiracy + ' }';
  1215. 				}
  1216. 				
  1217. 				if(IC.Ikariam.view == 'town')
  1218. 					ls_style = '.timetofinish	{ ' + ls_transformString + ' }';
  1219. 				
  1220. 				IC.myGM.addStyle(ls_style, 'scaleChildren', true);
  1221. 			};
  1222. 			
  1223. 			/**
  1224. 			 * Update the zoom in and zoom out button and the percentage in the middle.
  1225. 			 * 
  1226. 			 * @param	{int}	ii_zoomFactor
  1227. 			 *   The zoom factor as percentage.
  1228. 			 */
  1229. 			var _lf_updateZoomButtons = function(ii_zoomFactor) {
  1230. 				var le_zoomFactorDiv	= IC.myGM.$('#' + IC.myGM.prefix + 'zoomFactor');
  1231. 				var le_zoomIn			= IC.myGM.$('#' + IC.myGM.prefix + 'zoomIn');
  1232. 				var le_zoomOut			= IC.myGM.$('#' + IC.myGM.prefix + 'zoomOut');
  1233. 		
  1234. 				if(!!le_zoomFactorDiv) {
  1235. 					le_zoomFactorDiv.innerHTML = ii_zoomFactor + '%';
  1236. 				}
  1237. 				
  1238. 				if(!!le_zoomIn) {
  1239. 					le_zoomIn.style.visibility = '';
  1240. 					
  1241. 					if(ii_zoomFactor >= _li_maxZoom)
  1242. 						le_zoomIn.style.visibility = 'hidden';
  1243. 				}
  1244. 				
  1245. 				if(!!le_zoomOut) {
  1246. 					le_zoomOut.style.visibility = '';
  1247. 					
  1248. 					if(ii_zoomFactor <= _li_minZoom)
  1249. 						le_zoomOut.style.visibility = 'hidden';
  1250. 				}
  1251. 			};
  1252. 			
  1253. 			/**
  1254. 			 * Calculate the zoom factor as decimal number and execute the zoom function. If it is requestet, call also the rescale function for child elements.
  1255. 			 * 
  1256. 			 * @param	{int}	ii_zoomFactor
  1257. 			 *   The zoom factor as percentage.
  1258. 			 */
  1259. 			var _lf_zoomView = function(ii_zoomFactor) {
  1260. 				var ln_zoomFactorNumber = ii_zoomFactor / 100.0;
  1261. 	
  1262. 				var li_scale = 0;
  1263. 				
  1264. 				if(IC.Ikariam.view == 'island')
  1265. 					li_scale = IC.ika.worldview_scale_island;
  1266. 					
  1267. 				if(IC.Ikariam.view == 'town')
  1268. 					li_scale = IC.ika.worldview_scale_city;
  1269. 				
  1270. 				if(IC.Ikariam.view == 'world') {
  1271. 					_lf_zoomWorldView(ln_zoomFactorNumber);
  1272. 				} else {
  1273. 					var li_stepNumber = Math.round((ln_zoomFactorNumber - li_scale) / .05);
  1274. 		
  1275. 					var le_worldview	= IC.myGM.$('#worldview');
  1276. 					var li_posX			= le_worldview.offsetLeft + le_worldview.offsetWidth / 2;
  1277. 					var li_posY			= le_worldview.offsetTop + le_worldview.offsetHeight / 2;
  1278. 					
  1279. 					IC.ika.controller.scaleWorldMap(li_stepNumber, li_posX, li_posY);
  1280. 				}
  1281. 				
  1282. 				if(IC.Options.getOption('zoom', IC.Ikariam.view + 'ScaleChildren') === true)
  1283. 					_lf_scaleChildren(ln_zoomFactorNumber);
  1284. 			};
  1285. 			
  1286. 			/**
  1287. 			 * Ensure that the requested zoom factor is in the bounds and update the view.
  1288. 			 * 
  1289. 			 * @param	{int}	ii_zoomFactor
  1290. 			 *   The zoom factor as percentage.
  1291. 			 */
  1292. 			var _lf_zoom = function(ii_zoomFactor) {
  1293. 				if(ii_zoomFactor > _li_maxZoom)
  1294. 					ii_zoomFactor = _li_maxZoom;
  1295. 				
  1296. 				if(ii_zoomFactor < _li_minZoom)
  1297. 					ii_zoomFactor = _li_minZoom;
  1298. 				
  1299. 				IC.Options.setOption('zoom', IC.Ikariam.view + 'Factor', ii_zoomFactor);
  1300. 				
  1301. 				_lf_updateZoomButtons(ii_zoomFactor);
  1302. 				_lf_zoomView(ii_zoomFactor);
  1303. 			};
  1304. 			
  1305. 			/**
  1306. 			 * Zoom one step in.
  1307. 			 */
  1308. 			var _lf_zoomIn = function() {
  1309. 				var li_factor = IC.Ikariam.getInt(IC.Options.getOption('zoom', IC.Ikariam.view + 'Factor', 100)) + _li_zoomStep;
  1310. 	
  1311. 				_lf_zoom(li_factor);
  1312. 			};
  1313. 			
  1314. 			/**
  1315. 			 * Zoom one step out.
  1316. 			 */
  1317. 			var _lf_zoomOut = function() {
  1318. 				var li_factor = IC.Options.getOption('zoom', IC.Ikariam.view + 'Factor', 100) - _li_zoomStep;
  1319. 	
  1320. 				_lf_zoom(li_factor);
  1321. 			};
  1322. 			
  1323. 			/**
  1324. 			 * Add the zoom buttons.
  1325. 			 */
  1326. 			var _lf_addZoomButtons = function() {
  1327. 				var le_zoomWrapper	= IC.myGM.addElement('div', ge_toolbar, { 'id': 'zoomWrapper' });
  1328. 				IC.myGM.addElement('div', le_zoomWrapper, {
  1329. 					'id':		'zoomIn',
  1330. 					'class':	'maximizeImg',
  1331. 					'title':	IC.Language.$('zoom.zoomIn'),
  1332. 					'click':	_lf_zoomIn
  1333. 				});
  1334. 				IC.myGM.addElement('div', le_zoomWrapper, {
  1335. 					'id':		'zoomFactor',
  1336. 					'title':	IC.Language.$('zoom.factor')
  1337. 				});
  1338. 				IC.myGM.addElement('div', le_zoomWrapper, {
  1339. 					'id':		'zoomOut',
  1340. 					'class':	'minimizeImg',
  1341. 					'title':	IC.Language.$('zoom.zoomOut'),
  1342. 					'click':	_lf_zoomOut
  1343. 				});
  1344. 				
  1345. 				IC.myGM.addStyle(
  1346. 					'#' + IC.myGM.prefix + 'zoomWrapper			{ width: 72px; margin: 0px -5px !important; transform: scale(0.75); scale(0.75); -webkit-transform: scale(0.75); } \
  1347. 					 #' + IC.myGM.prefix + 'zoomWrapper > div	{ display: inline-block; position: relative; } \
  1348. 					 #' + IC.myGM.prefix + 'zoomFactor			{ top: -4px; width: 35px; text-align: center; }',
  1349. 					'zoomButtons'
  1350. 				);
  1351. 			};
  1352. 			
  1353. 			/**
  1354. 			 * Set the zoom to 100% if in world view or if it was bigger than 100% and remove the zoom buttons and all styles for the zoom.
  1355. 			 */
  1356. 			var _lf_resetZoom = function() {
  1357. 				if((IC.Ikariam.view == 'island' && IC.ika.worldview_scale_island > 1) || (IC.Ikariam.view == 'town' && IC.ika.worldview_scale_city > 1) || IC.Ikariam.view == 'world')
  1358. 					_lf_zoomView(100);
  1359. 					
  1360. 				IC.ika.worldview_scale_max = 1;
  1361. 				
  1362. 				IC.myGM.removeElement(IC.myGM.$('#' + IC.myGM.prefix + 'zoomWrapper'));
  1363. 				
  1364. 				IC.myGM.removeStyle('zoomButtons');
  1365. 				IC.myGM.removeStyle('zoomWorld');
  1366. 				IC.myGM.removeStyle('scaleChildren');
  1367. 			};
  1368. 			
  1369. 			/**
  1370. 			 * Check, if the key are pressed which are required to zoom with the mouse.
  1371. 			 * 
  1372. 			 * @param	{object}	io_event
  1373. 			 *   The "event object" with information about the mouse scroll and pressed keys.
  1374. 			 * 
  1375. 			 * @return	{boolean}
  1376. 			 *   If the correct keys were pressed.
  1377. 			 */
  1378. 			var _lf_keysOK = function(io_event) {
  1379. 				var lb_ctrlOK = !!io_event.ctrlKey;
  1380. 				if(IC.Options.getOption('zoom', 'ctrlAsAccessKey') === false)
  1381. 					lb_ctrlOK = true;
  1382. 				
  1383. 				var lb_altOK = !!io_event.altKey;
  1384. 				if(IC.Options.getOption('zoom', 'altAsAccessKey') === false)
  1385. 					lb_altOK = true;
  1386. 				
  1387. 				var lb_shiftOK = !!io_event.shiftKey;
  1388. 				if(IC.Options.getOption('zoom', 'shiftAsAccessKey') === false)
  1389. 					lb_shiftOK = true;
  1390. 				
  1391. 				return lb_ctrlOK && lb_altOK && lb_shiftOK;
  1392. 			};
  1393. 			
  1394. 			/**
  1395. 			 * Calculate the delta the mousewheel was turned.
  1396. 			 * 
  1397. 			 * @param	{object}	io_event
  1398. 			 *   The "event object" with information about the mouse scroll and pressed keys.
  1399. 			 * 
  1400. 			 * @return	{int}
  1401. 			 *   The delta the mousewheel was moved.
  1402. 			 */
  1403. 			var _lf_calculateDelta = function(io_event) {
  1404. 				var ri_stepNumber = 0;
  1405.  
  1406. 				// Get the number of steps to scroll.
  1407. 				if(io_event.wheelDelta)
  1408. 					ri_stepNumber = io_event.wheelDelta / 120;
  1409.  
  1410. 				if (io_event.detail)
  1411. 					ri_stepNumber = -io_event.detail / 3;
  1412.  
  1413. 				if (io_event.wheelDeltaY !== undefined)
  1414. 					ri_stepNumber = io_event.wheelDeltaY / 120;
  1415. 				
  1416. 				// If the number is between -1 and 0, set it to -1.
  1417. 				if(ri_stepNumber < 0)
  1418. 					ri_stepNumber = ri_stepNumber > -1 ? -1 : Math.round(ri_stepNumber);
  1419.  
  1420. 				// If the number is between 0 and 1, set it to 1.
  1421. 				else
  1422. 					ri_stepNumber = ri_stepNumber < 1 ? 1 : Math.round(ri_stepNumber);
  1423. 					
  1424. 				return ri_stepNumber;
  1425. 			};
  1426. 			
  1427. 			/**
  1428. 			 * Handler for mousescroll to zoom.
  1429. 			 * 
  1430. 			 * @param	{object}	io_event
  1431. 			 *   The "event object" with information about the mouse scroll and pressed keys.
  1432. 			 * 
  1433. 			 * @return	false
  1434. 			 *   If the prevent default method is not available to prevent the default action.
  1435. 			 */
  1436. 			var _lf_mouseScroll = function(io_event) {
  1437. 				if(_lf_keysOK(io_event) === true) {
  1438. 					// If the scrolling is horizontally return.
  1439. 					if(io_event.axis !== undefined && io_event.axis === io_event.HORIZONTAL_AXIS)
  1440. 						return;
  1441. 					
  1442. 					var li_factor = IC.Ikariam.getInt(IC.Options.getOption('zoom', IC.Ikariam.view + 'Factor')) + _li_zoomStep * _lf_calculateDelta(io_event);
  1443. 					
  1444. 					_lf_zoom(li_factor);
  1445. 					
  1446. 					// Prevent the default event.
  1447. 					if(io_event.preventDefault)
  1448. 						io_event.preventDefault();
  1449. 					else
  1450. 						return false;
  1451. 				}
  1452. 			};
  1453. 		
  1454. 			/**
  1455. 			 * Change the mousewheel listener to a new callback.
  1456. 			 * 
  1457. 			 * @param	{function}	if_newCallback
  1458. 			 *   The new callback for the mousewheel listener.
  1459. 			 */
  1460. 			var _lf_changeMouseWheelListener = function(if_newCallback) {
  1461. 				if(_lf_mousewheelCallbackStorage == if_newCallback)
  1462. 					return;
  1463. 				
  1464. 				var ls_scrollDivId = '#worldmap';
  1465. 				
  1466. 				if(IC.Ikariam.view == 'world')
  1467. 					ls_scrollDivId	= '#map1';
  1468. 				
  1469. 				if(_lf_mousewheelCallbackStorage == IC.ika.getController().mouseScrollHandle) {
  1470. 					// Remove the ikariam mouse wheel listener and add the own. (with the use of Ikariam-jQuery)
  1471. 					IC.win.$(ls_scrollDivId).unbind('mousewheel');
  1472. 					
  1473. 					var scrollDiv = IC.myGM.$(ls_scrollDivId);
  1474. 					scrollDiv.addEventListener('DOMMouseScroll', if_newCallback, false);
  1475. 					scrollDiv.addEventListener('mousewheel', if_newCallback, false);
  1476. 				} else {
  1477. 					var scrollDiv = IC.myGM.$(ls_scrollDivId);
  1478. 					scrollDiv.removeEventListener('DOMMouseScroll', _lf_mousewheelCallbackStorage, false);
  1479. 					scrollDiv.removeEventListener('mousewheel', _lf_mousewheelCallbackStorage, false);
  1480. 					
  1481. 					IC.win.$(ls_scrollDivId).on('mousewheel', if_newCallback);
  1482. 				}
  1483. 				
  1484. 				_lf_mousewheelCallbackStorage = if_newCallback;
  1485. 			};
  1486. 			
  1487. 			/**
  1488. 			 * Update the settings to execute the callback or delete the handler.
  1489. 			 * 
  1490. 			 * @param	{boolean}	ib_zoomView
  1491. 			 *   If the user selected the checkbox to zoom.
  1492. 			 */
  1493. 			this.updateSettings = function(ib_zoomView) {
  1494. 				_lf_initBounds();
  1495. 				_go_zoomOptions.renewFactorSelects();
  1496. 				
  1497. 				if(ib_zoomView === true) {
  1498. 					_lf_addZoomButtons();
  1499. 					_lf_changeMouseWheelListener(_lf_mouseScroll);
  1500. 					_lf_zoom(IC.Options.getOption('zoom', IC.Ikariam.view + 'Factor'));
  1501. 					return;
  1502. 				}
  1503. 				
  1504. 				_lf_resetZoom();
  1505. 				_lf_changeMouseWheelListener(IC.ika.getController().mouseScrollHandle);
  1506. 			};
  1507. 		};
  1508. 		
  1509. 		/**
  1510. 		 * Storage for the option creation functions.
  1511. 		 * 
  1512. 		 * @type	{object}
  1513. 		 */
  1514. 		var _go_zoomOptions = new function() {
  1515. 			/**
  1516. 			 * If the zoom wrapper is already created.
  1517. 			 */
  1518. 			var _lb_zoomWrapperCreated	= false;
  1519. 			
  1520. 			/**
  1521. 			 * Add the select fields for the zoom factors.
  1522. 			 */
  1523. 			var _lf_addFactorSelects = function(ib_replace) {
  1524. 				var la_options = [];
  1525. 				
  1526. 				for(var i = _go_zoomView.minZoom; i <= _go_zoomView.maxZoom; i = i + _go_zoomView.zoomStep) {
  1527. 					la_options.push({ value: i, label: i + '%' });
  1528. 				}
  1529. 				
  1530. 				IC.Ikariam.viewNames.forEach(function(is_view, ii_index) {
  1531. 					IC.Options.addSelect(is_view + 'Factor', 'zoom', 'factors', 100, IC.Language.$('zoom.options.factor.' + is_view), la_options, { replace: !!ib_replace });
  1532. 				});
  1533. 			};
  1534. 			
  1535. 			/**
  1536. 			 * Add the checkboxes fields for rescaling the badges and icons.
  1537. 			 */
  1538. 			var _lf_addScaleChildrenCheckboxes = function() {
  1539. 				IC.Options.addHTML('scaleChildrenDescription', 'zoom', 'scale', { html: '<p>' + IC.Language.$('zoom.options.scaleChildren.label') + '</p>' });
  1540. 				
  1541. 				IC.Ikariam.viewNames.forEach(function(is_view) {
  1542. 					IC.Options.addCheckbox(is_view + 'ScaleChildren', 'zoom', 'scale', true, IC.Language.$('zoom.options.scaleChildren.' + is_view), {});
  1543. 				});
  1544. 			};
  1545. 			
  1546. 			/**
  1547. 			 * Add the checkboxes for the access keys.
  1548. 			 */
  1549. 			var _lf_addAccessKeyCheckboxes = function() {
  1550. 				IC.Options.addHTML('accessKeyDescription', 'zoom', 'accessKeys', { html: '<p>' + IC.Language.$('zoom.options.accessKeyLabel') + '</p>' });
  1551. 				
  1552. 				var la_accessKeys = ['ctrl', 'alt', 'shift'];
  1553. 				la_accessKeys.forEach(function(is_accessKey) {
  1554. 					var lb_defaultEnabled = (is_accessKey == 'ctrl');
  1555. 					IC.Options.addCheckbox(is_accessKey + 'AsAccessKey', 'zoom', 'accessKeys', lb_defaultEnabled, IC.Language.$('general.' + is_accessKey), {});
  1556. 				});
  1557. 			};
  1558. 			
  1559. 			/**
  1560. 			 * Create the zoom options wrapper and add the option elements.
  1561. 			 */
  1562. 			this.create = function() {
  1563. 				_lf_addFactorSelects();
  1564. 				_lf_addScaleChildrenCheckboxes();
  1565. 				_lf_addAccessKeyCheckboxes();
  1566. 				
  1567. 				_lb_zoomWrapperCreated = true;
  1568. 			};
  1569. 			
  1570. 			/**
  1571. 			 * Recreate the select fields for the zoom factor (and keep the old zoom factor).
  1572. 			 */
  1573. 			this.renewFactorSelects = function() {
  1574. 				if(_lb_zoomWrapperCreated === false)
  1575. 					return;
  1576. 				
  1577. 				_lf_addFactorSelects(true);
  1578. 			};
  1579. 		};
  1580. 		
  1581. 		IC.Options.addWrapper('zoom', IC.Language.$('zoom.options.wrapperTitle'));
  1582. 		
  1583. 		// Show missing resources in upgrade / building view.
  1584. 		IC.Options.addCheckbox('view', 'zoom', 'general', true, IC.Language.$('zoom.options.zoomView'), { changeCallback: _go_zoomView.updateSettings });
  1585. 		
  1586. 		// Add the zoom function settings.
  1587. 		_go_zoomOptions.create();
  1588. 	})();
  1589. 	
  1590. 	IC.con.logTimeStamp('IkariamEnhancedUI: zoom functions created');
  1591. 	
  1592. 	// Ressource information.
  1593. 	(function() {
  1594. 		/**
  1595. 		 * Storage for the style functions for the capacity bar and the direct income.
  1596. 		 * 
  1597. 		 * @type	{object}
  1598. 		 */
  1599. 		var _go_styleFunctions = new function() {
  1600. 			/**
  1601. 			 * Get the style for the #js_GlobalMenu_ elements.
  1602. 			 * 
  1603. 			 * @param	{string}	is_incomeStyle
  1604. 			 *   How the income is styled.
  1605. 			 * 
  1606. 			 * @return	{string}
  1607. 			 *   The style string.
  1608. 			 */
  1609. 			var _lf_getGlobalMenuStyle = function(is_incomeStyle) {
  1610. 				if(is_incomeStyle != 'alignLeft')
  1611. 					return '#js_GlobalMenu_wood, #js_GlobalMenu_wine, #js_GlobalMenu_marble, #js_GlobalMenu_crystal, #js_GlobalMenu_sulfur { padding-right: 4px; } ';
  1612. 				
  1613. 				return '';
  1614. 			};
  1615. 			
  1616. 			/**
  1617. 			 * Gets the style for the separation of the resource values.
  1618. 			 * 
  1619. 			 * @param	{string}	is_incomeStyle
  1620. 			 *   How the income is styled.
  1621. 			 * 
  1622. 			 * @return	{string}
  1623. 			 *   The style string.
  1624. 			 */
  1625. 			var _lf_getSeparationStyle = function(is_incomeStyle) {
  1626. 				if(is_incomeStyle == 'withSeparation')
  1627. 					return '#resources_wood, #resources_wine, #resources_marble, #resources_glass { border-right: 1px dotted #542C0F; } ';
  1628. 				
  1629. 				return '';
  1630. 			};
  1631. 			
  1632. 			/**
  1633. 			 * Get styles which are independent of the activation of the cpacity bar or direct income.
  1634. 			 * 
  1635. 			 * @param	{string}	is_incomeStyle
  1636. 			 *   How the income is styled.
  1637. 			 * 
  1638. 			 * @return	{string}
  1639. 			 *   The style string.
  1640. 			 */
  1641. 			var _lf_getGeneralStyles = function(is_incomeStyle) {
  1642. 				var ls_globalMenuStyle = _lf_getGlobalMenuStyle(is_incomeStyle);
  1643. 				var ls_separationStyle	= _lf_getSeparationStyle(is_incomeStyle);
  1644. 				
  1645. 				return ls_globalMenuStyle + ls_separationStyle;
  1646. 			};
  1647. 			
  1648. 			/**
  1649. 			 * Get the style for the capacity bar "wrapper".
  1650. 			 * 
  1651. 			 * @param	{string}	is_capacityBarOrientation
  1652. 			 *   The orientation of the capacity bar.
  1653. 			 * @param	{string}	is_incomeStyle
  1654. 			 *   How the income is styled.
  1655. 			 * 
  1656. 			 * @return	{string}
  1657. 			 *   The style string.
  1658. 			 */
  1659. 			var _lf_getCapacityBarStyle = function(is_capacityBarOrientation, is_incomeStyle) {
  1660. 				var ls_height		= 'height: 4px; ';
  1661. 				var ls_width		= 'width: 79px;';
  1662. 				var ls_right		= 'right: 4px; ';
  1663. 				var ls_marginLeft	= '';
  1664. 				
  1665. 				if(is_capacityBarOrientation == 'horizontal')
  1666. 					ls_width = 'width: 50px; ';
  1667. 				
  1668. 				if(is_capacityBarOrientation == 'vertical') {
  1669. 					ls_height	= 'height: 21px; ';
  1670. 					ls_width	= 'width: 4px; ';
  1671. 					ls_right	= '';
  1672. 					
  1673. 					if(is_incomeStyle == 'alignLeft')
  1674. 						ls_marginLeft = 'margin-left: -7px; ';
  1675. 				}
  1676. 				
  1677. 				return '.' + IC.myGM.prefix + 'capacityInformation { position: absolute; bottom: 4px; ' + ls_height + ls_width + ls_right + ls_marginLeft + '} ';
  1678. 			};
  1679. 			
  1680. 			/**
  1681. 			 * Get the style for the capacity bar with a border.
  1682. 			 * 
  1683. 			 * @param	{string}	is_capacityBarOrientation
  1684. 			 *   The orientation of the capacity bar.
  1685. 			 * 
  1686. 			 * @return	{string}
  1687. 			 *   The style string.
  1688. 			 */
  1689. 			var _lf_getCapacityBarWithBorderStyle = function(is_capacityBarOrientation) {
  1690. 				var ls_height	= 'height: 3px; ';
  1691. 				var ls_width	= 'width: 78px; ';
  1692. 				var ls_right	= 'right: 3px; ';
  1693. 				
  1694. 				if(is_capacityBarOrientation == 'horizontal')
  1695. 					ls_width	= 'width: 50px; ';
  1696. 				
  1697. 				if(is_capacityBarOrientation == 'vertical') {
  1698. 					ls_height	= 'height: 20px; ';
  1699. 					ls_width	= 'width: 3px; ';
  1700. 					ls_right	= '';
  1701. 				}
  1702. 				
  1703. 				return '.' + IC.myGM.prefix + 'capacityInformation.' + IC.myGM.prefix + 'border { border: 1px inset #906646; bottom: 3px; ' + ls_height + ls_width + ls_right + '} ';
  1704. 			};
  1705. 			
  1706. 			/**
  1707. 			 * Get the style for the capacity bar.
  1708. 			 * 
  1709. 			 * @param	{string}	is_capacityBarOrientation
  1710. 			 *   The orientation of the capacity bar.
  1711. 			 * @param	{string}	is_incomeStyle
  1712. 			 *   How the income is styled.
  1713. 			 * 
  1714. 			 * @return	{string}
  1715. 			 *   The style string.
  1716. 			 */
  1717. 			var _lf_getCapacityStyle = function(is_capacityBarOrientation, is_incomeStyle) {
  1718. 				var ls_prefix = IC.myGM.prefix;
  1719. 				
  1720. 				var ls_barStyle =	'.' + ls_prefix + 'bar							{ height: 100%; width: 100%; bottom: 0px; position: absolute; } \
  1721. 									 .' + ls_prefix + 'bar.' + ls_prefix + 'red		{ background-color: #AA0000; } \
  1722. 									 .' + ls_prefix + 'bar.' + ls_prefix + 'yellow	{ background-color: #FFD700; } \
  1723. 									 .' + ls_prefix + 'bar.' + ls_prefix + 'green	{ background-color: #669900; }';
  1724. 				
  1725. 				var ls_capacityStyle		= _lf_getCapacityBarStyle(is_capacityBarOrientation, is_incomeStyle);
  1726. 				var ls_capacityBorderStyle	= _lf_getCapacityBarWithBorderStyle(is_capacityBarOrientation);
  1727. 				
  1728. 				return ls_barStyle + ls_capacityStyle + ls_capacityBorderStyle;
  1729. 			};
  1730. 			
  1731. 			/**
  1732. 			 * Get the style for the direct hourly income in the town view.
  1733. 			 * 
  1734. 			 * @param	{boolean}	ib_capacityBarActive
  1735. 			 *   If the capacity bar is shown.
  1736. 			 * @param	{string}	is_capacityBarOrientation
  1737. 			 *   The orientation of the capacity bar.
  1738. 			 * @param	{string}	is_incomeStyle
  1739. 			 *   How the income is styled.
  1740. 			 *   
  1741. 			 * @return	{string}
  1742. 			 *   The style string.
  1743. 			 */
  1744. 			var _lf_getHourlyIncomeStyle = function(ib_capacityBarActive, is_capacityBarOrientation, is_incomeStyle) {
  1745. 				var ls_display		= 'display: block; ';
  1746. 				var ls_fontSize		= 'font-size: 11px; ';
  1747. 				var ls_paddingRight	= 'padding-right: 4px; ';
  1748. 				
  1749. 				if(ib_capacityBarActive === true && is_capacityBarOrientation !== 'horizontalFull')
  1750. 					ls_fontSize = 'font-size: 9px; ';
  1751. 				
  1752. 				if(is_incomeStyle == 'alignLeft')
  1753. 					ls_paddingRight = '';
  1754. 				
  1755. 				return '.' + IC.myGM.prefix + 'hourlyIncomeResource { ' + ls_display + ls_fontSize + ls_paddingRight + '} ';
  1756. 			};
  1757. 			
  1758. 			/**
  1759. 			 * Get some resource styles which are only set if the capacity bar is active.
  1760. 			 * 
  1761. 			 * @param	{boolean}	ib_directIncomeActive
  1762. 			 *   If the direct income is shown.
  1763. 			 * @param	{string}	is_capacityBarOrientation
  1764. 			 *   The orientation of the capacity bar.
  1765. 			 * @param	{string}	is_incomeStyle
  1766. 			 *   How the income is styled.
  1767. 			 * 
  1768. 			 * @return	{string}
  1769. 			 *   The style string.
  1770. 			 */
  1771. 			var _lf_getResourceStyleCapacityActive = function(ib_directIncomeActive, is_capacityBarOrientation, is_incomeStyle) {
  1772. 				var ls_height		= '';
  1773. 				var ls_top			= '';
  1774. 				var ls_paddingLeft	= '';
  1775. 				var ls_fontSize		= '';
  1776. 				
  1777. 				if(is_capacityBarOrientation == 'horizontalFull') {
  1778. 					ls_height	= 'height: 32px !important; ';
  1779. 					ls_top		= 'top: -2px !important; ';
  1780. 				}
  1781. 				
  1782. 				if(is_capacityBarOrientation == 'vertical' && is_incomeStyle == 'alignLeft')
  1783. 					ls_paddingLeft = 'padding-left: 38px !important; ';
  1784. 				
  1785. 				if(is_capacityBarOrientation == 'vertical' || (ib_directIncomeActive === true && is_capacityBarOrientation != 'horizontalFull'))
  1786. 					ls_fontSize = 'font-size: 11px; ';
  1787. 				
  1788. 				return ls_height + ls_top + ls_paddingLeft + ls_fontSize;
  1789. 			};
  1790. 			
  1791. 			/**
  1792. 			 * Get the line height for the sored resources.
  1793. 			 * 
  1794. 			 * @param	{boolean}	ib_capacityBarActive
  1795. 			 *   If the capacity bar is shown.
  1796. 			 * @param	{boolean}	ib_directIncomeActive
  1797. 			 *   If the direct income is shown.
  1798. 			 * @param	{string}	is_capacityBarOrientation
  1799. 			 *   The orientation of the capacity bar.
  1800. 			 *   
  1801. 			 * @return	{string}
  1802. 			 *   The style string.
  1803. 			 */
  1804. 			var _lf_getResourceStyleLineHeigth = function(ib_capacityBarActive, ib_directIncomeActive, is_capacityBarOrientation) {
  1805. 				if(ib_directIncomeActive === true) {
  1806. 					if(ib_capacityBarActive === true && is_capacityBarOrientation == 'horizontal')
  1807. 						return 'line-height: 9px !important; ';
  1808. 					
  1809. 					return 'line-height: 11px !important; ';
  1810. 				}
  1811. 				
  1812. 				if(is_capacityBarOrientation == 'horizontal')
  1813. 					return 'line-height: 12px !important; ';
  1814. 				
  1815. 				if(is_capacityBarOrientation == 'vertical')
  1816. 					return 'line-height: 24px !important; ';
  1817. 				
  1818. 				return '';
  1819. 			};
  1820. 			
  1821. 			/**
  1822. 			 * Get the style for the resource fields.
  1823. 			 * 
  1824. 			 * @param	{boolean}	ib_capacityBarActive
  1825. 			 *   If the capacity bar is shown.
  1826. 			 * @param	{boolean}	ib_directIncomeActive
  1827. 			 *   If the direct income is shown.
  1828. 			 * @param	{string}	is_capacityBarOrientation
  1829. 			 *   The orientation of the capacity bar.
  1830. 			 * @param	{string}	is_incomeStyle
  1831. 			 *   How the income is styled.
  1832. 			 *   
  1833. 			 * @return	{string}
  1834. 			 *   The style string.
  1835. 			 */
  1836. 			var _lf_getResourceStyle = function(ib_capacityBarActive, ib_directIncomeActive, is_capacityBarOrientation, is_incomeStyle) {
  1837. 				var ls_align			= 'text-align: right; ';
  1838. 				var ls_capacityActive	= '';
  1839. 				var ls_lineHeight		= _lf_getResourceStyleLineHeigth(ib_capacityBarActive, ib_directIncomeActive, is_capacityBarOrientation);
  1840. 				
  1841. 				if(is_incomeStyle == 'alignLeft')
  1842. 					ls_align = '';
  1843. 				
  1844. 				if(ib_capacityBarActive === true)
  1845. 					ls_capacityActive = _lf_getResourceStyleCapacityActive(ib_directIncomeActive, is_capacityBarOrientation, is_incomeStyle);
  1846. 				
  1847. 				return '#resources_wood, #resources_wine, #resources_marble, #resources_glass, #resources_sulfur { ' + ls_align + ls_lineHeight + ls_capacityActive + ' } ';
  1848. 			};
  1849. 			
  1850. 			/**
  1851. 			 * Set the styles for the direct income and the capacity bar.
  1852. 			 */
  1853. 			this.setStyles = function() {
  1854. 				var lb_capacityBarActive = IC.Options.getOption('resourceInformation', 'showCapacityBar');
  1855. 				var lb_directIncomeActive = IC.Options.getOption('resourceInformation', 'showDirectIncome');
  1856. 				
  1857. 				// If not both of the checkboxes have been defined yet, do nothing!
  1858. 				if(lb_capacityBarActive === null || lb_directIncomeActive === null)
  1859. 					return;
  1860. 				
  1861. 				if(lb_capacityBarActive === false && lb_directIncomeActive === false) {
  1862. 					IC.myGM.removeStyle('resourceInformation');
  1863. 					return;
  1864. 				}
  1865. 				
  1866. 				var ls_capacityBarOrientation	= IC.Options.getOption('resourceInformation', 'capacityBarOrientation');
  1867. 				var ls_incomeStyle				= IC.Options.getOption('resourceInformation', 'incomeStyle');
  1868. 				
  1869. 				var ls_incomeStyleString = _lf_getGeneralStyles(ls_incomeStyle)
  1870. 												+ _lf_getResourceStyle(lb_capacityBarActive, lb_directIncomeActive, ls_capacityBarOrientation, ls_incomeStyle);
  1871. 				
  1872. 				if(lb_capacityBarActive === true)
  1873. 					ls_incomeStyleString += _lf_getCapacityStyle(ls_capacityBarOrientation, ls_incomeStyle);
  1874. 				
  1875. 				if(lb_directIncomeActive === true)
  1876. 					ls_incomeStyleString += _lf_getHourlyIncomeStyle(lb_capacityBarActive, ls_capacityBarOrientation, ls_incomeStyle);
  1877. 				
  1878. 				IC.myGM.addStyle(ls_incomeStyleString, 'resourceInformation', true);
  1879. 			};
  1880. 		};
  1881. 		
  1882. 		/**
  1883. 		 * Storage for the functions for the capacity bar.
  1884. 		 * 
  1885. 		 * @type	{object}
  1886. 		 */
  1887. 		var _go_capacityInformation = new function() {
  1888. 			/**
  1889. 			 * Update the capacity information bars.
  1890. 			 */
  1891. 			var _lf_updateFields = function() {
  1892. 				if(IC.ika.model.isOwnCity === false)
  1893. 					return;
  1894. 				
  1895. 				var la_capacityInformation = [];
  1896. 				var la_resourceIdentifiers = ['resource', 1, 2, 3, 4];
  1897. 				
  1898. 				la_resourceIdentifiers.forEach(function(im_identifier, ii_index) {
  1899. 					la_capacityInformation.push({
  1900. 						warehouse:		IC.Ikariam.getInt(IC.ika.getModel().maxResources[im_identifier]),
  1901. 						branchOffice:	IC.Ikariam.getInt(IC.ika.getModel().branchOfficeResources[im_identifier]),
  1902. 						current:		IC.Ikariam.getInt(IC.ika.getModel().currentResources[im_identifier])
  1903. 					});
  1904. 				});
  1905. 				
  1906. 				var ls_prefix			= '#' + IC.myGM.prefix;
  1907. 				var ls_styleToChange	= 'width';
  1908. 				if(IC.Options.getOption('resourceInformation', 'capacityBarOrientation') == 'vertical')
  1909. 					ls_styleToChange = 'height';
  1910. 				
  1911. 				la_capacityInformation.forEach(function(io_capacity, ii_index) {
  1912. 					var ls_resource = IC.Ikariam.resourceNames[ii_index];
  1913. 					
  1914. 					var li_warehousePercentage	= 100;
  1915. 					var li_resourcePercentage	= io_capacity.current / io_capacity.warehouse * 100;
  1916. 					
  1917. 					if(IC.Options.getOption('resourceInformation', 'capacityBarShowBranchOfficeResources') === true) {
  1918. 						var li_maximumCapacity	= io_capacity.warehouse + io_capacity.branchOffice;
  1919. 						li_warehousePercentage	= io_capacity.warehouse / li_maximumCapacity * 100;
  1920. 						li_resourcePercentage	= io_capacity.current / li_maximumCapacity * 100;
  1921. 					}
  1922. 					
  1923. 					IC.myGM.$(ls_prefix + 'maxCapacity' + ls_resource).style[ls_styleToChange]			= '100%';
  1924. 					IC.myGM.$(ls_prefix + 'warehouseCapacity' + ls_resource).style[ls_styleToChange]	= li_warehousePercentage + '%';
  1925. 					IC.myGM.$(ls_prefix + 'currentResource' + ls_resource).style[ls_styleToChange]		= li_resourcePercentage + '%';
  1926. 				});
  1927. 			};
  1928. 			
  1929. 			/**
  1930. 			 * Add the capacity information bars.
  1931. 			 */
  1932. 			var _lf_addFields = function() {
  1933. 				var la_classes	= ['capacityInformation'];
  1934. 				if(IC.Options.getOption('resourceInformation', 'capacityBarHasBorder') === true)
  1935. 					la_classes.push('border');
  1936. 				
  1937. 				IC.Ikariam.resourceNames.forEach(function(is_resource) {
  1938. 					var le_wrapper = IC.myGM.addElement('div', IC.myGM.$('#resources_' + is_resource), { 'id': 'capacityInfo' + is_resource, 'classes': la_classes }, true);
  1939. 					IC.myGM.addElement('div', le_wrapper, { 'id': 'maxCapacity' + is_resource, 'classes': ['bar', 'yellow'] }, true);
  1940. 					IC.myGM.addElement('div', le_wrapper, { 'id': 'warehouseCapacity' + is_resource, 'classes': ['bar', 'green'] }, true);
  1941. 					IC.myGM.addElement('div', le_wrapper, { 'id': 'currentResource' + is_resource, 'classes': ['bar', 'red'] }, true);
  1942. 				});
  1943. 				
  1944. 				_lf_updateFields();
  1945. 			};
  1946. 			
  1947. 			/**
  1948. 			 * Remove the capacity information bars.
  1949. 			 */
  1950. 			var _lf_removeFields = function() {
  1951. 				IC.myGM.removeElement(IC.myGM.$$('.' + IC.myGM.prefix + 'capacityInformation'));
  1952. 			};
  1953. 			
  1954. 			/**
  1955. 			 * Update the settings to execute the callback or delete the handler.
  1956. 			 * 
  1957. 			 * @param	{boolean}	ib_showCapacityBar
  1958. 			 *   If the user selected the checkbox to show the capacity information.
  1959. 			 */
  1960. 			this.updateSettings = function(ib_showCapacityBar) {
  1961. 				_go_styleFunctions.setStyles();
  1962. 				
  1963. 				if(ib_showCapacityBar === true) {
  1964. 					_lf_addFields();
  1965. 					IC.Observer.add('updateCapacityBar', IC.myGM.$('#cityResources'), { childList: true, subtree: true }, _lf_updateFields, _lf_updateFields);
  1966. 					return;
  1967. 				}
  1968. 				
  1969. 				IC.Observer.remove('updateCapacityBar');
  1970. 				_lf_removeFields();
  1971. 			};
  1972. 		};
  1973. 		
  1974. 		/**
  1975. 		 * Storage for the functions for the direct income.
  1976. 		 * 
  1977. 		 * @type	{object}
  1978. 		 */
  1979. 		var _go_directIncome = new function() {
  1980. 			/**
  1981. 			 * Storage for the tradegood of the last town selected.
  1982. 			 * 
  1983. 			 * @type	{int}
  1984. 			 */
  1985. 			var _li_lastTradegood = null;
  1986. 			
  1987. 			/**
  1988. 			 * Delete the data of the tradegood of the last town selected.
  1989. 			 * 
  1990. 			 * @param	{string}	is_hourlyPrefix
  1991. 			 *   The prefix for the hourly income wrapper selector.
  1992. 			 * @param	{string}	is_dailyPrefix
  1993. 			 *   The prefix for the daily income wrapper selector.
  1994. 			 */
  1995. 			var _lf_deleteLastTradegoodData = function(is_hourlyPrefix, is_dailyPrefix) {
  1996. 				IC.myGM.$(is_hourlyPrefix + IC.Ikariam.resourceNames[_li_lastTradegood]).innerHTML	= '';
  1997. 				IC.myGM.$(is_dailyPrefix + IC.Ikariam.resourceNames[_li_lastTradegood]).innerHTML	= '';
  1998. 				
  1999. 				if(_li_lastTradegood !== 1) {
  2000. 					IC.myGM.$(is_hourlyPrefix + IC.Ikariam.resourceNames[_li_lastTradegood]).classList.add('invisible');
  2001. 					IC.myGM.$(is_dailyPrefix + 'Wrapper' + IC.Ikariam.resourceNames[_li_lastTradegood]).classList.add('invisible');
  2002. 				}
  2003. 			};
  2004. 			
  2005. 			/**
  2006. 			 * Update the direct icome fields.
  2007. 			 * 
  2008. 			 * @param	{boolean}	ib_firstRun
  2009. 			 *   If this is the first run after adding the fields.
  2010. 			 */
  2011. 			var _lf_updateFields = function(ib_firstRun) {
  2012. 				if(IC.ika.model.isOwnCity === false)
  2013. 					return;
  2014. 				
  2015. 				var ls_hourlyPrefix	= '#' + IC.myGM.prefix + 'hourlyIncomeResource';
  2016. 				var ls_dailyPrefix	= '#' + IC.myGM.prefix + 'dailyIncomeResource';
  2017. 				
  2018. 				if(_li_lastTradegood !== null)
  2019. 					_lf_deleteLastTradegoodData(ls_hourlyPrefix, ls_dailyPrefix);
  2020. 				
  2021. 				var li_producedTradegood	= IC.Ikariam.getInt(IC.ika.getModel().producedTradegood);
  2022. 				var li_tradegoodProduction	= IC.ika.getModel().tradegoodProduction * 3600 + 0.001;
  2023. 				var li_woodProduction		= IC.ika.getModel().resourceProduction * 3600 + 0.001;
  2024. 				var li_wineSpending			= IC.ika.getModel().wineSpendings;
  2025. 				var li_producesWine			= IC.ika.getModel().cityProducesWine;
  2026. 				var ls_tradegoodName		= IC.Ikariam.resourceNames[li_producedTradegood];
  2027. 				
  2028. 				IC.myGM.$(ls_hourlyPrefix + IC.Ikariam.resourceNames[0]).innerHTML	= IC.Ikariam.formatToIkaNumber(Math.floor(li_woodProduction), true, true);
  2029. 				IC.myGM.$(ls_dailyPrefix + IC.Ikariam.resourceNames[0]).innerHTML	= IC.Ikariam.formatToIkaNumber(Math.floor(li_woodProduction * 24), false);
  2030. 				
  2031. 				IC.myGM.$(ls_hourlyPrefix + IC.Ikariam.resourceNames[1]).innerHTML			= IC.Ikariam.formatToIkaNumber(Math.floor(-1 * li_wineSpending), true, true);
  2032. 				IC.myGM.$(ls_dailyPrefix + IC.Ikariam.resourceNames[1]).innerHTML			= IC.Ikariam.formatToIkaNumber(Math.floor(-1 * li_wineSpending * 24), false);
  2033. 				IC.myGM.$(ls_dailyPrefix + 'Label' + IC.Ikariam.resourceNames[1]).innerHTML	= IC.Language.$('resourceInformation.dailyExpenses', [IC.Language.$('diverse.name.resource.' + IC.Ikariam.resourceNames[1])]);
  2034. 				
  2035. 				if(li_producesWine === true)
  2036. 					li_tradegoodProduction = li_tradegoodProduction - li_wineSpending;
  2037. 				
  2038. 				if(li_tradegoodProduction >= 0)
  2039. 					IC.myGM.$(ls_dailyPrefix + 'Label' + ls_tradegoodName).innerHTML	= IC.Language.$('resourceInformation.dailyProduction', [IC.Language.$('diverse.name.resource.' + ls_tradegoodName)]);
  2040. 				else
  2041. 					IC.myGM.$(ls_dailyPrefix + 'Label' + ls_tradegoodName).innerHTML	= IC.Language.$('resourceInformation.dailyExpenses', [IC.Language.$('diverse.name.resource.' + ls_tradegoodName)]);
  2042. 				
  2043. 				IC.myGM.$(ls_hourlyPrefix + ls_tradegoodName).innerHTML	= IC.Ikariam.formatToIkaNumber(Math.floor(li_tradegoodProduction), true, true);
  2044. 				IC.myGM.$(ls_dailyPrefix + ls_tradegoodName).innerHTML	= IC.Ikariam.formatToIkaNumber(Math.floor(li_tradegoodProduction * 24), false);
  2045. 				
  2046. 				IC.myGM.$(ls_hourlyPrefix + ls_tradegoodName).classList.remove('invisible');
  2047. 				IC.myGM.$(ls_dailyPrefix + 'Wrapper' + ls_tradegoodName).classList.remove('invisible');
  2048. 				
  2049. 				_li_lastTradegood = li_producedTradegood;
  2050. 			};
  2051. 			
  2052. 			/**
  2053. 			 * Add the direct income fields.
  2054. 			 */
  2055. 			var _lf_addFields = function() {
  2056. 				if(!IC.myGM.$('js_GlobalMenu_production_container_wood') === true) {
  2057. 					var le_woodProductionContainer	= IC.myGM.$('#js_GlobalMenu_resourceProduction').parentNode;
  2058. 					le_woodProductionContainer.id	= 'js_GlobalMenu_production_container_wood';
  2059. 					
  2060. 				}
  2061. 				
  2062. 				IC.Ikariam.resourceNames.forEach(function(is_resource, ii_index) {
  2063. 					var ls_resourceParent	= is_resource === 'glass' ? 'crystal' : is_resource;
  2064. 					var la_hourlyClasses	= [IC.myGM.prefix + 'hourlyIncomeResource'];
  2065. 					var la_dailyClasses		= ['altTooltip', IC.myGM.prefix + 'dailyIncomeResourceWrapper'];
  2066.  
  2067. 					if(ii_index >= 2) {
  2068. 						la_hourlyClasses.push('invisible');
  2069. 						la_dailyClasses.push('invisible');
  2070. 					}
  2071. 					
  2072. 					IC.myGM.addElement('span', IC.myGM.$('#resources_' + is_resource), { 'id': 'hourlyIncomeResource' + is_resource, 'classes': la_hourlyClasses });
  2073. 					
  2074. 					var le_dailyIncomeParent		= IC.myGM.$('#js_GlobalMenu_' + ls_resourceParent + '_tooltip tbody');
  2075. 					var le_dailyIncomeInsertBefore	= IC.myGM.$('#js_GlobalMenu_production_container_' + ls_resourceParent + ' + tr');
  2076. 					var le_dailyIncomeWrapper		= IC.myGM.addElement('tr', le_dailyIncomeParent, {
  2077. 						'id':		'dailyIncomeResourceWrapper' + is_resource,
  2078. 						'classes':	la_dailyClasses,
  2079. 					}, null, le_dailyIncomeInsertBefore);
  2080. 					
  2081. 					IC.myGM.addElement('td', le_dailyIncomeWrapper, {
  2082. 						'id':			'dailyIncomeResourceLabel' + is_resource,
  2083. 						'class':		'smallFont',
  2084. 						'innerHTML':	IC.Language.$('resourceInformation.dailyProduction', [IC.Language.$('diverse.name.resource.' + is_resource)])
  2085. 					});
  2086. 					
  2087. 					IC.myGM.addElement('td', le_dailyIncomeWrapper, {
  2088. 						'id':		'dailyIncomeResource' + is_resource,
  2089. 						'class':	'rightText'
  2090. 					});
  2091. 				});
  2092. 				
  2093. 				_lf_updateFields(true);
  2094. 			};
  2095. 			
  2096. 			/**
  2097. 			 * Remove the direct income fields.
  2098. 			 */
  2099. 			var _lf_removeFields = function() {
  2100. 				IC.myGM.removeElement(IC.myGM.$$('.' + IC.myGM.prefix + 'hourlyIncomeResource' + ', .' + IC.myGM.prefix + 'dailyIncomeResourceWrapper'));
  2101. 			};
  2102. 			
  2103. 			/**
  2104. 			 * Update the settings to execute the callback or delete the handler.
  2105. 			 * 
  2106. 			 * @param	{boolean}	ib_showDirectIncome
  2107. 			 *   If the user selected the checkbox to show the income directly in town view.
  2108. 			 */
  2109. 			this.updateSettings = function(ib_showDirectIncome) {
  2110. 				_go_styleFunctions.setStyles();
  2111. 				
  2112. 				if(ib_showDirectIncome === true) {
  2113. 					_lf_addFields();
  2114. 					IC.RefreshHandler.add('*', 'directIncome', _lf_updateFields);
  2115. 					return;
  2116. 				}
  2117. 				
  2118. 				IC.RefreshHandler.remove('*', 'directIncome');
  2119. 				_lf_removeFields();
  2120. 			};
  2121. 		};
  2122. 		
  2123. 		/**
  2124. 		 * Storage for the functions for the resource quicklinks enhancements.
  2125. 		 * 
  2126. 		 * @type	{object}
  2127. 		 */
  2128. 		var _go_resourceQuicklinkEnhancements = new function() {
  2129. 			/**
  2130. 			 * Open the town hall of the selected town.
  2131. 			 */
  2132. 			var _lf_openTownHall = function() {
  2133. 				var ls_selectedCity	= IC.ika.getModel().relatedCityData.selectedCity;
  2134. 				var ls_cityId		= IC.ika.getModel().relatedCityData[ls_selectedCity].id;
  2135. 				
  2136. 				if(IC.Ikariam.view == 'town') {
  2137. 					IC.win.ajaxHandlerCall('?view=townHall&cityId=' + ls_cityId + '&position=0');
  2138. 					
  2139. 					return;
  2140. 				}
  2141. 				
  2142. 				IC.win.ajaxHandlerCall('?view=city&dialog=townHall&cityId=' + ls_cityId + '&position=0');
  2143. 			};
  2144. 			
  2145. 			/**
  2146. 			 * Update the css to hover only the resources which are clickable.
  2147. 			 */
  2148. 			var _lf_updateCSS = function() {
  2149. 				var ls_activeResource = IC.Ikariam.resourceNames[IC.ika.getModel().producedTradegood];
  2150. 				
  2151. 				IC.myGM.addStyle(
  2152. 					'#resources_population:hover, #resources_wood:hover, #resources_' + ls_activeResource + ':hover	{ text-shadow: 2px 2px 2px #666; cursor: pointer; color: #333; }',
  2153. 					'resourceQuicklinkEnhancements', true
  2154. 				);
  2155. 			};
  2156. 			
  2157. 			/**
  2158. 			 * Update the settings to execute the callback or delete the handler.
  2159. 			 * 
  2160. 			 * @param	{boolean}	ib_enhanceResourceQuicklinks
  2161. 			 *   If the user selected the checkbox to enhance the resource quicklinks.
  2162. 			 */
  2163. 			this.updateSettings = function(ib_enhanceResourceQuicklinks) {
  2164. 				if(ib_enhanceResourceQuicklinks === true) {
  2165. 					IC.myGM.$('#resources_population').addEventListener('click', _lf_openTownHall, true);
  2166. 					IC.RefreshHandler.add('*', 'resourceQuicklinkEnhancements', _lf_updateCSS);
  2167. 					return;
  2168. 				}
  2169. 				
  2170. 				IC.RefreshHandler.remove('*', 'resourceQuicklinkEnhancements');
  2171. 				IC.myGM.$('#resources_population').removeEventListener('click', _lf_openTownHall, true);
  2172. 				IC.myGM.removeStyle('resourceQuicklinkEnhancements');
  2173. 			};
  2174. 		};
  2175. 		
  2176. 		IC.Options.addWrapper('resourceInformation', IC.Language.$('resourceInformation.options.wrapperTitle'));
  2177. 		
  2178. 		// Option to show the income directly in town view.
  2179. 		IC.Options.addCheckbox('showDirectIncome', 'resourceInformation', 1, true, IC.Language.$('resourceInformation.options.directIncome.show'), { changeCallback: _go_directIncome.updateSettings });
  2180. 		// Option to enhance the resource quicklinks and add one to population.
  2181. 		IC.Options.addCheckbox('resourceQuicklinkEnhancements', 'resourceInformation', 1, true, IC.Language.$('resourceInformation.options.resourceQuicklinkEnhancements'), { changeCallback: _go_resourceQuicklinkEnhancements.updateSettings });
  2182. 		
  2183. 		// Option to show the capacity information.
  2184. 		IC.Options.addCheckbox('showCapacityBar', 'resourceInformation', 2, true, IC.Language.$('resourceInformation.options.capacityBar.show'), { changeCallback: _go_capacityInformation.updateSettings });
  2185. 		// Option to show the capacity bar with border.
  2186. 		IC.Options.addCheckbox('capacityBarHasBorder', 'resourceInformation', 2, true, IC.Language.$('resourceInformation.options.capacityBar.hasBorder'), {});
  2187. 		// Option to show also branch office ressources.
  2188. 		IC.Options.addCheckbox('capacityBarShowBranchOfficeResources', 'resourceInformation', 2, true, IC.Language.$('resourceInformation.options.capacityBar.showBranchOfficeResources'), {});
  2189. 		
  2190. 		// Style of the resources in warehouse / daily income.
  2191. 		IC.Options.addSelect('incomeStyle', 'resourceInformation', 3, 'alignRight', IC.Language.$('resourceInformation.options.directIncome.style.label'), [
  2192. 			{ value: 'alignRight',		label: IC.Language.$('resourceInformation.options.directIncome.style.alignRight') },
  2193. 			{ value: 'alignLeft',		label: IC.Language.$('resourceInformation.options.directIncome.style.alignLeft') },
  2194. 			{ value: 'withSeparation',	label: IC.Language.$('resourceInformation.options.directIncome.style.withSeparation') }
  2195. 		], {});
  2196. 		// Style of the capacity bar.
  2197. 		IC.Options.addSelect('capacityBarOrientation', 'resourceInformation', 3, 'vertical', IC.Language.$('resourceInformation.options.capacityBar.orientation.label'), [
  2198. 			{ value: 'vertical',		label: IC.Language.$('resourceInformation.options.capacityBar.orientation.vertical') },
  2199. 			{ value: 'horizontal',		label: IC.Language.$('resourceInformation.options.capacityBar.orientation.horizontal') },
  2200. 			{ value: 'horizontalFull',	label: IC.Language.$('resourceInformation.options.capacityBar.orientation.horizontalFull') }
  2201. 		], {});
  2202. 	})();
  2203. 	
  2204. 	IC.con.logTimeStamp('IkariamEnhancedUI: resource information functions created');
  2205. 	
  2206. 	// Member information in highscore view.
  2207. 	(function() {
  2208. 		/**
  2209. 		 * Storage for the member information functions.
  2210. 		 * 
  2211. 		 * @type	{object}
  2212. 		 */
  2213. 		var _go_memberInformation = new function() {
  2214. 			/**
  2215. 			 * Storage for the member data.
  2216. 			 * 
  2217. 			 * @type	{object}
  2218. 			 */
  2219. 			var _lo_data		= null;
  2220. 			
  2221. 			/**
  2222. 			 * Key for the storage of the member information.
  2223. 			 * 
  2224. 			 * @type	{string}
  2225. 			 */
  2226. 			var _ls_dataKey	= '';
  2227. 			
  2228. 			/**
  2229. 			 * Key for the storage of the last reset date.
  2230. 			 * 
  2231. 			 * @type	{string}
  2232. 			 */
  2233. 			var _ls_timeKey	= '';
  2234. 			
  2235. 			/**
  2236. 			 * Show the data.
  2237. 			 */
  2238. 			var _lf_clickShow = function() {
  2239. 				IC.myGM.setValue('memberInfo_infoLinkClicked', true).then(function() {
  2240. 					IC.myGM.$('#tab_highscore input[name="searchUser"]').value	= '';
  2241. 					IC.myGM.$('#searchOnlyFriends').checked						= false;
  2242. 					IC.myGM.$('#searchOnlyAllies').checked						= true;
  2243. 					
  2244. 					IC.myGM.$('#tab_highscore input[type="submit"]').click();
  2245. 				});
  2246. 			};
  2247. 			
  2248. 			/**
  2249. 			 * Reset the stored data.
  2250. 			 */
  2251. 			var _lf_clickReset = function() {
  2252. 				IC.myGM.setValue(_ls_dataKey, _lo_data).then(function() {
  2253. 					return IC.myGM.setValue(_ls_timeKey, (new Date).getTime());
  2254. 				}).then(function() {
  2255. 					_lf_clickShow();
  2256. 				});
  2257. 			};
  2258. 			
  2259. 			/**
  2260. 			 * Add the button to show the data.
  2261. 			 */
  2262. 			var _lf_addShowButton = function() {
  2263. 				var le_button = IC.myGM.addButton(IC.myGM.$('#tab_highscore .centerButton'), IC.Language.$('highscore.memberInformation.show'), _lf_clickShow, true);
  2264. 				le_button.id = IC.myGM.prefix + 'showInfo';
  2265. 			};
  2266. 			
  2267. 			/**
  2268. 			 * Add the button to reset the stored data.
  2269. 			 */
  2270. 			var _lf_addResetButton = function() {
  2271. 				var le_button = IC.myGM.addButton(IC.myGM.$('#tab_highscore .content p'), IC.Language.$('highscore.memberInformation.reset'), _lf_clickReset, true);
  2272. 				le_button.id = IC.myGM.prefix + 'resetInfo';
  2273. 			};
  2274. 			
  2275. 			/**
  2276. 			 * Get the own data and show the differences to the last stored data.
  2277. 			 * 
  2278. 			 * @param	{object}	io_oldMemberInfo
  2279. 			 *   The last stored data.
  2280. 			 * 
  2281. 			 * @return	{object}
  2282. 			 *   The own data.
  2283. 			 */
  2284. 			var _lf_getOwnDataShowDifference = function(io_oldMemberInfo) {
  2285. 				var le_ownRow = IC.myGM.$('table.highscore tr.own');
  2286. 				var ro_ownData = {
  2287. 					'place': IC.Ikariam.getInt(IC.myGM.$('.place', le_ownRow).innerHTML),
  2288. 					'score': IC.Ikariam.getInt(IC.myGM.$('.score', le_ownRow).innerHTML)
  2289. 				};
  2290. 				
  2291. 				var ls_placeDifference = '-';
  2292. 				var ls_scoreDifference = '-';
  2293. 				if(!!io_oldMemberInfo === true && !!io_oldMemberInfo['own'] === true) {
  2294. 					ls_placeDifference = IC.Ikariam.formatToIkaNumber(io_oldMemberInfo['own']['place'] - ro_ownData['place'], true, true);
  2295. 					ls_scoreDifference = IC.Ikariam.formatToIkaNumber(ro_ownData['score'] - io_oldMemberInfo['own']['score'], true, true);
  2296. 				}
  2297. 				
  2298. 				IC.myGM.addElement('span', IC.myGM.$('.place', le_ownRow), { 'innerHTML': ls_placeDifference });
  2299. 				IC.myGM.addElement('span', IC.myGM.$('.score', le_ownRow), { 'innerHTML': ls_scoreDifference });
  2300. 				
  2301. 				return ro_ownData;
  2302. 			};
  2303. 			
  2304. 			/**
  2305. 			 * Get the data and show the differences to the last stored data.
  2306. 			 * 
  2307. 			 * @return	{Promise}
  2308. 			 *   A Promise which resolves to the member data.
  2309. 			 */
  2310. 			var _lf_getDataShowDifference = async function() {
  2311. 				var ro_memberInfo		= {};
  2312. 				var lo_oldMemberInfo	= await IC.myGM.getValue(_ls_dataKey, null);
  2313. 				var la_allyMemberRows	= IC.myGM.$$('table.highscore tr.ownally');
  2314. 				
  2315. 				la_allyMemberRows.forEach(function(ie_allyMemberRow) {
  2316. 					var ls_actionLink	= IC.myGM.$('.action a', ie_allyMemberRow).href;
  2317. 					var ls_memberId		= ls_actionLink.match(/receiverId=([0-9]*)/i)[1];
  2318. 					
  2319. 					ro_memberInfo[ls_memberId] = {
  2320. 						'place': IC.Ikariam.getInt(IC.myGM.$('.place', ie_allyMemberRow).innerHTML),
  2321. 						'score': IC.Ikariam.getInt(IC.myGM.$('.score', ie_allyMemberRow).innerHTML)
  2322. 					};
  2323. 					
  2324. 					var ls_placeDifference = '-';
  2325. 					var ls_scoreDifference = '-';
  2326. 					if(!!lo_oldMemberInfo === true && !!lo_oldMemberInfo[ls_memberId] === true) {
  2327. 						ls_placeDifference = IC.Ikariam.formatToIkaNumber(lo_oldMemberInfo[ls_memberId]['place'] - ro_memberInfo[ls_memberId]['place'], true, true);
  2328. 						ls_scoreDifference = IC.Ikariam.formatToIkaNumber(ro_memberInfo[ls_memberId]['score'] - lo_oldMemberInfo[ls_memberId]['score'], true, true);
  2329. 					}
  2330. 					
  2331. 					IC.myGM.addElement('span', IC.myGM.$('.place', ie_allyMemberRow), { 'innerHTML': ls_placeDifference });
  2332. 					IC.myGM.addElement('span', IC.myGM.$('.score', ie_allyMemberRow), { 'innerHTML': ls_scoreDifference });
  2333. 				});
  2334. 				
  2335. 				ro_memberInfo['own'] = _lf_getOwnDataShowDifference(lo_oldMemberInfo);
  2336. 				
  2337. 				return Promise.resolve(ro_memberInfo);
  2338. 			};
  2339. 			
  2340. 			/**
  2341. 			 * Add the span with the time of the last reset.
  2342. 			 * 
  2343. 			 * @return	{Promise}
  2344. 			 *   A Promise which resolves once the last reset time is added.
  2345. 			 */
  2346. 			var _lf_addLastResetTime = async function() {
  2347. 				var li_lastResetTime	= await IC.myGM.getValue(_ls_timeKey, 0);
  2348. 				var li_differenceInSec	= ((new Date()).getTime() - li_lastResetTime) / 1000;
  2349. 				var ls_lastReset		= IC.Language.$('highscore.memberInformation.noReset');
  2350. 				
  2351. 				if(li_lastResetTime > 0) {
  2352. 					var li_days	= Math.floor(li_differenceInSec / 86400);
  2353. 					var li_hours	= Math.floor(li_differenceInSec / 3600) % 24;
  2354. 					var li_minutes	= Math.floor(li_differenceInSec / 60) % 60;
  2355. 					
  2356. 					ls_lastReset = li_days + 'd ' + li_hours + 'h ' + li_minutes + 'min';
  2357. 				}
  2358. 				
  2359. 				IC.myGM.addElement('br', IC.myGM.$('#tab_highscore .content p'));
  2360. 				IC.myGM.addElement('span', IC.myGM.$('#tab_highscore .content p'), {
  2361. 					'classes':		['bold', 'brown'],
  2362. 					'innerHTML':	IC.Language.$('highscore.memberInformation.lastReset', [ls_lastReset])
  2363. 				});
  2364. 			};
  2365. 			
  2366. 			/**
  2367. 			 * Prepare the highscore popup to show the data and show the data if requested.
  2368. 			 * 
  2369. 			 * @return	{Promise}
  2370. 			 *   A Promise which resolves once the popup is prepared.
  2371. 			 */
  2372. 			var _lf_doPreparePopup = async function() {
  2373. 				_ls_dataKey = IC.Ikariam.serverCode + '_' + IC.ika.getModel().avatarAllyId + '_memberInfo_data_' + IC.myGM.getSelectValue('js_highscoreType', true, true);
  2374. 				_ls_timeKey = IC.Ikariam.serverCode + '_' + IC.ika.getModel().avatarAllyId + '_memberInfo_time_' + IC.myGM.getSelectValue('js_highscoreType', true, true);
  2375. 				
  2376. 				_lf_addShowButton();
  2377. 				
  2378. 				var lb_linkClicked = await IC.myGM.getValue('memberInfo_infoLinkClicked', false);
  2379. 				if(lb_linkClicked === true) {
  2380. 					await IC.myGM.deleteValue('memberInfo_infoLinkClicked');
  2381. 					_lo_data = await _lf_getDataShowDifference();
  2382. 					_lf_addResetButton();
  2383. 					_lf_addLastResetTime();
  2384. 				}
  2385. 			};
  2386. 			
  2387. 			/**
  2388. 			 * Update the settings to execute the callback or delete the handler.
  2389. 			 * 
  2390. 			 * @param	{boolean}	ib_showMemberInformation
  2391. 			 *   If the user selected the checkbox to show the member information.
  2392. 			 */
  2393. 			this.updateSettings = function(ib_showMemberInformation) {
  2394. 				if(ib_showMemberInformation === true) {
  2395. 					IC.RefreshHandler.add('highscore', 'memberInformation', _lf_doPreparePopup);
  2396. 					IC.myGM.addStyle(
  2397. 						'#' + IC.myGM.prefix + "resetInfo	{ float: right; margin-top: -6px; margin-right: 6px; } \
  2398. 						 .highscore .score span				{ float: right; text-align: right; width: 70px; } \
  2399. 						 .highscore .place span				{ float: right; text-align: right; width: 30px; } \
  2400. 						 .highscore th:nth-child(4)			{ width: 30% !important; } \
  2401. 						 .highscore th:nth-child(5)			{ width: 10% !important; } \
  2402. 						 #tab_highscore	.centerButton		{ margin: 10px 0px; }",
  2403. 						'memberInformation', true
  2404. 					);
  2405. 					return;
  2406. 				}
  2407. 				
  2408. 				IC.RefreshHandler.remove('highscore', 'memberInformation');
  2409. 				IC.myGM.removeStyle('memberInformation');
  2410. 			};
  2411. 		};
  2412. 		
  2413. 		// Show the member information.
  2414. 		IC.Options.addCheckbox('showMemberInformation', 'diverseOptions', 1, false, IC.Language.$('highscore.options.showMemberInformation'), { changeCallback: _go_memberInformation.updateSettings });
  2415. 	})();
  2416. 	
  2417. 	IC.con.logTimeStamp('IkariamEnhancedUI: highscore functions created');
  2418. 	
  2419. 	// Message enhancements.
  2420. 	(function() {
  2421. 		/**
  2422. 		 * Storage for the url replacement functions.
  2423. 		 * 
  2424. 		 * @type	{object}
  2425. 		 */
  2426. 		var _go_replaceURL = new function() {
  2427. 			/**
  2428. 			 * Show a warning when a replaced link is clicked.
  2429. 			 */
  2430. 			var _lf_showNotification = function() {
  2431. 				var ls_urlToOpen = this.innerHTML.IC.decodeHTML();
  2432. 				
  2433. 				var lo_notificationText = {
  2434. 					header:		IC.Language.$('message.replacedUrl.notification.header'),
  2435. 					body:		IC.Language.$('message.replacedUrl.notification.text', ['<span class="bold red">"' + ls_urlToOpen + '"</span>']),
  2436. 					confirm:	IC.Language.$('general.yes'),
  2437. 					abort:		IC.Language.$('general.no')
  2438. 				};
  2439. 				
  2440. 				var lo_notificationCallback = {
  2441. 					confirm:	function() { IC.win.open(ls_urlToOpen); },
  2442. 					abort:		function() { /* Only set to show the abort button */ }
  2443. 				};
  2444. 				
  2445. 				IC.myGM.notification(lo_notificationText, lo_notificationCallback);
  2446. 			};
  2447. 			
  2448. 			/**
  2449. 			 * Replace the links.
  2450. 			 */
  2451. 			var _lf_doReplace = function() {
  2452. 				var la_messageBodys = IC.myGM.$$('.msgText');
  2453. 				
  2454. 				la_messageBodys.forEach(function(ie_messageBody) {
  2455. 					var ls_text = ie_messageBody.innerHTML;
  2456. 					ie_messageBody.innerHTML = ls_text.replace(/(?:^|\s)(http(s?)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,4}(\/[^<\s]*)?)/g, ' <span class="' + IC.myGM.prefix + 'replacedUrl" title="$1">$1</span> ');
  2457. 				});
  2458. 				
  2459. 				var la_replacedURLs = IC.myGM.$$('.' + IC.myGM.prefix + 'replacedUrl');
  2460. 				
  2461. 				la_replacedURLs.forEach(function(ie_replacedURL) {
  2462. 					ie_replacedURL.addEventListener('click', _lf_showNotification, true);
  2463. 				});
  2464. 			};
  2465. 			
  2466. 			/**
  2467. 			 * Update the settings to execute the callback or delete the handler.
  2468. 			 * 
  2469. 			 * @param	{boolean}	ib_replaceURL
  2470. 			 *   If the user selected the checkbox to replace the url.
  2471. 			 */
  2472. 			this.updateSettings = function(ib_replaceURL) {
  2473. 				var la_postboxes = ['diplomacyAdvisor', 'diplomacyAdvisorOutBox', 'diplomacyAdvisorArchive', 'diplomacyAdvisorArchiveOutBox'];
  2474. 				if(ib_replaceURL === true) {
  2475. 					IC.RefreshHandler.add(la_postboxes, 'replaceURL', _lf_doReplace);
  2476. 					IC.myGM.addStyle(
  2477. 						'.' + IC.myGM.prefix + 'replacedUrl			{ font-weight: bold; font-style: italic; } \
  2478. 						 .' + IC.myGM.prefix + 'replacedUrl:hover	{ text-decoration: underline; cursor: pointer; }',
  2479. 						'replaceURL', true
  2480. 					);
  2481. 					return;
  2482. 				}
  2483. 				
  2484. 				IC.RefreshHandler.remove(la_postboxes, 'replaceURL');
  2485. 				IC.myGM.removeStyle('replaceURL');
  2486. 			};
  2487. 		};
  2488. 		
  2489. 		/**
  2490. 		 * Storage for the inline message functions.
  2491. 		 * 
  2492. 		 * @type	{object}
  2493. 		 */
  2494. 		var _go_inlineMessage = new function() {
  2495. 			/**
  2496. 			 * Replace the links.
  2497. 			 */
  2498. 			var _lf_doShowInline = function() {
  2499. 				var la_messageRows = IC.myGM.$$('#deleteMessages tr.entry');
  2500. 				var li_displayMaxCharacters = 60;
  2501. 				
  2502. 				la_messageRows.forEach(function(ie_messageRow) {
  2503. 					var le_subject		= IC.myGM.$('.subject', ie_messageRow);
  2504. 					var ls_typePrefix	= /gmessage/.test(ie_messageRow.id) === true ? 'g' : '';
  2505. 					var ls_id			= ie_messageRow.id.replace(ls_typePrefix + 'message', '');
  2506. 					var le_text			= IC.myGM.$('#tbl_' + ls_typePrefix + 'mail' + ls_id + ' .msgText');
  2507. 					
  2508. 					var ls_inlineText = le_text.innerHTML.replace(/<br>/gi, ' ').replace(/\s+/gi, ' ');
  2509. 					
  2510. 					if(ls_inlineText.length > li_displayMaxCharacters)
  2511. 						ls_inlineText = ls_inlineText.substring(0, li_displayMaxCharacters - 6) + ' (...)';
  2512. 					
  2513. 					le_subject.innerHTML += '<br><sub>' + ls_inlineText + '</sub>';
  2514. 				});
  2515. 				
  2516. 				// Adjust the size of the Scrollbar.
  2517. 				IC.ika.controller.adjustSizes();
  2518. 			};
  2519. 			
  2520. 			/**
  2521. 			 * Update the settings to execute the callback or delete the handler.
  2522. 			 * 
  2523. 			 * @param	{boolean}	ib_displayInlineMessage
  2524. 			 *   If the user selected the checkbox to display inline messages.
  2525. 			 */
  2526. 			this.updateSettings = function(ib_displayInlineMessage) {
  2527. 				var la_postboxes = ['diplomacyAdvisor', 'diplomacyAdvisorOutBox', 'diplomacyAdvisorArchive', 'diplomacyAdvisorArchiveOutBox'];
  2528. 				if(ib_displayInlineMessage === true) {
  2529. 					IC.RefreshHandler.add(la_postboxes, 'inlineMessage', _lf_doShowInline);
  2530. 					return;
  2531. 				}
  2532. 				
  2533. 				IC.RefreshHandler.remove(la_postboxes, 'inlineMessage');
  2534. 			};
  2535. 		};
  2536. 		
  2537. 		/**
  2538. 		 * Storage for the message signature functions.
  2539. 		 * 
  2540. 		 * @type	{object}
  2541. 		 */
  2542. 		var _go_messageSignature = new function() {
  2543. 			/**
  2544. 			 * Add the signature to a new message.
  2545. 			 */
  2546. 			var _lf_addSignature = function() {
  2547. 				var ls_signature = '';
  2548. 				
  2549. 				switch(IC.Options.getOption('messages', 'useMessageSignature')) {
  2550. 					case IC.Options.SpecificityLevel.GLOBAL:
  2551. 						ls_signature = IC.Options.getOption('messages', 'globalSignature');
  2552. 					  break;
  2553. 					
  2554. 					case IC.Options.SpecificityLevel.SERVER:
  2555. 						ls_signature = IC.Options.getOption('messages', 'serverSignature');
  2556. 					  break;
  2557. 					
  2558. 					case IC.Options.SpecificityLevel.PLAYER:
  2559. 						ls_signature = IC.Options.getOption('messages', 'playerSignature');
  2560. 					  break;
  2561. 				}
  2562. 				
  2563. 				if(ls_signature === '')
  2564. 					return;
  2565. 				
  2566. 				var le_textarea = IC.myGM.$('#js_msgTextConfirm');
  2567. 				
  2568. 				var ls_text = le_textarea.value;
  2569. 				
  2570. 				if(IC.Options.getOption('messages', 'signaturePlacementTop'))
  2571. 					ls_text = '\n\n' + ls_signature + ls_text;
  2572. 				else
  2573. 					ls_text = ls_text + '\n\n' + ls_signature;
  2574. 				
  2575. 				le_textarea.value = ls_text;
  2576. 				
  2577. 				le_textarea.setSelectionRange(0,0);
  2578. 				le_textarea.focus();
  2579. 			};
  2580. 			
  2581. 			/**
  2582. 			 * Update the settings to execute the callback or delete the handler.
  2583. 			 * 
  2584. 			 * @param	{boolean}	ib_addMessageSignature
  2585. 			 *   If the user selected the checkbox to add signatures to messages.
  2586. 			 */
  2587. 			this.updateSettings = function(is_useMessageSignature) {
  2588. 				if(is_useMessageSignature === IC.Options.SpecificityLevel.GLOBAL
  2589. 						|| is_useMessageSignature === IC.Options.SpecificityLevel.SERVER
  2590. 						|| is_useMessageSignature === IC.Options.SpecificityLevel.PLAYER) {
  2591. 					IC.RefreshHandler.add('sendIKMessage', 'addMessageSignature', _lf_addSignature);
  2592. 					return;
  2593. 				}
  2594. 				
  2595. 				IC.RefreshHandler.remove('sendIKMessage', 'addMessageSignature');
  2596. 			};
  2597. 		};
  2598. 		
  2599. 		IC.Options.addWrapper('messages', IC.Language.$('message.options.wrapperTitle'));
  2600. 		
  2601. 		// Replace urls.
  2602. 		IC.Options.addCheckbox('replaceURL', 'messages', 1, true, IC.Language.$('message.options.replaceURL'), { changeCallback: _go_replaceURL.updateSettings });
  2603. 		
  2604. 		// Display message text teaser in overview.
  2605. 		IC.Options.addCheckbox('inlineMessage', 'messages', 1, true, IC.Language.$('message.options.inlineMessage'), { changeCallback: _go_inlineMessage.updateSettings });
  2606. 		
  2607. 		// Player specific signatures.
  2608. 		var la_options = [
  2609. 			{ value: 'none', label: IC.Language.$('message.options.signature.use.none') },
  2610. 			{ value: IC.Options.SpecificityLevel.GLOBAL, label: IC.Language.$('message.options.signature.use.global') },
  2611. 			{ value: IC.Options.SpecificityLevel.SERVER, label: IC.Language.$('message.options.signature.use.server') },
  2612. 			{ value: IC.Options.SpecificityLevel.PLAYER, label: IC.Language.$('message.options.signature.use.player') }
  2613. 		];
  2614. 		IC.Options.addSelect('useMessageSignature', 'messages', 2, IC.Options.SpecificityLevel.GLOBAL, IC.Language.$('message.options.signature.use.description'), la_options, { changeCallback: _go_messageSignature.updateSettings, 'specificity': IC.Options.SpecificityLevel.PLAYER });
  2615. 		
  2616. 		// Place the signature on top.
  2617. 		IC.Options.addCheckbox('signaturePlacementTop', 'messages', 2, true, IC.Language.$('message.options.signature.placementTop'), {});
  2618. 		
  2619. 		// Define a global signature.
  2620. 		IC.Options.addTextArea('globalSignature', 'messages', 3, '', IC.Language.$('message.options.signature.global'), {});
  2621. 		// Define a server specific signature.
  2622. 		IC.Options.addTextArea('serverSignature', 'messages', 4, '', IC.Language.$('message.options.signature.server'), { 'specificity': IC.Options.SpecificityLevel.SERVER });
  2623. 		// Define a server specific signature.
  2624. 		IC.Options.addTextArea('playerSignature', 'messages', 4, '', IC.Language.$('message.options.signature.player'), { 'specificity': IC.Options.SpecificityLevel.PLAYER });
  2625. 	})();
  2626. 	
  2627. 	IC.con.logTimeStamp('IkariamEnhancedUI: message functions created');
  2628. 	
  2629. 	// Troop information.
  2630. 	(function() {
  2631. 		/**
  2632. 		 * Provider for data storages.
  2633. 		 * 
  2634. 		 * @type	{object}
  2635. 		 */
  2636. 		var _go_storageProvider = new function() {
  2637. 			/**
  2638. 			 * Constructor for troop list.
  2639. 			 */
  2640. 			var _lf_troopList = function() {
  2641. 				/**
  2642. 				 * Storage for troop information.
  2643. 				 * 
  2644. 				 * @type	{lf_troop[]}
  2645. 				 */
  2646. 				var la_troopList = [];
  2647. 				
  2648. 				/**
  2649. 				 * Troop information storage.
  2650. 				 * 
  2651. 				 * @param	{string}	is_name
  2652. 				 *   The name of the troop.
  2653. 				 * @param	{int}		ii_number
  2654. 				 *   The number of the troop.
  2655. 				 */
  2656. 				var lf_troop = function(is_name, ii_number) {
  2657. 					var ls_name		= is_name;
  2658. 					var li_number	= ii_number;
  2659. 					
  2660. 					this.toString = function() {
  2661. 						return '\n' + ls_name + ': ' + li_number;
  2662. 					};
  2663. 				};
  2664. 				
  2665. 				/**
  2666. 				 * If the troop list contains no entries.
  2667. 				 * 
  2668. 				 * @return	{boolean}
  2669. 				 *   If the troop list is empty.
  2670. 				 */
  2671. 				this.__defineGetter__('isEmpty', function() {
  2672. 					return la_troopList.length < 1;
  2673. 				});
  2674. 				
  2675. 				/**
  2676. 				 * Add a new troop to the troop list.
  2677. 				 * 
  2678. 				 * @param	{string}	is_name
  2679. 				 *   The name of the troop.
  2680. 				 * @param	{int}		ii_number
  2681. 				 *   The number of the troop.
  2682. 				 */
  2683. 				this.addTroop = function(is_name, ii_number) {
  2684. 					la_troopList.push(new lf_troop(is_name, ii_number));
  2685. 				};
  2686. 				
  2687. 				/**
  2688. 				 * Transform the troop list to a string.
  2689. 				 * 
  2690. 				 * @return	{string}
  2691. 				 *   The string representation of the troop list.
  2692. 				 */
  2693. 				this.toString = function() {
  2694. 					return la_troopList.join('');
  2695. 				};
  2696. 			};
  2697. 			
  2698. 			/**
  2699. 			 * Constructor for troop list of foreign player.
  2700. 			 * 
  2701. 			 * @param	{string}	is_playerName
  2702. 			 *   The name of the player who owns the troops.
  2703. 			 */
  2704. 			var _lf_foreignTroopList = function(is_playerName) {
  2705. 				/**
  2706. 				 * The name of the player who owns the troops.
  2707. 				 * 
  2708. 				 * @type	{string}
  2709. 				 */
  2710. 				var ls_playerName = is_playerName;
  2711. 				
  2712. 				/**
  2713. 				 * Storage for troop information.
  2714. 				 * 
  2715. 				 * @type	{_lf_troopList[]}
  2716. 				 */
  2717. 				var lo_troopList	= new _lf_troopList();
  2718. 				
  2719. 				/**
  2720. 				 * If the troop list contains no entries.
  2721. 				 * 
  2722. 				 * @return	{boolean}
  2723. 				 *   If the troop list is empty.
  2724. 				 */
  2725. 				this.__defineGetter__('isEmpty', function() {
  2726. 					return lo_troopList.isEmpty;
  2727. 				});
  2728. 				
  2729. 				/**
  2730. 				 * Add a new troop to the troop list.
  2731. 				 * 
  2732. 				 * @param	{string}	is_name
  2733. 				 *   The name of the troop.
  2734. 				 * @param	{int}		ii_number
  2735. 				 *   The number of the troop.
  2736. 				 */
  2737. 				this.addTroop = function(is_name, ii_number) {
  2738. 					lo_troopList.addTroop(is_name, ii_number);
  2739. 				};
  2740. 				
  2741. 				/**
  2742. 				 * Transform the troop list to a string.
  2743. 				 * 
  2744. 				 * @return	{string}
  2745. 				 *   The string representation of the troop list.
  2746. 				 */
  2747. 				this.toString = function() {
  2748. 					return '\n* ' + ls_playerName + ' *' + lo_troopList;
  2749. 				};
  2750. 			};
  2751. 			
  2752. 			/**
  2753. 			 * Storage for multiple troop lists.
  2754. 			 * 
  2755. 			 * @param	{string}	is_type
  2756. 			 *   The type of the troops (units / ships)
  2757. 			 * @param	{string}	is_status
  2758. 			 *   The status of the troops (own / friends / enemies)
  2759. 			 */
  2760. 			var _lf_troopListStorage = function(is_type, is_status) {
  2761. 				/**
  2762. 				 * The type of the troops (units / ships).
  2763. 				 * 
  2764. 				 * @type	{string}
  2765. 				 */
  2766. 				var ls_type = is_type;
  2767. 				
  2768. 				/**
  2769. 				 * The status of the troops (own / friends / enemies).
  2770. 				 * 
  2771. 				 * @type	{string}
  2772. 				 */
  2773. 				var ls_status = is_status;
  2774. 				
  2775. 				/**
  2776. 				 * The troop lists.
  2777. 				 * 
  2778. 				 * @type	{(_lf_troopList||_lf_foreignTroopList)[]}
  2779. 				 */
  2780. 				var la_troopLists = [];
  2781. 				
  2782. 				/**
  2783. 				 * The status of the troop lists (own / friends / enemies).
  2784. 				 * 
  2785. 				 * @return	{boolean}
  2786. 				 *   The status of the lists.
  2787. 				 */
  2788. 				this.__defineGetter__('status', function() {
  2789. 					return ls_status;
  2790. 				});
  2791. 				
  2792. 				/**
  2793. 				 * Add a new troop list to the storage.
  2794. 				 * 
  2795. 				 * @param	{_lf_troopList||_lf_foreignTroopList}	io_troopList
  2796. 				 *   The troop list to add.
  2797. 				 */
  2798. 				this.addTroopList = function(io_troopList) {
  2799. 					la_troopLists.push(io_troopList);
  2800. 				};
  2801. 				
  2802. 				/**
  2803. 				 * Transform the troop list storage to a string.
  2804. 				 * 
  2805. 				 * @return	{string}
  2806. 				 *   The string representation of the troop list storage.
  2807. 				 */
  2808. 				this.toString = function() {
  2809. 					return '\n--- ' + IC.Language.$('troopInformation.' + ls_type + '.' + ls_status) + ' ---' + la_troopLists.join('\n');
  2810. 				};
  2811. 			};
  2812. 			
  2813. 			/**
  2814. 			 * Storage for data of all troops of one type.
  2815. 			 * 
  2816. 			 * @param	{string}	is_type
  2817. 			 *   The type of the troops (units / ships)
  2818. 			 */
  2819. 			var _lf_troopData = function(is_type) {
  2820. 				/**
  2821. 				 * The type of the troops (units / ships).
  2822. 				 * 
  2823. 				 * @type	{string}
  2824. 				 */
  2825. 				var ls_type = is_type;
  2826. 				
  2827. 				/**
  2828. 				 * The troop list storages.
  2829. 				 * 
  2830. 				 * @type	{_lf_troopListStorage[]}
  2831. 				 */
  2832. 				var la_listStorages	= [];
  2833. 				
  2834. 				/**
  2835. 				 * If the troop list contains no entries.
  2836. 				 * 
  2837. 				 * @return	{boolean}
  2838. 				 *   If the troop list is empty.
  2839. 				 */
  2840. 				this.__defineGetter__('isEmpty', function() {
  2841. 					return la_listStorages.length < 1;
  2842. 				});
  2843. 				
  2844. 				/**
  2845. 				 * Add a new troop list to the storage.
  2846. 				 * 
  2847. 				 * @param	{string}	is_status
  2848. 				 *   The status of the troop list.
  2849. 				 * @param	{_lf_troopList||_lf_foreignTroopList}	io_troopList
  2850. 				 *   The troop list to add.
  2851. 				 */
  2852. 				this.addTroopList = function(is_status, io_troopList) {
  2853. 					for(var i = 0; i < la_listStorages.length; i++) {
  2854. 						if(la_listStorages[i].status === is_status) {
  2855. 							la_listStorages[i].addTroopList(io_troopList);
  2856. 							return;
  2857. 						}
  2858. 					}
  2859. 					
  2860. 					var lo_listStorage = new _lf_troopListStorage(ls_type, is_status);
  2861. 					lo_listStorage.addTroopList(io_troopList);
  2862. 					la_listStorages.push(lo_listStorage);
  2863. 				};
  2864. 				
  2865. 				/**
  2866. 				 * Transform the troop data to a string.
  2867. 				 * 
  2868. 				 * @param	{string}	is_townInformation
  2869. 				 *   The information about the town for which the troop data is displayed.
  2870. 				 * 
  2871. 				 * @return	{string}
  2872. 				 *   The string representation of the troop data.
  2873. 				 */
  2874. 				this.getString = function(is_townInformation) {
  2875. 					return '===== ' + IC.Language.$('troopInformation.' + ls_type + '.label', [is_townInformation]) + ' =====' + la_listStorages.join('\n\n');
  2876. 				};
  2877. 			};
  2878. 			
  2879. 			/**
  2880. 			 * Get a new troop list representation for own troops.
  2881. 			 * 
  2882. 			 * @return	{_lf_troopList}
  2883. 			 *   The troop list.
  2884. 			 */
  2885. 			this.ownTroopList = function() {
  2886. 				return new _lf_troopList();
  2887. 			};
  2888. 			
  2889. 			/**
  2890. 			 * Get a new troop list representation for foreign troops.
  2891. 			 * 
  2892. 			 * @param	{string}	is_playerName
  2893. 			 *   The name of the player who owns the troops.
  2894. 			 * 
  2895. 			 * @return	{_lf_foreignTroopList}
  2896. 			 *   The troop list.
  2897. 			 */
  2898. 			this.foreignTroopList = function(is_playerName) {
  2899. 				return new _lf_foreignTroopList(is_playerName);
  2900. 			};
  2901. 			
  2902. 			/**
  2903. 			 * Get a new troop data storage representation for all troops of one type.
  2904. 			 * 
  2905. 			 * @param	{string}	is_type
  2906. 			 *   The type of the troops (units / ships).
  2907. 			 * 
  2908. 			 * @return	{_lf_troopData}
  2909. 			 *   The troop data storage.
  2910. 			 */
  2911. 			this.troopData = function(is_type) {
  2912. 				return new _lf_troopData(is_type);
  2913. 			};
  2914. 		};
  2915. 		
  2916. 		/**
  2917. 		 * Storage for the dta extraction functions.
  2918. 		 * 
  2919. 		 * @type	{object}
  2920. 		 */
  2921. 		var _go_dataExtractor = new function() {
  2922. 			/**
  2923. 			 * Extract own troops from a wrapper.
  2924. 			 * 
  2925. 			 * @param	{element}	ie_wrapper
  2926. 			 *   The wrapper to extract the troops from.
  2927. 			 * 
  2928. 			 * @return	{_go_storageProvider.ownTroopList[]}
  2929. 			 *   The extracted troops.
  2930. 			 */
  2931. 			var _lf_extractOwnTroops = function(ie_wrapper) {
  2932. 				var la_nameCells	= IC.myGM.$$('.table01 .title_img_row th .tooltip', ie_wrapper);
  2933. 				var la_numberCells	= IC.myGM.$$('.table01 .count td', ie_wrapper);
  2934. 				
  2935. 				var ro_troops = _go_storageProvider.ownTroopList();
  2936. 				
  2937. 				for(var i = 0; i < la_nameCells.length; i++) {
  2938. 					var li_number = IC.Ikariam.getInt(la_numberCells[i].innerHTML);
  2939. 					
  2940. 					if(li_number > 0)
  2941. 						ro_troops.addTroop(la_nameCells[i].innerHTML, li_number);
  2942. 				}
  2943. 				
  2944. 				return ro_troops;
  2945. 			};
  2946. 			
  2947. 			/**
  2948. 			 * Extract foreign troops from a wrapper.
  2949. 			 * 
  2950. 			 * @param	{element}	ie_wrapper
  2951. 			 *   The wrapper to extract the troops from.
  2952. 			 * 
  2953. 			 * @return	{_go_storageProvider.foreignTroopList[]}
  2954. 			 *   The extracted troops.
  2955. 			 */
  2956. 			var _lf_extractForeignTroops = function(ie_wrapper) {
  2957. 				var la_nameCells	= IC.myGM.$$('.table01 .title_img_row th:not(:first-child) .tooltip', ie_wrapper);
  2958. 				var la_numberRows	= IC.myGM.$$('.table01 tr:not(.title_img_row)', ie_wrapper);
  2959. 				var lo_numberCells	= {};
  2960. 				
  2961. 				for(var i = 0; i < la_numberRows.length; i++) {
  2962. 					var ls_playerName = IC.myGM.$('td a', la_numberRows[i]).innerHTML.trim();
  2963. 					
  2964. 					if(!lo_numberCells[ls_playerName]) {
  2965. 						lo_numberCells[ls_playerName] = [];
  2966. 					}
  2967. 					
  2968. 					lo_numberCells[ls_playerName] = lo_numberCells[ls_playerName].concat(IC.myGM.$$('td:not(:first-child)', la_numberRows[i]));
  2969. 				}
  2970. 				
  2971. 				var ra_troops = [];
  2972. 				
  2973. 				IC.myGM.forEach(lo_numberCells, function (is_playerName, ia_numberCells) {
  2974. 					var lo_playerTroops = _go_storageProvider.foreignTroopList(is_playerName);
  2975. 					
  2976. 					for(var i = 0; i < la_nameCells.length; i++) {
  2977. 						var li_number = IC.Ikariam.getInt(ia_numberCells[i].innerHTML);
  2978. 						
  2979. 						if(li_number > 0)
  2980. 							lo_playerTroops.addTroop(la_nameCells[i].innerHTML, li_number);
  2981. 					}
  2982. 					
  2983. 					if(lo_playerTroops.isEmpty === false)
  2984. 						ra_troops.push(lo_playerTroops);
  2985. 				});
  2986. 				
  2987. 				return ra_troops;
  2988. 			};
  2989. 			
  2990. 			/**
  2991. 			 * Extract all troop of one type.
  2992. 			 * 
  2993. 			 * @param	{string}	is_type
  2994. 			 *   The type of the troops to extract (units / ships).
  2995. 			 * @param	{string}	is_wrapperTabId
  2996. 			 *   The id of the tab which contains the wrappers.
  2997. 			 * 
  2998. 			 * @return	{_go_storageProvider.troopData}
  2999. 			 *   The extracted data.
  3000. 			 */
  3001. 			var _lf_extractTroops = function(is_type, is_wrapperTabId) {
  3002. 				var ro_return = _go_storageProvider.troopData(is_type);
  3003. 				
  3004. 				var la_wrappers	= IC.myGM.$$('#' + is_wrapperTabId + ' .contentBox01h');
  3005. 				
  3006. 				var lo_ownTroops	= _lf_extractOwnTroops(la_wrappers[0]);
  3007. 				if(lo_ownTroops.isEmpty === false)
  3008. 					ro_return.addTroopList('own', lo_ownTroops);
  3009. 				
  3010. 				var la_foreignStatus = ['friends', 'enemies'];
  3011. 				
  3012. 				for(var i = 0; i < la_foreignStatus.length; i++) {
  3013. 					var la_foreignTroops = _lf_extractForeignTroops(la_wrappers[i + 2]);
  3014. 					
  3015. 					for(var j = 0; j < la_foreignTroops.length; j++) {
  3016. 						ro_return.addTroopList(la_foreignStatus[i], la_foreignTroops[j]);
  3017. 					}
  3018. 				}
  3019. 				
  3020. 				return ro_return;
  3021. 			};
  3022. 			
  3023. 			/**
  3024. 			 * Extract all troop from the popup.
  3025. 			 * 
  3026. 			 * @return	{object}
  3027. 			 *   All extracted troops.
  3028. 			 *   Signature: { units: <_go_storageProvider.troopData>, ships: <_go_storageProvider.troopData> }
  3029. 			 */
  3030. 			this.extract = function() {
  3031. 				return {
  3032. 					units:	_lf_extractTroops('units', 'tabUnits'),
  3033. 					ships:	_lf_extractTroops('ships', 'tabShips')
  3034. 				};
  3035. 			};
  3036. 		};
  3037. 		
  3038. 		/**
  3039. 		 * Storage for the troop information functions.
  3040. 		 * 
  3041. 		 * @type	{object}
  3042. 		 */
  3043. 		var _go_troopInformation = new function() {
  3044. 			/**
  3045. 			 * Show the troop information popup.
  3046. 			 * 
  3047. 			 * @param	{object}	io_data
  3048. 			 *   All extracted troop.
  3049. 			 *   Signature: { units: <_go_storageProvider.troopData>, ships: <_go_storageProvider.troopData> }
  3050. 			 */
  3051. 			var _ls_showPopup = function(io_data) {
  3052. 				var la_output = [];
  3053. 				var ls_townInformation = (function() {
  3054. 					var lo_allTowns		= IC.ika.getModel().relatedCityData;
  3055. 					var lo_selectedTown	= lo_allTowns[lo_allTowns.selectedCity];
  3056. 					
  3057. 					return lo_selectedTown.name + ' ' + lo_selectedTown.coords;
  3058. 				})();
  3059. 				
  3060. 				if(!!io_data === true) {
  3061. 					if(!!io_data.units.isEmpty === false)
  3062. 						la_output.push(io_data.units.getString(ls_townInformation));
  3063. 					if(!!io_data.ships.isEmpty === false)
  3064. 						la_output.push(io_data.ships.getString(ls_townInformation));
  3065. 				}
  3066. 				
  3067. 				var ls_output = la_output.join('\n\n-------------------------------------------------------------------------------------\n\n');
  3068. 				
  3069. 				if(ls_output.length === 0)
  3070. 					ls_output = IC.Language.$('troopInformation.noTroops', [ls_townInformation]);
  3071. 				
  3072. 				var lo_text = {
  3073. 					header:	IC.Language.$('troopInformation.header', [ls_townInformation]),
  3074. 					body:	ls_output
  3075. 				};
  3076. 				
  3077. 				IC.myGM.notification(lo_text, null, { textarea: true, readonly: true, autoselect: true });
  3078. 			};
  3079. 			
  3080. 			/**
  3081. 			 * Extract the data and show the popup.
  3082. 			 */
  3083. 			var _lf_showInformation = function() {
  3084. 				_ls_showPopup(_go_dataExtractor.extract());
  3085. 			};
  3086. 			
  3087. 			/**
  3088. 			 * Show the troop information link.
  3089. 			 */
  3090. 			var _lf_doShowTroopInformationLink = function() {
  3091. 				var le_button	= IC.myGM.addButton(IC.myGM.$('#cityMilitary_c .buildingDescription'), IC.Language.$('troopInformation.button'), _lf_showInformation, true);
  3092. 				var la_cssRules	= [['position', 'absolute'], ['top', '5px'], ['right', '20px']];
  3093. 				
  3094. 				for(var i = 0; i < la_cssRules.length; i++) {
  3095. 					le_button.style[la_cssRules[i][0]] = la_cssRules[i][1];
  3096. 				}
  3097. 			};
  3098. 			
  3099. 			/**
  3100. 			 * Update the settings to execute the callback or delete the handler.
  3101. 			 * 
  3102. 			 * @param	{boolean}	ib_enableTroopInformation
  3103. 			 *   If the user selected the checkbox to show the troop information.
  3104. 			 */
  3105. 			this.updateSettings = function(ib_enableTroopInformation) {
  3106. 				if(ib_enableTroopInformation === true) {
  3107. 					IC.RefreshHandler.add('cityMilitary', 'troopInformation', _lf_doShowTroopInformationLink);
  3108. 					return;
  3109. 				}
  3110. 				
  3111. 				IC.RefreshHandler.remove('cityMilitary', 'troopInformation');
  3112. 			};
  3113. 		};
  3114. 		
  3115. 		/**
  3116. 		 * Storage for the link barracks and shipyard functions.
  3117. 		 * 
  3118. 		 * @type	{object}
  3119. 		 */
  3120. 		var _go_linkBarrackShipyard = new function() {
  3121. 			/**
  3122. 			 * Adds a link to the container.
  3123. 			 * 
  3124. 			 * @param	{String}	is_type
  3125. 			 *   The link type (units / fleet).
  3126. 			 * @param	{Element}	ie_container
  3127. 			 *   The element which should be container for the link.
  3128. 			 */
  3129. 			var _lf_addLink = function(is_type, ie_container) {
  3130. 				var lo_data = IC.ika.getScreen().data;
  3131. 				
  3132. 				var ls_linkText = is_type === 'units' ? IC.Language.$('troopInformation.link.gotoBarracks') : IC.Language.$('troopInformation.link.gotoShipyard');
  3133. 				ls_linkText = '(' + ls_linkText + ')';
  3134. 				
  3135. 				var ls_buildingType = is_type === 'units' ? 'barracks' : 'shipyard';
  3136. 				
  3137. 				var li_position = -1;
  3138. 				for(var i = 0; i < lo_data.position.length; i++) {
  3139. 					if(lo_data.position[i].building === ls_buildingType) {
  3140. 						li_position = i;
  3141. 						break;
  3142. 					}
  3143. 				}
  3144. 				
  3145. 				if(li_position >= 0) {
  3146. 					var ls_href = '?view=%building%&cityId=%cityId%&position=%position%'
  3147. 											.replace(/%building%/gi, ls_buildingType)
  3148. 											.replace(/%cityId%/gi, lo_data.id)
  3149. 											.replace(/%position%/gi, li_position);
  3150. 					
  3151. 					IC.myGM.addElement('a', ie_container, {
  3152. 						innerHTML:	ls_linkText,
  3153. 						href:		ls_href,
  3154. 						onclick:	'ajaxHandlerCall(this.href);return false;',
  3155. 						style:		[['margin-left', '5px']]
  3156. 					});
  3157. 				}
  3158. 			};
  3159. 			
  3160. 			/**
  3161. 			 * Link barack and shipyard from troop overview screen.
  3162. 			 */
  3163. 			var _lf_doLinkBarrackShipyardOverview = function() {
  3164. 				var le_container = IC.myGM.$('.header', IC.myGM.$('#tabUnits'));
  3165. 				_lf_addLink('units', le_container);
  3166. 				
  3167. 				le_container = IC.myGM.$('.header', IC.myGM.$('#tabShips'));
  3168. 				_lf_addLink('fleet', le_container);
  3169. 			};
  3170. 			
  3171. 			/**
  3172. 			 * Link barrack and shipyard in dismiss units screen.
  3173. 			 */
  3174. 			var _lf_doLinkBarrackShipyardDismiss = function() {
  3175. 				var ls_type = IC.myGM.$('#js_garrisonEditForm input[name=function]').value.replace(/fire/gi, '').toLowerCase();
  3176. 				var le_container = IC.myGM.$('#js_garrisonEditForm .header');
  3177. 				
  3178. 				_lf_addLink(ls_type, le_container);
  3179. 			};
  3180. 			
  3181. 			/**
  3182. 			 * Update the settings to execute the callback or delete the handler.
  3183. 			 * 
  3184. 			 * @param	{boolean}	ib_linkBarrackShipyard
  3185. 			 *   If the user selected the checkbox to link barrackand shipyard.
  3186. 			 */
  3187. 			this.updateSettings = function(ib_linkBarrackShipyard) {
  3188. 				if(ib_linkBarrackShipyard === true) {
  3189. 					IC.RefreshHandler.add('cityMilitary', 'linkBarrackShipyardOverview', _lf_doLinkBarrackShipyardOverview);
  3190. 					IC.RefreshHandler.add('garrisonEdit', 'linkBarrackShipyardDismiss', _lf_doLinkBarrackShipyardDismiss);
  3191. 					return;
  3192. 				}
  3193. 				
  3194. 				IC.RefreshHandler.remove('cityMilitary', 'linkBarrackShipyardOverview');
  3195. 				IC.RefreshHandler.remove('garrisonEdit', 'linkBarrackShipyardDismiss');
  3196. 			};
  3197. 		};
  3198. 		
  3199. 		IC.Options.addCheckbox('showTroopInformation', 'diverseOptions', 1, true, IC.Language.$('troopInformation.options.show'), { changeCallback: _go_troopInformation.updateSettings });
  3200. 		IC.Options.addCheckbox('linkBarrackShipyard', 'diverseOptions', 1, true, IC.Language.$('troopInformation.options.linkBarrackShipyard'), { changeCallback: _go_linkBarrackShipyard.updateSettings });
  3201. 	})();
  3202. 	
  3203. 	IC.con.logTimeStamp('IkariamEnhancedUI: troop information functions created');
  3204. 	IC.con.groupEnd();
  3205. }
  3206.  
  3207. /**
  3208.  * Main function of the script.<br>
  3209.  * Inits the Ikariam Core and calls the script functions.<br>
  3210.  * Must be called with <pre>setTimeout(main, 0)</pre> for correct setting of some core variables.
  3211.  */
  3212. async function main() {
  3213. 	// Get the Ikariam core.
  3214. 	var IC = new IkariamCore('4.1', 4369, 'Ikariam Enhanced UI', 'Tobbe', false);
  3215. 	
  3216. 	if(IC.myGM.alreadyExecuted === true)
  3217. 		return;
  3218. 	
  3219. 	await IC.Language.setDefaultLanguage('en');
  3220. 	
  3221. 	await IC.Language.addLanguageText('en', {"view": {"options": {"wrapperTitle":"View","moveLoadingCircle":"Move loading circle to position bar","hideBirds":"Hide the bird swarm","noVerticalCenterInTownAdvisor":"Don't center town information in the town advisor"}},"island": {"options": {"showColonizingCityInfo":"Show information about colonizing cities"}},"finance": {"options": {"showIncomeOnTop":"Show income on top in balance view","shortUpkeepReductionTable":"Show a short version of the upkeep reduction"},"income": {"perHour":"Income per hour","perDay":"Income per day","start":"Income without reduction"},"upkeep": {"reason": {"0":"Troops","1":"Ships","2":"Troops & Ships"},"basic":"Basic Costs","supply":"Supply Costs","result":"Total Costs"}},"missingResources": {"options": {"wrapperTitle":"Missing Resources","show":"Show missing resources in construction view","showPositive":"Show also the remaining resources after an upgrade","showColoured":"Show the remaining resources coloured"}},"tooltips": {"options": {"autoshow":"Show tooltips in alliance mebers view and military advisor automatically","showDirectInMilitaryAdvisor":"Show information about cargo / fleets in military view without tooltips"}},"zoom": {"options": {"wrapperTitle":"Zoom function","zoomView":"Activate zoom in world view, island view, town view","factor": {"world":"Zoom worldmap:","island":"Zoom island view:","town":"Zoom town view:"},"scaleChildren": {"label":"Let banners and symbols in normal size when zooming when zooming in this view:","world":"Worldmap","island":"Island view","town":"Town view"},"accessKeyLabel":"This keys must be pressed to zoom with the mouse:"},"zoomIn":"Zoom in","factor":"Zoom factor","zoomOut":"Zoom out"},"resourceInformation": {"options": {"wrapperTitle":"Resource Information","resourceQuicklinkEnhancements":"Link resource number to town hall / mines","directIncome": {"show":"Show the hourly income directly in town view","style": {"label":"Style of the hourly income in town view:","alignRight":"Right align","alignLeft":"Left align","withSeparation":"Right align with separation"}},"capacityBar": {"show":"Show info bar for warehouse capacity","hasBorder":"Has border","showBranchOfficeResources":"Show resources in trading post","orientation": {"label":"Orientation of the bar","vertical":"Vertical","horizontal":"Horizontal","horizontalFull":"Horizontal, full length"}}},"dailyProduction":"Daily production %$1:","dailyExpenses":"Daily expenses %$1:"},"highscore": {"options": {"showMemberInformation":"Enable the possibility to save highscore data of alliance members"},"memberInformation": {"show":"Alliance info","reset":"Reset","lastReset":"Time since the last reset: %$1","noReset":"No reset so far."}},"message": {"options": {"wrapperTitle":"Messages","replaceURL":"Make links in messages clickable","inlineMessage":"Embed the first few characters of each message in the messages overview","signature": {"use": {"description":"Use this signature:","none":"No signature","global":"Global signature","server":"Server signature","player":"Player signature"},"placementTop":"Insert signature above cited messages","global":"Global signature, which would be used on every world:","server":"Server signature, which only would be used on this world:","player":"Player signature, which only would be used for this player:"}},"replacedUrl": {"notification": {"header":"Attention!","text":"You're going to open the link %$1. This happens on your own risk. Proceed?"}}},"troopInformation": {"options": {"show":"Show troop info","linkBarrackShipyard":"Link barracks and shipyard from troop overview and dismiss units screen"},"link": {"gotoBarracks":"goto barracks","gotoShipyard":"goto shipyard"},"units": {"label":"Units in %$1","own":"Own units","friends":"Allied units","enemies":"Enemy units"},"ships": {"label":"Ships in %$1","own":"Own ships","friends":"Allied ships","enemies":"Enemy ships"},"button":"Troop information","header":"Troops in %$1","noTroops":"There are no troops in %$1"},"diverse": {"options": {"wrapperTitle":"Diverse"},"name": {"resource": {"gold":"Gold","wood":"Building Material","wine":"Wine","marble":"Marble","glass":"Crystal Glass","sulfur":"Sulphur"},"unit": {"swordsman":"Swordsman","phalanx":"Hoplite","archer":"Archer","marksman":"Sulphur Carabineer","mortar":"Mortar","slinger":"Slinger","catapult":"Catapult","ram":"Battering Ram","steamgiant":"Steam Giant","bombardier":"Balloon-Bombardier","cook":"Cook","medic":"Doctor","girocopter":"Gyrocopter","spearman":"Spearman","spartan":"Spartan"},"ship": {"ballista":"Ballista Ship","catapult":"Catapult Ship","flamethrower":"Fire Ship","mortar":"Mortar Ship","ram":"Ram Ship","steamboat":"Steam Ram","rocketship":"Rocket Ship","submarine":"Diving Boat","paddlespeedship":"Paddle Speedboat","ballooncarrier":"Balloon Carrier","tender":"Tender","transport":"Merchant Ship"}}}});
  3222. 	
  3223. 	var la_language = ['de', 'gr', 'fr', 'it', 'lv', 'ru', 'tr'];
  3224. 	for(var i = 0; i < la_language.length; i++) {
  3225. 		await IC.Language.registerLanguageResource(la_language[i], la_language[i], 'https://resources.ikascripts.de/IkariamEnhancedUI/v4.1/' + la_language[i] + '.json');
  3226. 	}
  3227. 	
  3228. 	// Instantiate the ui script.
  3229. 	new EnhancedUI(IC);
  3230. }
  3231.  
  3232. // Call the main function of the script.
  3233. setTimeout(main, 0);