☰

Command & Conquer TA Zmail

Complete and comprehensive CCTA mail client. Zmail is fast and easy to use mail client that allows you to send and receive messages.

  1. // ==UserScript==
  2. // @name        Command & Conquer TA Zmail
  3. // @description Complete and comprehensive CCTA mail client. Zmail is fast and easy to use mail client that allows you to send and receive messages.
  4. // @namespace   http*://*.alliances.commandandconquer.com/*
  5. // @include     http*://*.alliances.commandandconquer.com/*
  6. // @version     2015.11.08
  7. // @grant none
  8. // @author zdoom
  9. // ==/UserScript==
  10.  
  11. (function(){
  12. var injectFunction = function() 
  13. {
  14.     function createClass() 
  15.     {
  16. 		qx.Class.define('zmail.data',
  17. 		{
  18. 			type: 'singleton',
  19. 			extend: qx.core.Object,
  20. 			
  21. 			construct: function()
  22. 			{
  23. 				try
  24. 				{
  25. 					if (typeof localStorage.ccta_zmail !== 'undefined')
  26. 					{
  27. 						var json = JSON.parse(localStorage.ccta_zmail);
  28. 						if (json.hasOwnProperty('archive')) this.archive = json.archive;
  29. 					}
  30. 					else
  31. 					{
  32. 						var sd = {
  33. 							'folders': {'draft': {}, 'junk': [], 'trash': [[],[]], 'documents': []}, 
  34. 							'contacts': {'blocked': [], 'friends': [], 'groups': {}}, 
  35. 							'archive': {}
  36. 						};
  37. 						localStorage['ccta_zmail'] = JSON.stringify(sd);
  38. 						console.log('zmail: starting zmail for the first time......');
  39. 						this.firstTime = true;
  40. 					}
  41. 							
  42. 					var inbox = {
  43. 						folder: null,
  44. 						count: null,
  45. 						messages: [],
  46. 						newMessages: [],
  47. 						unRead: null
  48. 					};
  49. 					
  50. 					var outbox = {
  51. 						folder: null,
  52. 						count: null,
  53. 						messages: [],
  54. 						newMessages: []
  55. 					};
  56. 					this.inbox = inbox;
  57. 					this.outbox = outbox;
  58. 					
  59. 					var data = ClientLib.Data.MainData.GetInstance();
  60. 					var mail = data.get_Mail();
  61. 					var root = this;
  62. 					var alliance = data.get_Alliance();
  63. 					var allianceExists = alliance.get_Exists();
  64. 					this.allianceExists = allianceExists;
  65. 					if (allianceExists)
  66. 					{
  67. 						var roles = alliance.get_Roles();
  68. 						var relations = alliance.get_Relationships();
  69. 						this.roles = roles;
  70. 						if (relations !== null)
  71. 						{
  72. 							var totalAllies = 0;
  73. 							for (var i = 0; i < relations.length; i++) if (relations[i].Relationship == 1) totalAllies++;
  74. 							for (var i = 0; i < relations.length; i++)
  75. 							{
  76. 								var type = relations[i].Relationship, id = relations[i].OtherAllianceId, name = relations[i].OtherAllianceName;
  77. 								if (type == 1) this.getAllianceMembers(id, name, totalAllies, true);
  78. 							}
  79. 						}
  80. 						else
  81. 						{
  82. 							this.allies = {};
  83. 							this.status.allies = true;
  84. 							console.log('zmail: allies(0).......................... ready');
  85. 							this.onReady();
  86. 						}
  87. 						this.getMembers(true);
  88. 					}
  89. 					else console.log('zmail: ' + 'No alliance detected: ' + alliance.get_Exists());
  90. 			
  91. 					var ownerName = data.get_Player().get_Name();
  92. 					var ownerId = data.get_Player().get_Id();
  93. 					this.ownerName = ownerName;
  94. 					this.ownerId = ownerId;
  95. 					
  96. 					var getPlayers = function(fi,li,ti)
  97. 					{
  98. 						ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("RankingGetData", 
  99. 						{ 'ascending': true, 'firstIndex': fi, 'lastIndex': li, 'rankingType': 0, 'sortColumn': 2, 'view': 0 }, 
  100. 						phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  101. 						{
  102. 							if (data !== null) this.players = this.players.concat(data.p);
  103. 							if (this.players.length == ti)
  104. 							{
  105. 								this.status.playersList = true;
  106. 								console.log('zmail: ' + 'global players list.......................... ready');
  107. 								this.onReady();
  108. 							}
  109. 						}), null);
  110. 					};
  111. 					
  112. 					var getList = function(count)
  113. 					{
  114. 						var pages = Math.ceil(count/4500);
  115. 						for (var i = 0; i < pages; i++)
  116. 						{
  117. 							var Min = i * 4500, Max = Math.min((((i + 1) * 4500) - 1), (count - 1));
  118. 							getPlayers.apply(root, [Min, Max, count]);
  119. 						}
  120. 					};
  121. 					
  122. 					ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("RankingGetCount", { 'rankingType': 0, 'view': 0 }, 
  123. 					phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  124. 					{
  125. 						if (data !== null) getList(data);
  126. 					}), null);
  127. 					
  128. 					var getFolder = function(type)
  129. 					{
  130. 						var gmh = mail.GetMailHeaders.toString();
  131. 						var prop = gmh.replace(/^.*?c=this\.(.*?)\.d\[a\].*?$/, '$1');
  132. 						var folder = mail[prop].d[type].i;
  133. 						return folder;
  134. 					}
  135. 					
  136. 					ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand ("IGMGetFolders", {}, 
  137. 					phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  138. 					{
  139. 						if (data !== null)
  140. 						{
  141. 							this.inbox.folder = data[0].i;
  142. 							this.outbox.folder = data[1].i;
  143. 							console.log('zmail: ' + 'folders ids.......................... ready');
  144. 						}
  145. 						else
  146. 						{
  147. 							console.log('zmail: ' + 'Attempting folder ids fallback function');
  148. 							this.inbox.folder = getFolder(0);
  149. 							this.outbox.folder = getFolder(1);
  150. 							console.log('zmail: ' + 'folders ids.......................... ready');
  151. 						}
  152. 						
  153. 						ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsgCount", {'folderId': this.inbox.folder}, 
  154. 						phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  155. 						{
  156. 							console.log('zmail: inbox(' + data + ')');
  157. 							this.inbox.count = data;
  158. 							if ((data !== null) && (this.outbox.count !== null))
  159. 							{
  160. 								this.getMsgHeaders(this.inbox.folder, this.inbox.count, 0);
  161. 								this.getMsgHeaders(this.outbox.folder, this.outbox.count, 1);
  162. 							}
  163. 						}), null);
  164. 						
  165. 						ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsgCount", {'folderId': this.outbox.folder}, 
  166. 						phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  167. 						{
  168. 							console.log('zmail: outbox(' + data + ')');
  169. 							this.outbox.count = data;
  170. 							if ((data !== null) && (this.inbox.count !== null))
  171. 							{
  172. 								this.getMsgHeaders(this.inbox.folder, this.inbox.count, 0);
  173. 								this.getMsgHeaders(this.outbox.folder, this.outbox.count, 1);
  174. 							}
  175. 						}), null);
  176. 						
  177. 						this.status.folders = true;
  178. 						this.onReady();
  179. 					}), null);		
  180. 			
  181. 					this.timer = new qx.event.Timer(300);
  182. 					this.timer.addListener('interval', this.onMailSent, this);
  183. 				}
  184. 				catch(e)
  185. 				{
  186. 					console.log('zmail: ' + e.toString())
  187. 				}
  188. 			},
  189. 			
  190. 			destruct: function(){},
  191. 			
  192. 			members: 
  193. 			{
  194. 				inbox: null,
  195. 				outbox: null,
  196. 				update: null,
  197. 				archive: {},
  198. 				inProgress: false,
  199. 				players: [],
  200. 				allianceExists: null,
  201. 				roles: null,
  202. 				allianceMembers: null,
  203. 				allianceCommanders: null,
  204. 				allianceOfficers: null,
  205. 				allies: {},
  206. 				ownerName: null,
  207. 				ownerId: null,
  208. 				counter: 0,
  209. 				timer: null,
  210. 				isLoaded: false,
  211. 				firstTime: false,
  212. 				status: {'playersList': false, 'allianceMembers': false, 'allies': false, 'folders': false, 'messages': false},
  213. 				
  214. 				callMethod: function(fn, args)
  215. 				{
  216. 					var root = this;
  217. 					root[fn].apply(root, args);
  218. 				},
  219. 				
  220. 				update: function()
  221. 				{
  222. 					if(this.inProgress) return;
  223. 					this.inProgress = true;
  224. 					var data = ClientLib.Data.MainData.GetInstance();
  225. 					var mail = data.get_Mail();
  226. 					this.inbox.count = mail.GetMailCount(0);
  227. 					this.outbox.count = mail.GetMailCount(1);
  228. 					this.inbox.unRead = mail.GetUnreadCount();;
  229. 					this.getMsgHeaders(this.inbox.folder, this.inbox.count, 0);
  230. 					this.getMsgHeaders(this.outbox.folder, this.outbox.count, 1);
  231. 				},
  232. 				
  233. 				markRead: function(id, flag)
  234. 				{
  235. 					ClientLib.Data.MainData.GetInstance().get_Mail().SetMailRead(id, flag);
  236. 				},
  237. 				
  238. 				deleteMsgs: function(id, folder)
  239. 				{
  240. 					ClientLib.Data.MainData.GetInstance().get_Mail().DeleteMessages(id, folder);
  241. 				},
  242. 				
  243. 				sendMail: function(to, alliance, subject, message)
  244. 				{
  245. 					ClientLib.Data.MainData.GetInstance().get_Mail().SendMail(to, alliance, subject, message);
  246. 					this.counter = 0;
  247. 					this.onMailSent();
  248. 					this.timer.start();
  249. 				},
  250. 				
  251. 				onMailSent: function()
  252. 				{
  253. 					ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsgCount", {'folderId': this.outbox.folder}, 
  254. 					phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  255. 					{
  256. 						if ((data !== null) && (data > this.outbox.count))
  257. 						{
  258. 							this.update();
  259. 							this.timer.stop();
  260. 							this.counter = 0;
  261. 						}
  262. 						else if (this.counter > 20)
  263. 						{
  264. 							alert('Error sending message');
  265. 							this.timer.stop();
  266. 						}
  267. 						else this.counter++;
  268. 					}), null);
  269. 				},
  270. 				
  271. 				createBBCode:
  272. 				{
  273. 					'coords': function(name,x,y)
  274. 					{
  275. 						return webfrontend.gui.util.BBCode.createCoordsLinkText(name,x,y).replace('#0d77bb', '#377395');
  276. 					},
  277. 					
  278. 					'player': function(name)
  279. 					{
  280. 						return webfrontend.gui.util.BBCode.createPlayerLinkText(name).replace('#0d77bb', '#377395');
  281. 					},
  282. 					
  283. 					'alliance': function(name)
  284. 					{
  285. 						return webfrontend.gui.util.BBCode.createAllianceLinkText(name).replace('#0d77bb', '#377395');
  286. 					}
  287. 				},
  288. 				
  289. 				getMembers: function(flag)
  290. 				{
  291. 					ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("AllianceGetMemberData", {}, 
  292. 					phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  293. 					{
  294. 						var alliance = [], commanders = [], officers = [];
  295. 						for (var i = 0; i < data.length; i++)
  296. 						{
  297. 							var name = data[i].n, id = data[i].i, roleId = data[i].r, role = this.roles.d[roleId].Name;
  298. 							switch(role)
  299. 							{
  300. 								case 'Leader': role = 'Commander-in-Cheif'; break;
  301. 								case 'Newbie': role = 'Trial'; break;
  302. 							}
  303. 							var member = {'id': id, 'name': name, 'role': role, 'roleId': roleId};
  304. 							if (role == 'Commander-in-Cheif' || role == 'Second Commander') commanders.push(member);
  305. 							if (role == 'Officer') officers.push(member);
  306. 							alliance.push(member);
  307. 						}
  308. 						this.allianceMembers = alliance;
  309. 						this.allianceCommanders = commanders;
  310. 						this.allianceOfficers = officers;
  311. 						
  312. 						var structure = zmail.structure.getInstance();
  313. 						structure.applyMethod('updateContacts', [alliance, commanders, officers]);
  314. 						if (flag)
  315. 						{
  316. 							this.status.allianceMembers = true;
  317. 							console.log('zmail: ' + 'alliance members.......................... ready');
  318. 							this.onReady();
  319. 						}
  320. 					}), null);
  321. 				},
  322. 				
  323. 				getAllianceMembers: function(aid, name, total, flag)
  324. 				{
  325. 					ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("GetPublicAllianceMemberList", {'id': aid }, 
  326. 					phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  327. 					{
  328. 						this.allies[name] = data;
  329. 						var loaded = 0;
  330. 						for (var x in this.allies) loaded++;
  331. 						if (loaded == total)
  332. 						{
  333. 							var structure = zmail.structure.getInstance();
  334. 							structure.applyMethod('updateAllies', [this.allies]);
  335. 							if (flag)
  336. 							{
  337. 								this.status.allies = true;
  338. 								console.log('zmail: ' + 'allies (' + total + ').......................... ready');
  339. 								this.onReady();
  340. 							}
  341. 						}
  342. 					}), null);
  343. 				},
  344. 				
  345. 				_onAllianceChange: function()
  346. 				{
  347. 					var data = ClientLib.Data.MainData.GetInstance();
  348. 					var alliance = data.get_Alliance();
  349. 					var allianceExists = alliance.get_Exists();
  350. 					this.allianceExists = allianceExists;
  351. 					this.allies = {};
  352. 					if(allianceExists)
  353. 					{
  354. 						var relations = alliance.get_Relationships();
  355. 						if (relations !== null)
  356. 						{
  357. 							var totalAllies = 0;
  358. 							for (var i = 0; i < relations.length; i++) if (relations[i].Relationship == 1) totalAllies++;
  359. 							for (var i = 0; i < relations.length; i++)
  360. 							{
  361. 								var type = relations[i].Relationship, id = relations[i].OtherAllianceId, name = relations[i].OtherAllianceName;
  362. 								if (type == 1) this.getAllianceMembers(id, name, totalAllies, false);
  363. 							}
  364. 						}
  365. 						else zmail.structure.getInstance().callMethod('updateAllies', null);
  366. 						this.getMembers(false);
  367. 					}
  368. 					else
  369. 					{
  370. 						console.log('zmail: ' + 'No alliance detected: ' + alliance.get_Exists());
  371. 						var structure = zmail.structure.getInstance();
  372. 						structure.applyMethod('updateContacts', [null, null, null]);
  373. 						structure.applyMethod('updateAllies', [null]);
  374. 					}
  375. 				},
  376. 				
  377. 				getMsgHeaders: function(id, count, type)
  378. 				{
  379. 					type == 0 ? this.inbox.messages = [] : this.outbox.messages = [];
  380. 					type == 0 ? this.inbox.newMessages = [] : this.outbox.newMessages = [];
  381. 					var pages = Math.ceil(count/1000);
  382. 					for (var n = 0; n < pages; n++)
  383. 					{
  384. 						var start = n * 1000;
  385. 						var amount = (pages > 1) ? (n == pages - 1) ? (count - (n * 1000)) : 1000 : count;
  386. 						ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsgHeader", 
  387. 						{folder: id, ascending: false, skip: start, take: amount, sortColumn: 1}, 
  388. 						phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  389. 						{
  390. 							for (var i = 0; i < data.length; i++) this.getMsgBody(data[i], type);
  391. 						}), null);
  392. 					}
  393. 				},
  394. 				
  395. 				getMsgBody: function(msg, type)
  396. 				{
  397. 					if (this.archive.hasOwnProperty(msg.i))
  398. 					{
  399. 						if (this.archive[msg.i].r != msg.r) this.archive[msg.i].r = msg.r;
  400. 						type == 0 ? this.inbox.messages.push(this.archive[msg.i]) : this.outbox.messages.push(this.archive[msg.i]);
  401. 						this.onCompleted();
  402. 					}
  403. 					else
  404. 					{
  405. 						ClientLib.Net.CommunicationManager.GetInstance().SendSimpleCommand("IGMGetMsg", { mailId: msg.i }, 
  406. 						phe.cnc.Util.createEventDelegate(ClientLib.Net.CommandResult, this, function(context, data)
  407. 						{
  408. 							var cm = msg;
  409. 							cm.b = data;
  410. 							type == 0 ? this.inbox.messages.push(cm) : this.outbox.messages.push(cm);
  411. 							if (type == 0)
  412. 							{
  413. 								if (this.isLoaded) this.inbox.newMessages.push(cm);
  414. 								else 
  415. 								{
  416. 									if (!cm.r) this.inbox.newMessages.push(cm);
  417. 								}
  418. 							}
  419. 							else
  420. 							{
  421. 								if (this.isLoaded) this.outbox.newMessages.push(cm);
  422. 							}
  423. 							this.archive[msg.i] = cm;
  424. 							this.onCompleted();
  425. 						}), null);
  426. 					}
  427. 				},
  428. 				
  429. 				onCompleted: function()
  430. 				{
  431. 					var ti = this.inbox.count, to = this.outbox.count, ci = this.inbox.messages.length, co = this.outbox.messages.length;
  432. 					var structure = zmail.structure.getInstance();
  433. 					if ((ti == ci) && (to == co))
  434. 					{
  435. 						var json = JSON.parse(localStorage.ccta_zmail);
  436. 						json.archive = this.archive;
  437. 						localStorage.ccta_zmail = JSON.stringify(json);
  438. 						var received = this.inbox.newMessages, sent = this.outbox.newMessages;
  439. 						if (((received.length + sent.length) > 0) || !this.isLoaded)
  440. 						{
  441. 							if (this.firstTime)
  442. 							{
  443. 								structure.applyMethod('updateDownloads', [ci + co, ti + to]);
  444. 							}
  445. 							if (this.isLoaded) structure.callUpdate(this.inbox.messages, this.outbox.messages, received, sent);
  446. 							if (!this.isLoaded)
  447. 							{
  448. 								this.isLoaded = true;
  449. 								this.status.messages = true;
  450. 								console.log('zmail: ' + 'messages.......................... ready');
  451. 								this.onReady();
  452. 							}
  453. 						}
  454. 						if (this.firstTime) this.firstTime = false;
  455. 						this.inProgress = false;
  456. 					}
  457. 					else
  458. 					{
  459. 						if (this.firstTime)
  460. 						{
  461. 							var current = ci + co, total = ti + to;
  462. 							if (!structure.downloadsCont) structure.applyMethod('showDownloads', [total]);
  463. 							structure.applyMethod('updateDownloads', [current, total]);
  464. 						}
  465. 					}
  466. 				},
  467. 				
  468. 				_onMailChange: function()
  469. 				{
  470. 					console.log('zmail: checking new messages');
  471. 					this.update();
  472. 				},
  473. 				
  474. 				attachEvent: function()
  475. 				{
  476. 					if (typeof phe.cnc.Util.attachNetEvent == 'undefined') webfrontend.gui.Util.attachNetEvent.apply(null, arguments);
  477. 					else phe.cnc.Util.attachNetEvent.apply(null, arguments);
  478. 				},
  479. 				
  480. 				onReady: function()
  481. 				{
  482. 					var status = this.status, ready = true, exists = this.allianceExists;
  483. 					if (exists == true)
  484. 					{
  485. 						for (var x in status) if (status[x] === false) ready = false;
  486. 					}
  487. 					else if (exists == false)
  488. 					{
  489. 						if (!status.playersList || !status.folders || !status.messages) ready = false;
  490. 					}
  491. 					else
  492. 					{
  493. 						ready = false;
  494. 						console.log('zmail: ' + 'alliance is null', exists);
  495. 					}
  496. 					if (ready)
  497. 					{
  498. 						var structure = zmail.structure.getInstance(), inbox = this.inbox, outbox = this.outbox;
  499. 						var data = ClientLib.Data, mainData = data.MainData.GetInstance();
  500. 						structure.callUpdate(inbox.messages, outbox.messages, inbox.newMessages, outbox.newMessages);
  501. 						zmail.main.getInstance().initScriptButton();
  502. 						this.attachEvent(mainData.get_Mail(), 'DataChange', data.MailDataChange, this, this._onMailChange);
  503. 						this.attachEvent(mainData.get_Alliance(), 'Change', data.AllianceChange, this, this._onAllianceChange);
  504. 					}
  505. 				}
  506. 			}
  507. 		});
  508. 		
  509. 		qx.Class.define('zmail.main',
  510. 		{
  511. 			type: 'singleton',
  512. 			extend: qx.ui.container.Composite,
  513. 			
  514. 			construct: function()
  515. 			{
  516. 				this.base(arguments);
  517. 				var layout = new qx.ui.layout.Canvas();
  518. 				this._setLayout(layout);
  519. 						
  520. 				var widget = new qx.ui.core.Widget();
  521. 				widget.setPadding(3);
  522. 				widget.setHeight(546);
  523. 				var div = new qx.html.Element('div', null, {'id': 'zdoom_mail_container'});
  524. 				widget.getContentElement().add(div);
  525. 				this.add(widget, {left: 0, top: 0});
  526. 				this.widget = widget;
  527. 		
  528. 				this.wdgAnchor = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl1.png").set({ width: 3, height: 32 });
  529. 				this.__imgTopRightCorner = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tr.png").set({ width: 34, height: 35 });
  530. 				this.__backgroundTop = new qx.ui.basic.Image(null);
  531. 				var cntBackgroundTop = new qx.ui.container.Composite(new qx.ui.layout.Canvas()).set({ height: 132 , maxHeight: 132 });
  532. 				var cntBackgroundTopBackground = new qx.ui.container.Composite().set({ backgroundColor: "#000000" });
  533. 				cntBackgroundTop.add(cntBackgroundTopBackground, { left: 0, top: 0, right: 0, bottom: 0 });
  534. 				cntBackgroundTop.add(this.__backgroundTop, { left: 0, top: -10 });
  535. 				this.__background = new qx.ui.basic.Image(null);
  536. 				var cntBackground = new qx.ui.container.Composite(new qx.ui.layout.Canvas());
  537. 				cntBackground.add(this.__background, { left: 0, top: -10 });
  538. 				this._add(cntBackground, { left: -114, top: 132-60 });
  539. 				this._add(cntBackgroundTop, { left: -114, top: -60 });
  540. 				this._add(this.__imgTopRightCorner, { right: 0, top: 0, bottom: 28 });
  541. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_r.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { right: 0, top: 35, bottom: 29 });
  542. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_br.png").set({ width: 5, height: 28, allowGrowY: true, scale: true }), { right: 0, bottom: 0 });
  543. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_b.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { right: 5, bottom: 0, left: 5 });
  544. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_bl.png").set({ width: 5, height: 29 }), { left: 0, bottom: 0 });
  545. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_l.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { left: 0, bottom: 29, top: 32 });
  546. 				this._add(this.wdgAnchor, { left: 0, top: 0 });
  547. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl2.png").set({ width: 25, height: 5 }), { left: 3, top: 0 });
  548. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_t.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { left: 28, right: 34, top: 0 });
  549. 				this.__btnClose = new webfrontend.ui.SoundButton(null, "FactionUI/icons/icon_close_button.png").set({ appearance: "button-close", width: 23, height: 23, toolTipText: this.tr("tnf:close base view") });
  550. 				this.__btnClose.addListener("execute", this._onClose, this);
  551. 				this._add(this.__btnClose, { top: 6, right: 5 });
  552. 				
  553. 				var app = qx.core.Init.getApplication();
  554. 				app.getDesktop().addListener('resize', this._onResize, this);
  555. 			},
  556. 			
  557. 			destruct: function()
  558. 			{
  559. 				
  560. 			},
  561. 						
  562. 			members: 
  563. 			{    
  564. 				isOpen: false,
  565. 				open: function()
  566. 				{                    
  567. 					this._onResize();
  568. 					var root = this;
  569. 					var app = qx.core.Init.getApplication();
  570. 					app.getDesktop().add(this);
  571. 					
  572. 					var mail = zmail.structure.getInstance();
  573. 					var check = function()
  574. 					{
  575. 						var div = document.getElementById('zdoom_mail_container');
  576. 						if(div)
  577. 						{
  578. 							div.appendChild(mail.dom.window.main);
  579. 							root.isOpen = true;
  580. 						}
  581. 						else setTimeout(check, 1000);
  582. 					};
  583. 					check();
  584. 				},
  585. 				
  586. 				initScriptButton: function()
  587. 				{
  588. 					var init = function()
  589. 					{
  590. 						var app = qx.core.Init.getApplication();
  591. 						var scriptMenu = app.getMenuBar().getScriptsButton();
  592. 						var subMenu = new qx.ui.menu.Menu();
  593. 						var btn  = new qx.ui.menu.Button("Open Window", null, null);
  594. 						scriptMenu.getMenu().setWidth(94);
  595. 						btn.addListener("execute", this.open, this);
  596. 						subMenu.add(btn);
  597. 						scriptMenu.Add("Zmail", null, subMenu);
  598. 					}
  599. 					init.call(this);
  600. 				},
  601. 				
  602. 				_onClose: function ()
  603. 				{
  604. 					var app = qx.core.Init.getApplication();
  605. 					app.getDesktop().remove(this);
  606. 					this.isOpen = false;
  607. 				},
  608. 				
  609. 				_onResize: function()
  610. 				{
  611. 					var app = qx.core.Init.getApplication();
  612. 					var mainOverlay = app.getMainOverlay();
  613. 					var left = (app.getDesktop().getBounds().width - mainOverlay.getWidth()) / 2;
  614. 					this.setUserBounds(left, mainOverlay.getBounds().top, mainOverlay.getWidth(), 546);
  615. 					this.widget.setWidth(mainOverlay.getWidth());
  616. 				},
  617. 				
  618. 				center: function()
  619. 				{
  620. 					var parent = this.getLayoutParent();
  621. 					if (parent) var bh = parent.getBounds();
  622. 					if (bh) var bi = this.getSizeHint();
  623. 					var bg = Math.round((bh.width - bi.width) / 2);
  624. 					var top = this.getBounds().top;
  625. 					this.moveTo(bg,top);
  626. 				}
  627. 			}
  628. 		
  629. 		});
  630. 		
  631. 		
  632. 		qx.Class.define('zmail.compose',
  633. 		{
  634. 			type: 'singleton',
  635. 			extend: qx.ui.container.Composite,
  636. 			
  637. 			construct: function()
  638. 			{
  639. 				this.base(arguments);
  640. 				var layout = new qx.ui.layout.Canvas();
  641. 				this._setLayout(layout);
  642. 				
  643. 				zmail.data.getInstance();
  644. 						
  645. 				var widget = new qx.ui.core.Widget();
  646. 				widget.setPadding(3);
  647. 				widget.setHeight(546);
  648. 				var div = new qx.html.Element('div', null, {'id': 'zdoom_newMail_container'});
  649. 				widget.getContentElement().add(div);
  650. 				this.add(widget, {left: 0, top: 0});
  651. 				this.widget = widget;
  652. 		
  653. 				this.wdgAnchor = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl1.png").set({ width: 3, height: 32 });
  654. 				this.__imgTopRightCorner = new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tr.png").set({ width: 34, height: 35 });
  655. 				this.__backgroundTop = new qx.ui.basic.Image(null);
  656. 				var cntBackgroundTop = new qx.ui.container.Composite(new qx.ui.layout.Canvas()).set({ height: 132 , maxHeight: 132 });
  657. 				var cntBackgroundTopBackground = new qx.ui.container.Composite().set({ backgroundColor: "#000000" });
  658. 				cntBackgroundTop.add(cntBackgroundTopBackground, { left: 0, top: 0, right: 0, bottom: 0 });
  659. 				cntBackgroundTop.add(this.__backgroundTop, { left: 0, top: -10 });
  660. 				this.__background = new qx.ui.basic.Image(null);
  661. 				var cntBackground = new qx.ui.container.Composite(new qx.ui.layout.Canvas());
  662. 				cntBackground.add(this.__background, { left: 0, top: -10 });
  663. 				this._add(cntBackground, { left: -114, top: 132-60 });
  664. 				this._add(cntBackgroundTop, { left: -114, top: -60 });
  665. 				this._add(this.__imgTopRightCorner, { right: 0, top: 0, bottom: 28 });
  666. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_r.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { right: 0, top: 35, bottom: 29 });
  667. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_br.png").set({ width: 5, height: 28, allowGrowY: true, scale: true }), { right: 0, bottom: 0 });
  668. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_b.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { right: 5, bottom: 0, left: 5 });
  669. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_bl.png").set({ width: 5, height: 29 }), { left: 0, bottom: 0 });
  670. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_l.png").set({ width: 3, height: 1, allowGrowY: true, scale: true }), { left: 0, bottom: 29, top: 32 });
  671. 				this._add(this.wdgAnchor, { left: 0, top: 0 });
  672. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_tl2.png").set({ width: 25, height: 5 }), { left: 3, top: 0 });
  673. 				this._add(new qx.ui.basic.Image("webfrontend/ui/common/frame_basewin/frame_basewindow_t.png").set({ width: 1, height: 3, allowGrowX: true, scale: true }), { left: 28, right: 34, top: 0 });
  674. 				this.__btnClose = new webfrontend.ui.SoundButton(null, "FactionUI/icons/icon_close_button.png").set({ appearance: "button-close", width: 23, height: 23, toolTipText: this.tr("tnf:close base view") });
  675. 				this.__btnClose.addListener("execute", this._onClose, this);
  676. 				this._add(this.__btnClose, { top: 6, right: 5 });
  677. 				
  678. 				var app = qx.core.Init.getApplication();
  679. 				app.getDesktop().addListener('resize', this._onResize, this);
  680. 			},
  681. 			
  682. 			destruct: function()
  683. 			{
  684. 				
  685. 			},
  686. 						
  687. 			members: 
  688. 			{  
  689. 				isOpen: false,  
  690. 				open: function()
  691. 				{                    
  692. 					this._onResize();
  693. 					var app = qx.core.Init.getApplication();
  694. 					app.getDesktop().add(this);
  695. 					this.isOpen = true;
  696. 					
  697. 					var mail = zmail.structure.getInstance();
  698. 					var check = function()
  699. 					{
  700. 						var div = document.getElementById('zdoom_newMail_container');
  701. 						if(div) div.appendChild(mail.dom.window.compose);
  702. 						else setTimeout(check, 1000);
  703. 					};
  704. 					check();
  705. 				},
  706. 				
  707. 				_onClose: function()
  708. 				{
  709. 					var app = qx.core.Init.getApplication();
  710. 					app.getDesktop().remove(this);
  711. 					this.isOpen = false;
  712. 				},
  713. 				
  714. 				_onResize: function()
  715. 				{
  716. 					var app = qx.core.Init.getApplication();
  717. 					var mainOverlay = app.getMainOverlay();
  718. 					var left = (app.getDesktop().getBounds().width - mainOverlay.getWidth()) / 2;
  719. 					this.setUserBounds(left, mainOverlay.getBounds().top, mainOverlay.getWidth(), 546);
  720. 					this.widget.setWidth(mainOverlay.getWidth());
  721. 				},
  722. 				
  723. 				center: function()
  724. 				{
  725. 					var parent = this.getLayoutParent();
  726. 					if (parent) var bh = parent.getBounds();
  727. 					if (bh) var bi = this.getSizeHint();
  728. 					var bg = Math.round((bh.width - bi.width) / 2);
  729. 					var top = this.getBounds().top;
  730. 					this.moveTo(bg,top);
  731. 				}
  732. 			}
  733. 		});
  734. 		
  735. 		qx.Class.define('zmail.structure',
  736. 		{
  737. 			type: 'singleton',
  738. 			extend: qx.core.Object,
  739. 			
  740. 			construct: function()
  741. 			{
  742. 				try
  743. 				{
  744. 					var root = this;
  745. 					var callUpdate = function()
  746. 					{
  747. 						root.update.apply(root, arguments);
  748. 					};
  749. 					this.callUpdate = callUpdate;
  750. 					
  751. 					Element.prototype.zm_append = function (arr) 
  752. 					{
  753. 						for (var i = 0; i < arr.length; i++) this.appendChild(arr[i]);
  754. 					};
  755. 					
  756. 					Element.prototype.zm_empty = function()
  757. 					{
  758. 						while(this.firstChild) this.removeChild(this.firstChild);
  759. 					};
  760. 					
  761. 					Element.prototype.zm_css = function(css)
  762. 					{
  763. 						var iterator = function(obj)
  764. 						{
  765. 							for(var x in obj) elm.style[x] = obj[x];
  766. 						};
  767. 						var elm = this;
  768. 						for (var key in css) {
  769. 							var prop = css[key];
  770. 							switch(key)
  771. 							{
  772. 								case 'over': elm.onmouseover = function(){iterator(css['over'])}; break;
  773. 								case 'out': elm.onmouseout = function(){iterator(css['out'])}; break;
  774. 								case 'focus': elm.onfocus = function(){iterator(css['focus'])}; break;
  775. 								case 'blur': elm.onblur = function(){iterator(css['blur'])}; break;
  776. 								default: elm.style[key] = css[key];
  777. 							}
  778. 						}
  779. 					};
  780. 					
  781. 					Element.prototype.zm_prop = function (obj)
  782. 					{
  783. 						for (var key in object) this[key] = obj[key];
  784. 					};
  785. 					
  786. 					this.css.topBar.cont.backgroundImage = this.gradient('#5C5E62', '#3E4042');
  787. 					this.css.searchResults.text.backgroundImage = this.gradient('#5a5a5a', '#4a4a4a');
  788. 					var blueGrd = root.gradient('#3d7fa0', '#31678a');
  789. 					
  790. 					var create = this.create, cssStyles = this.css, text = this.text;
  791. 					
  792. 					var winCont = create('div', cssStyles.window);
  793. 					var topBar = create('div', cssStyles.topBar.main);
  794. 					var topBarCont = create('div', cssStyles.topBar.cont);
  795. 					var leftBar = create('div', cssStyles.leftBar);
  796. 					var logo = create('div', cssStyles.topBar.logo);
  797. 					var tbMenu = create('div', cssStyles.topBar.menu);
  798. 					var middleBar = create('div', cssStyles.middleBar.cont);
  799. 					var rightBar = create('div', cssStyles.rightBar.main);
  800. 					var leftBarWrapper = create('div', cssStyles.tableCellWrapper);
  801. 					var rightBarWrapper = create('div', cssStyles.tableCellWrapper);
  802. 					var middleBarWrapper = create('div', cssStyles.tableCellWrapper);
  803. 					var msgMask = create('div', cssStyles.rightBar.msgMask);
  804. 					var msgCont = create('div', cssStyles.rightBar.msgCont);
  805. 					var msgSbc = create('div', cssStyles.rightBar.scrollBar.cont);
  806. 					var msgSb = create('div', cssStyles.rightBar.scrollBar.bar);
  807. 					var headersMask = create('div', cssStyles.middleBar.headers.mask);
  808. 					var headersSbc = create('div', cssStyles.middleBar.scrollBar.cont);
  809. 					var headersFooter = create('div', cssStyles.middleBar.footer.cont);
  810. 					var headersCont = create('div', cssStyles.middleBar.headers.scroll);
  811. 					var mailIcon = document.createElement('img');
  812. 					var mailText = document.createTextNode('Z'+'MA'+'IL');
  813. 					var expandCont = create('div', cssStyles.compose.rightBar.expand);
  814. 					mailIcon.style.display = 'inline-block';
  815. 					mailIcon.style.verticalAlign = 'top';
  816. 					expandCont.style.backgroundImage = 'url(' + this.res.expandDocument + ')';
  817. 					expandCont.data = {'isExpanded': false, 'isFocused': false};
  818. 					expandCont.onmouseover = function(){this.data.isFocused = true};
  819. 					expandCont.onmouseout = function(){this.data.isFocused = false; this.style.visibility = 'hidden';};
  820. 					expandCont.onclick = function()
  821. 					{
  822. 						var expanded = this.data.isExpanded;
  823. 						this.style.backgroundImage = (expanded) ? 'url('+root.res.expandDocument+')' : 'url('+root.res.contractDocument+')';
  824. 						leftBar.style.display = (expanded) ? 'table-cell' : 'none';
  825. 						middleBar.style.display = (expanded) ? 'table-cell' : 'none';
  826. 						this.data.isExpanded = !expanded;
  827. 					};
  828. 					mailIcon.src = this.res.mail;
  829. 					mailIcon.style.marginRight = '6px';
  830. 					logo.zm_append([mailIcon, mailText]);
  831. 					topBarCont.zm_append([logo, tbMenu]);
  832. 					topBar.appendChild(topBarCont);
  833. 					msgMask.appendChild(msgCont);
  834. 					msgSbc.appendChild(msgSb);
  835. 					rightBarWrapper.zm_append([msgMask, msgSbc]);
  836. 					rightBar.appendChild(rightBarWrapper);
  837. 					headersMask.appendChild(headersCont);
  838. 					middleBarWrapper.zm_append([headersMask, headersSbc, headersFooter]);
  839. 					middleBar.appendChild(middleBarWrapper);
  840. 					winCont.zm_append([topBar, leftBar, middleBar, rightBar]);
  841. 					this.enableScroll(msgSb, msgSbc, msgCont);
  842. 					
  843. 			//middleBar Footer
  844. 					var pagesBar = create('div', cssStyles.middleBar.footer.pagesBar);
  845. 					var pagesInd = create('div', cssStyles.middleBar.footer.indicator);
  846. 					var pagesControlCont = create('div', cssStyles.middleBar.footer.pagesControls.cont);
  847. 					var pagesControlLabel = create('div', cssStyles.middleBar.footer.pagesControls.label);
  848. 					var selectAllCont = create('div', cssStyles.middleBar.footer.selectAll.span);
  849. 					var selectAllCheckBox = create('div', cssStyles.middleBar.footer.selectAll.checkBox);
  850. 					
  851. 					pagesBar.appendChild(pagesInd);
  852. 					selectAllCont.appendChild(selectAllCheckBox);
  853. 					headersFooter.zm_append([pagesBar, selectAllCont, pagesControlLabel, pagesControlCont]);
  854. 					
  855. 					headersFooter.onmouseover = function(){ pagesControlLabel.style.display = 'block' };
  856. 					headersFooter.onmouseout = function(){ pagesControlLabel.style.display = 'none' };
  857. 					
  858. 					var changePage = function(mode)
  859. 					{
  860. 						var f = root.selectedFolder, l = root.folders[f].msgs.length, t = Math.ceil(l / 30) - 1, p = root.selectedPage, np;
  861. 						var populate = function(){ root.populateHeaders.apply(root, arguments) }
  862. 						
  863. 						switch(mode)
  864. 						{
  865. 							case 'next': np = (p + 1 > t) ? t : p + 1; break;
  866. 							case 'previous': np = (p - 1 < 0) ? 0 : p - 1; break;
  867. 							case 'first': np = 0; break;
  868. 							case 'last': np = t; break;
  869. 						}
  870. 						if ( p == np) return;
  871. 						root.selectedPage = np;
  872. 						populate();
  873. 					};
  874. 					
  875. 					['first', 'previous', 'next', 'last'].map(function(btn)
  876. 					{
  877. 						var controlBtn = create('div', cssStyles.middleBar.footer.pagesControls.icon);
  878. 						if (btn == 'previous') controlBtn.style.marginRight = '5px';
  879. 						controlBtn.style.backgroundImage = 'url(' + root.res.controls[btn] + ')';
  880. 						controlBtn.onclick = function(){ changePage(btn) };
  881. 						pagesControlCont.appendChild(controlBtn);
  882. 					});
  883. 					
  884. 					var selectAll = function(){ root.selectAll.apply(root, arguments) };
  885. 					var addGroup = function(){ root.addGroupToSelection.apply(root, arguments) };
  886. 					var removeGroup = function(){ root.removeGroupFromSelection.apply(root, arguments) };
  887. 					selectAllCheckBox.data = {'isChecked': false};
  888. 					selectAllCheckBox.onmousedown = function(){this.style.background = '#202020'};
  889. 					selectAllCheckBox.onmouseup = function()
  890. 					{
  891. 						var isChecked = this.data.isChecked;
  892. 						var color = isChecked ? 'transparent' : '#9f9f9f';
  893. 						this.style.background = color;
  894. 						this.data.isChecked = !isChecked;
  895. 						(root.selectedFolder) ? selectAll(!isChecked) : (isChecked) ? removeGroup() : addGroup();
  896. 					};
  897. 			///////////////////////////////////////////////////////////////////////////////////
  898. 						
  899. 			//Search Messages		
  900. 					var searchBox = create('textField', cssStyles.input.text.search);
  901. 					this.placeHolder(searchBox, 'Search...');
  902. 					
  903. 					var resultsCont = create('div', cssStyles.searchResults.cont);
  904. 					var resultsUl = create('ul', cssStyles.searchResults.ul);
  905. 					var bySender = create('li', cssStyles.searchResults.li.main);
  906. 					var bySubject = create('li', cssStyles.searchResults.li.main);
  907. 					var bySenderCount = create('span', cssStyles.searchResults.count);
  908. 					var bySubjectCount = create('span', cssStyles.searchResults.count);
  909. 					var bySenderUl = create('ul', cssStyles.searchResults.ul);
  910. 					var bySubjectUl = create('ul', cssStyles.searchResults.ul);
  911. 					var bySenderTxt = create('p', cssStyles.searchResults.text);
  912. 					var bySubjectTxt = create('p', cssStyles.searchResults.text);
  913. 					text(bySenderTxt, 'From: ');
  914. 					text(bySubjectTxt, 'Subject: ');
  915. 					bySenderTxt.appendChild(bySenderCount);
  916. 					bySubjectTxt.appendChild(bySubjectCount);
  917. 					bySender.zm_append([bySenderTxt, bySenderUl]);
  918. 					bySubject.zm_append([bySubjectTxt, bySubjectUl]);
  919. 					resultsUl.zm_append([bySender, bySubject]);
  920. 					resultsCont.appendChild(resultsUl);
  921. 					resultsCont.data = {'isFocused': false};
  922. 					
  923. 					var searchFolder = function(){ root.searchFolder.apply(root, arguments) };
  924. 					resultsCont.onmouseover = function(){this.data.isFocused = true};
  925. 					resultsCont.onmouseout = function(){this.data.isFocused = false};
  926. 					
  927. 					searchBox.onkeyup = function()
  928. 					{
  929. 						var str = this.value;
  930. 						searchFolder(str);
  931. 					};
  932. 					
  933. 					searchBox.onblur = function()
  934. 					{
  935. 						if (!resultsCont.data.isFocused) resultsCont.style.display = 'none';
  936. 						this.value = 'Search...';
  937. 						this.style.color = '#333333';
  938. 					};
  939. 					
  940. 			///////////////////////////////////////////////////////////////////////////////////
  941. 			
  942. 			//folders & contacts		
  943. 					var lbList = create('ul', cssStyles.ul.leftBar.main);
  944. 					var foldersLi = create('li', cssStyles.li.leftBar.main);
  945. 					var contactsLi = create('li', cssStyles.li.leftBar.main);
  946. 					var foldersUl = create('ul', cssStyles.ul.leftBar.sub);
  947. 					var contactsUl = create('ul', cssStyles.ul.leftBar.sub);
  948. 					var inboxLi = create('li', cssStyles.li.leftBar.subSelected);
  949. 					var outboxLi = create('li', cssStyles.li.leftBar.sub);
  950. 					var draftLi = create('li', cssStyles.li.leftBar.sub);
  951. 					var junkLi = create('li', cssStyles.li.leftBar.sub);
  952. 					var trashLi = create('li', cssStyles.li.leftBar.sub);
  953. 					var documentsLi = create('li', cssStyles.li.leftBar.sub);
  954. 					var friendsLi = create('li', cssStyles.li.leftBar.sub);
  955. 					var blockedLi = create('li', cssStyles.li.leftBar.sub);
  956. 					var allianceLi = create('li', cssStyles.li.leftBar.sub);
  957. 					var commandersLi = create('li', cssStyles.li.leftBar.sub);
  958. 					var officersLi = create('li', cssStyles.li.leftBar.sub);
  959. 					var alliesLi = create('li', cssStyles.li.leftBar.sub);
  960. 					var groupsLi = create('li', cssStyles.li.leftBar.sub);
  961. 					var inboxTxt = document.createTextNode('Inbox');
  962. 					var outboxTxt = document.createTextNode('Outbox');
  963. 					var draftTxt = document.createTextNode('Draft');
  964. 					var junkTxt = document.createTextNode('Junk');
  965. 					var trashTxt = document.createTextNode('Trash');
  966. 					var documentsTxt = document.createTextNode('Documents');
  967. 					var friendsTxt = document.createTextNode('Friends');
  968. 					var blockedTxt = document.createTextNode('Blocked');
  969. 					var allianceTxt = document.createTextNode('Alliance');
  970. 					var commandersTxt = document.createTextNode('Commanders');
  971. 					var officersTxt = document.createTextNode('Officers');
  972. 					var alliesTxt = document.createTextNode('Allies');
  973. 					var groupsTxt = document.createTextNode('Groups');
  974. 					
  975. 					inboxLi.appendChild(inboxTxt);
  976. 					outboxLi.appendChild(outboxTxt);
  977. 					draftLi.appendChild(draftTxt);
  978. 					junkLi.appendChild(junkTxt);
  979. 					trashLi.appendChild(trashTxt);
  980. 					documentsLi.appendChild(documentsTxt);
  981. 					friendsLi.appendChild(friendsTxt);
  982. 					blockedLi.appendChild(blockedTxt);
  983. 					allianceLi.appendChild(allianceTxt);
  984. 					commandersLi.appendChild(commandersTxt);
  985. 					officersLi.appendChild(officersTxt);
  986. 					alliesLi.appendChild(alliesTxt);
  987. 					groupsLi.appendChild(groupsTxt);
  988. 					
  989. 					var changeFolder = function(folder)
  990. 					{
  991. 						if (root.selectedGroup) root.dom.leftBar.items[root.selectedGroup].zm_css(cssStyles.li.leftBar.sub);
  992. 						if (root.selectedFolder) root.dom.leftBar.items[root.selectedFolder].zm_css(cssStyles.li.leftBar.sub);
  993. 						root.dom.leftBar.items[folder].zm_css(cssStyles.li.leftBar.subSelected);
  994. 						root.selectedFolder = folder;
  995. 						root.selectedGroup = false;
  996. 						root.resetMsgCont(1);
  997. 						root.selectedPage = 0;
  998. 						root.populateHeaders();
  999. 						searchBox.disabled = false;
  1000. 						msgSb.data.update();
  1001. 					};
  1002. 					
  1003. 					var changeGroup = function(group)
  1004. 					{
  1005. 						if (root.selectedGroup) root.dom.leftBar.items[root.selectedGroup].zm_css(cssStyles.li.leftBar.sub);
  1006. 						if (root.selectedFolder) root.dom.leftBar.items[root.selectedFolder].zm_css(cssStyles.li.leftBar.sub);
  1007. 						root.dom.leftBar.items[group].zm_css(cssStyles.li.leftBar.subSelected);
  1008. 						root.selectedGroup = group;
  1009. 						root.selectedFolder = false;
  1010. 						root.populateContacts();
  1011. 						searchBox.disabled = true;
  1012. 						msgSb.data.update();
  1013. 					};
  1014. 					
  1015. 					[[inboxLi,'inbox'],[outboxLi,'outbox'],[draftLi,'draft'],[junkLi,'junk'],[trashLi,'trash'],[documentsLi,'documents']].map(function(Item)
  1016. 					{
  1017. 						Item[0].onclick = function(){ changeFolder(Item[1]) }
  1018. 					});
  1019. 					
  1020. 					[[friendsLi,'friends'],[blockedLi,'blocked'],[allianceLi,'alliance'],[commandersLi,'commanders'], [officersLi,'officers'], [alliesLi,'allies'], [groupsLi,'groups']].map(function(Item)
  1021. 					{
  1022. 						Item[0].onclick = function(){ changeGroup(Item[1]) }
  1023. 					});
  1024. 					
  1025. 					foldersUl.zm_append([inboxLi, outboxLi, draftLi, junkLi, trashLi, documentsLi]);
  1026. 					contactsUl.zm_append([allianceLi, commandersLi, officersLi, alliesLi, friendsLi, blockedLi, groupsLi]);
  1027. 					foldersLi.zm_append([document.createTextNode('Folders'), foldersUl]);
  1028. 					contactsLi.zm_append([document.createTextNode('Contacts'), contactsUl]);
  1029. 					lbList.zm_append([foldersLi, contactsLi]);
  1030. 					leftBarWrapper.zm_append([searchBox, lbList, resultsCont]);
  1031. 					leftBar.appendChild(leftBarWrapper);
  1032. 					
  1033. 					this.dom.leftBar.folders.inbox = inboxTxt;
  1034. 					this.dom.leftBar.folders.outbox = outboxTxt;
  1035. 					this.dom.leftBar.folders.junk = junkTxt;
  1036. 					this.dom.leftBar.folders.trash = trashTxt;
  1037. 					this.dom.leftBar.folders.draft = draftTxt;
  1038. 					this.dom.leftBar.folders.documents = documentsTxt;
  1039. 					this.dom.leftBar.contacts.friends = friendsTxt;
  1040. 					this.dom.leftBar.contacts.blocked = blockedTxt;
  1041. 					this.dom.leftBar.contacts.alliance = allianceTxt;
  1042. 					this.dom.leftBar.contacts.commanders = commandersTxt;
  1043. 					this.dom.leftBar.contacts.officers = officersTxt;
  1044. 					this.dom.leftBar.contacts.allies = alliesTxt;
  1045. 					this.dom.leftBar.contacts.groups = groupsTxt;
  1046. 					this.dom.leftBar.items.inbox = inboxLi;
  1047. 					this.dom.leftBar.items.outbox = outboxLi;
  1048. 					this.dom.leftBar.items.junk = junkLi;
  1049. 					this.dom.leftBar.items.trash = trashLi;
  1050. 					this.dom.leftBar.items.draft = draftLi;
  1051. 					this.dom.leftBar.items.documents = documentsLi;
  1052. 					this.dom.leftBar.items.friends = friendsLi;
  1053. 					this.dom.leftBar.items.blocked = blockedLi;
  1054. 					this.dom.leftBar.items.alliance = allianceLi;
  1055. 					this.dom.leftBar.items.commanders = commandersLi;
  1056. 					this.dom.leftBar.items.officers = officersLi;
  1057. 					this.dom.leftBar.items.allies = alliesLi;
  1058. 					this.dom.leftBar.items.groups = groupsLi;
  1059. 					this.dom.leftBar.searchBox = searchBox;
  1060. 			///////////////////////////////////////////////////////////////////////////////////
  1061. 			
  1062. 			//selected contacts container
  1063. 					var sc_mainCont = document.createElement('div');
  1064. 					var sc_upperCont = create('div', cssStyles.rightBar.contacts.topWrapper);
  1065. 					var sc_lowerCont = create('div', cssStyles.rightBar.contacts.bottomWrapper);
  1066. 					var sc_header = create('div', cssStyles.message.subject);
  1067. 					var sc_contactsMain = create('div', cssStyles.rightBar.contacts.main);
  1068. 					var sc_contactsMask = create('div', cssStyles.rightBar.contacts.mask);
  1069. 					var sc_contactsSbc = create('div', cssStyles.rightBar.contacts.scrollbar.cont);
  1070. 					var sc_contactsSb = create('div', cssStyles.rightBar.contacts.scrollbar.bar);
  1071. 					var sc_contactsCont = create('div', cssStyles.rightBar.contacts.cont);
  1072. 					var sc_findPlayer = create('textField', cssStyles.rightBar.contacts.search);
  1073. 					var sc_removeAll = create('div', cssStyles.rightBar.contacts.button.disabled);
  1074. 					var sc_message = create('div', cssStyles.rightBar.contacts.button.disabled);
  1075. 					var sc_addToSelection = create('div', cssStyles.rightBar.contacts.button.active);
  1076. 					var sc_addAsFriend = create('div', cssStyles.rightBar.contacts.button.active);
  1077. 					var sc_block = create('div', cssStyles.rightBar.contacts.button.active);
  1078. 					var sc_resultsCont = create('div', cssStyles.rightBar.contacts.results.cont);
  1079. 					var sc_resultsMask = create('div', cssStyles.rightBar.contacts.results.mask);
  1080. 					var sc_resultsContentCont = create('div', cssStyles.rightBar.contacts.results.contentsCont);
  1081. 					var sc_resultsSbc = create('div', cssStyles.rightBar.contacts.results.scrollbar.cont);
  1082. 					var sc_saveGroup = create('div', cssStyles.rightBar.contacts.saveButton.cont.disabled);
  1083. 					var sc_saveGroupOptions = create('span', cssStyles.rightBar.contacts.saveButton.span);
  1084. 					var sc_saveNewGroup = create('div', cssStyles.rightBar.contacts.saveButton.sub);
  1085. 					var sc_saveExistedGroup = create('div', cssStyles.rightBar.contacts.saveButton.sub);
  1086. 					text(sc_header, 'No contacts selected.');
  1087. 					text(sc_removeAll, 'Remove all');
  1088. 					text(sc_message, 'Message');
  1089. 					text(sc_saveGroup, 'Save group');
  1090. 					text(sc_saveNewGroup, 'New group');
  1091. 					text(sc_saveExistedGroup, 'Existed group');
  1092. 					text(sc_addToSelection, 'Add to selection');
  1093. 					text(sc_addAsFriend, 'Add as friend');
  1094. 					text(sc_block, 'Block');
  1095. 					this.placeHolder(sc_findPlayer, 'Find player...');
  1096. 					sc_mainCont.style.overflow = 'hidden';
  1097. 					sc_removeAll.zm_css({'display': 'inline-block', 'verticalAlign': 'top', 'width': '101px'});
  1098. 					sc_message.zm_css({'display': 'inline-block', 'verticalAlign': 'top', 'marginLeft': '5px', 'width': '80px'});
  1099. 					[sc_addToSelection, sc_addAsFriend, sc_block].map(function(x){ x.zm_css({'width': '120px', 'margin': '0 auto 5px auto'}) });
  1100. 					root.enableScroll(sc_contactsSb, sc_contactsSbc, sc_contactsCont);
  1101. 					sc_mainCont.style.height = '471px';
  1102. 					sc_lowerCont.style.display = 'none';
  1103. 					
  1104. 					sc_saveGroupOptions.zm_append([sc_saveNewGroup, sc_saveExistedGroup]);
  1105. 					sc_saveGroup.appendChild(sc_saveGroupOptions);
  1106. 					sc_resultsMask.appendChild(sc_resultsContentCont);
  1107. 					sc_resultsCont.zm_append([sc_resultsMask, sc_resultsSbc]);
  1108. 					sc_contactsSbc.appendChild(sc_contactsSb);
  1109. 					sc_contactsMask.appendChild(sc_contactsCont);
  1110. 					sc_contactsMain.zm_append([sc_contactsMask, sc_contactsSbc]);
  1111. 					sc_upperCont.zm_append([sc_contactsMain, sc_findPlayer, sc_removeAll, sc_message]);
  1112. 					sc_lowerCont.zm_append([sc_addToSelection, sc_addAsFriend, sc_block]);
  1113. 					sc_mainCont.zm_append([sc_header, sc_upperCont, sc_lowerCont, sc_resultsCont, sc_saveGroup]);
  1114. 					
  1115. 					this.dom.rightBar.contacts.main = sc_mainCont;
  1116. 					this.dom.rightBar.contacts.lowerCont = sc_lowerCont;
  1117. 					this.dom.rightBar.contacts.header = sc_header;
  1118. 					this.dom.rightBar.contacts.cont = sc_contactsCont;
  1119. 					this.dom.rightBar.contacts.bar = sc_contactsSb;
  1120. 					this.dom.rightBar.contacts.search = sc_findPlayer;
  1121. 					this.dom.rightBar.contacts.results = sc_resultsCont;
  1122. 					this.dom.rightBar.contacts.scrollbarCont = sc_resultsSbc;
  1123. 					this.dom.rightBar.contacts.contentsCont = sc_resultsContentCont;
  1124. 					this.dom.rightBar.contacts.buttons.removeAll = sc_removeAll;
  1125. 					this.dom.rightBar.contacts.buttons.message = sc_message;
  1126. 					this.dom.rightBar.contacts.buttons.addToSelection = sc_addToSelection;
  1127. 					this.dom.rightBar.contacts.buttons.addAsFriend = sc_addAsFriend;
  1128. 					this.dom.rightBar.contacts.buttons.block = sc_block;
  1129. 					this.dom.rightBar.contacts.buttons.saveGroup = sc_saveGroup;
  1130. 					
  1131. 					
  1132. 					var addFriend = function(){ root.addFriend.apply(root, arguments) };
  1133. 					var removeFriend = function(){ root.removeFriend.apply(root, arguments) };
  1134. 					var blockContact = function(){ root.blockContact.apply(root, arguments) };
  1135. 					var unblockContact = function(){ root.unblockContact.apply(root, arguments) };
  1136. 					var removeAllSelectedContacts = function(){ root.removeAllSelectedContacts.apply(root, arguments) };
  1137. 					var addContact = function(){ root.addToSelection.apply(root, arguments) };
  1138. 					var removeContact = function(){ root.removeFromSelection.apply(root, arguments) };
  1139. 					var setContactOptions = function(){ root.setContactOptions.apply(root, arguments) };
  1140. 					var newMail = function(){ root.openNewMail.apply(root, arguments) };
  1141. 					var saveNewGroup = function(){ root.saveNewGroup.apply(root, arguments) };
  1142. 					var saveExistedGroup = function(){ root.saveExistedGroup.apply(root, arguments) };
  1143. 					
  1144. 					sc_addToSelection.data = {'add':addContact, 'remove':removeContact, 'id':null, 'mode':null, 'update':setContactOptions};
  1145. 					sc_addAsFriend.data = {'add':addFriend, 'remove':removeFriend, 'id':null, 'mode':null, 'update':setContactOptions};
  1146. 					sc_block.data = {'block':blockContact, 'unblock':unblockContact, 'id':null, 'mode':null, 'update':setContactOptions};
  1147. 					sc_removeAll.data = {};
  1148. 					sc_message.data = {};
  1149. 					sc_saveGroup.data = {'isExpanded': false, 'isEnabled': false};
  1150. 					sc_saveGroupOptions.data = {'isFocused': false};
  1151. 					
  1152. 					sc_addToSelection.onclick = function()
  1153. 					{
  1154. 						((this.data.isEnabled)&&(this.data.mode == 'add')) ? this.data.add(this.data.id) : this.data.remove(this.data.id);
  1155. 						this.data.update(this.data.id);
  1156. 					};
  1157. 					sc_addAsFriend.onclick = function()
  1158. 					{
  1159. 						((this.data.isEnabled)&&(this.data.mode == 'add')) ? this.data.add(this.data.id) : this.data.remove(this.data.id);
  1160. 						this.data.update(this.data.id);
  1161. 					};
  1162. 					sc_block.onclick = function()
  1163. 					{
  1164. 						((this.data.isEnabled)&&(this.data.mode == 'block')) ? this.data.block(this.data.id) : this.data.unblock(this.data.id);
  1165. 						this.data.update(this.data.id);
  1166. 					};
  1167. 					sc_removeAll.onclick = removeAllSelectedContacts;
  1168. 					sc_saveGroup.onclick = function()
  1169. 					{
  1170. 						var enabled = this.data.isEnabled;
  1171. 						if (enabled)
  1172. 						{
  1173. 							var expanded = this.data.isExpanded;
  1174. 							sc_saveGroupOptions.style.display = (expanded) ? 'none' : 'block';
  1175. 							this.data.isExpanded = !expanded;
  1176. 						}
  1177. 					};
  1178. 					sc_saveNewGroup.addEventListener('mouseover', function(){sc_saveGroupOptions.data.isFocused = true;}, false);
  1179. 					sc_saveExistedGroup.addEventListener('mouseover', function(){sc_saveGroupOptions.data.isFocused = true;}, false);
  1180. 					sc_saveGroupOptions.addEventListener('mouseout', function()
  1181. 					{
  1182. 						sc_saveGroupOptions.data.isFocused = false;
  1183. 						setTimeout(function()
  1184. 						{
  1185. 							var expanded = sc_saveGroup.data.isExpanded, focused = sc_saveGroupOptions.data.isFocused;
  1186. 							if (expanded && !focused)
  1187. 							{
  1188. 								sc_saveGroupOptions.style.display = 'none';
  1189. 								sc_saveGroup.data.isExpanded = false;
  1190. 							}
  1191. 						}, 50);
  1192. 					}, false);
  1193. 					
  1194. 					sc_saveNewGroup.onclick = function()
  1195. 					{
  1196. 						sc_saveGroupOptions.style.display = 'none';
  1197. 						sc_saveGroupOptions.data.isFocused = false;
  1198. 						sc_saveGroup.data.isExpanded = false;
  1199. 						saveNewGroup();
  1200. 					};
  1201. 					
  1202. 					sc_saveExistedGroup.onclick = function()
  1203. 					{
  1204. 						sc_saveGroupOptions.style.display = 'none';
  1205. 						sc_saveGroupOptions.data.isFocused = false;
  1206. 						sc_saveGroup.data.isExpanded = false;
  1207. 						saveExistedGroup();
  1208. 					};
  1209. 					
  1210. 					sc_message.onclick = function(){ if(this.data.isEnabled) newMail(1) };
  1211. 					
  1212. 					[sc_addToSelection, sc_addAsFriend, sc_block, sc_removeAll, sc_message, sc_saveGroup].map(function(btn)
  1213. 					{
  1214. 						var enable = function()
  1215. 						{
  1216. 							this.zm_css(cssStyles.rightBar.contacts.button.active);
  1217. 							this.data.isEnabled = true;
  1218. 						};
  1219. 						var disable = function()
  1220. 						{
  1221. 							this.zm_css(cssStyles.rightBar.contacts.button.disabled);
  1222. 							this.data.isEnabled = false;
  1223. 						}
  1224. 						btn.data.enable = function(){ enable.call(btn) };
  1225. 						btn.data.disable = function(){ disable.call(btn) };
  1226. 						btn.data.isEnabled = (btn == sc_saveGroup) ? false : true;
  1227. 					});
  1228. 					sc_resultsCont.onmouseover = function(){sc_findPlayer.data.isContFocused = true};
  1229. 					sc_resultsCont.onmouseout = function(){sc_findPlayer.data.isContFocused = false};
  1230. 					sc_lowerCont.onmouseover = function(){sc_findPlayer.data.isContFocused = true};
  1231. 					sc_lowerCont.onmouseout = function(){sc_findPlayer.data.isContFocused = false};
  1232. 					sc_findPlayer.data = {'results': [], 'selectedIndex': 0, 'selectedGroup': 'results', 'selectedButton': 0, 'isContOpen': false, 'isContFocused': false, 'buttons': [sc_addToSelection, sc_addAsFriend, sc_block]};
  1233. 					sc_findPlayer.onblur = function()
  1234. 					{
  1235. 						if (this.data.isContOpen && !this.data.isContFocused)
  1236. 						{
  1237. 							this.value = 'Find player...';
  1238. 							this.data.selectedGroup = 'results';
  1239. 							this.data.buttons[this.data.selectedButton].zm_css({'background': '#4e4e4e', 'color': '#8b8b8b'});
  1240. 							this.data.selectedButton = 0;
  1241. 							this.data.selectedIndex = 0;
  1242. 							sc_resultsCont.style.display = 'none';
  1243. 							sc_lowerCont.style.display = 'none';
  1244. 							sc_saveGroup.style.display = 'block';
  1245. 						}
  1246. 					};
  1247. 					sc_findPlayer.onkeyup = function(event)
  1248. 					{
  1249. 						if(!event) event = window.event;
  1250. 						root.preventDefaults(event);
  1251. 						var populate = function(){ root.findContact.apply(root, arguments) };
  1252. 						var changeSelection = function(){ root.changeContactSelection.apply(root, arguments) };
  1253. 						var updateOptions = function(){ root.setContactOptions.apply(root, arguments) };
  1254. 						var group = this.data.selectedGroup, btns = this.data.buttons;
  1255. 						var i = this.data.selectedButton, l = btns.length, parent = this;
  1256. 						var changeButton = function(mode)
  1257. 						{
  1258. 							var getIndex = function(mode, x)
  1259. 							{
  1260. 								return (mode) ? ((i + x) % l) : ((i - x < 0) ? l - x : i - x);
  1261. 							};
  1262. 							var n = (btns[getIndex(mode, 1)].data.isEnabled) ? getIndex(mode, 1) : getIndex(mode, 2);
  1263. 							if(btns[i].data.isEnabled) btns[i].zm_css({'background': '#4e4e4e', 'color': '#8b8b8b'});
  1264. 							if(btns[n].data.isEnabled) btns[n].zm_css({'background': '#266589', 'color': '#c2c2c2'});
  1265. 							parent.data.selectedButton = n;
  1266. 						}
  1267. 						if([37, 38, 39, 40, 13, 9].indexOf(event.keyCode) == -1)
  1268. 						{
  1269. 							populate(this.value);
  1270. 						}
  1271. 						if(event.keyCode == 38 && this.data.isContOpen)
  1272. 						{
  1273. 							group == 'results' ? changeSelection(false) : changeButton(false);
  1274. 						}
  1275. 						if(event.keyCode == 40 && this.data.isContOpen)
  1276. 						{
  1277. 							group == 'results' ? changeSelection(true) : changeButton(true);
  1278. 						}
  1279. 						if(event.keyCode == 37 && this.data.isContOpen && group == 'buttons')
  1280. 						{
  1281. 							this.data.selectedGroup = 'results';
  1282. 							var selectedButton = this.data.buttons[this.data.selectedButton];
  1283. 							if(selectedButton.data.isEnabled) selectedButton.zm_css({'background': '#4e4e4e', 'color': '#8b8b8b'});
  1284. 							this.data.selectedButton = 0;
  1285. 						}
  1286. 						if(event.keyCode == 39 && this.data.isContOpen && group == 'results')
  1287. 						{
  1288. 							this.data.selectedGroup = 'buttons';
  1289. 							this.data.buttons[0].zm_css({'background': '#266589', 'color': '#c2c2c2'});
  1290. 						}
  1291. 						if(event.keyCode == 13 && this.data.isContOpen)
  1292. 						{
  1293. 							if (group == 'buttons')
  1294. 							{
  1295. 								this.data.buttons[this.data.selectedButton].onclick();
  1296. 								updateOptions(this.data.results[this.data.selectedIndex].data.id);
  1297. 								var button = this.data.buttons[this.data.selectedButton];
  1298. 								if (button.data.isEnabled) button.zm_css({'background': '#266589', 'color': '#c2c2c2'});
  1299. 								else
  1300. 								{
  1301. 									this.data.buttons[0].zm_css({'background': '#266589', 'color': '#c2c2c2'});
  1302. 									this.data.selectedButton = 0;
  1303. 								}
  1304. 							}
  1305. 						}
  1306. 					};
  1307. 					
  1308. 			///////////////////////////////////////////////////////////////////////////////////
  1309. 			
  1310. 			//tools bar		
  1311. 					var toolsConstructor = function()
  1312. 					{
  1313. 						var inboxMsg = create('ul', cssStyles.ul.toolbar.main);
  1314. 						var newMsg = create('li', cssStyles.li.toolbar.withIcon);
  1315. 						var reply = create('li', cssStyles.li.toolbar.withDrop);
  1316. 						var mark = create('li', cssStyles.li.toolbar.withDrop);
  1317. 						var trash = create('li', cssStyles.li.toolbar.textOnly);
  1318. 						var restore = create('li', cssStyles.li.toolbar.textOnly);
  1319. 						var empty = create('li', cssStyles.li.toolbar.textOnly);
  1320. 						var del = create('li', cssStyles.li.toolbar.textOnly);
  1321. 						var newMsgIcon = create('span', cssStyles.li.toolbar.newIcon);
  1322. 						var junk = create('li', cssStyles.li.toolbar.textOnly);
  1323. 						var notJunk = create('li', cssStyles.li.toolbar.textOnly);
  1324. 						var markDrop = create('span', cssStyles.li.toolbar.drop);
  1325. 						var replyDrop = create('span', cssStyles.li.toolbar.drop);
  1326. 						var replyDropMenu = create('ul', cssStyles.ul.toolbar.sub);
  1327. 						var markDropMenu = create('ul', cssStyles.ul.toolbar.sub);
  1328. 						var replyTo = create('li', cssStyles.li.toolbar.sub);
  1329. 						var replyToAll = create('li', cssStyles.li.toolbar.sub);
  1330. 						var forwardTo = create('li', cssStyles.li.toolbar.sub);
  1331. 						var read = create('li', cssStyles.li.toolbar.sub);
  1332. 						var unread = create('li', cssStyles.li.toolbar.sub);
  1333. 						var editDraft = create('li', cssStyles.li.toolbar.textOnly);
  1334. 						var deleteDraft = create('li', cssStyles.li.toolbar.textOnly);
  1335. 						var toDocuments = create('li', cssStyles.li.toolbar.textOnly);
  1336. 						var notDocument = create('li', cssStyles.li.toolbar.textOnly);
  1337. 						var fwdMsg = create('li', cssStyles.li.toolbar.textOnly);
  1338. 						var tabs = [newMsg, reply, mark, del, junk, trash, notJunk, restore, empty, editDraft, deleteDraft, toDocuments, notDocument, fwdMsg];
  1339. 						tabs.map(function(key)
  1340. 						{
  1341. 							key.addEventListener('mouseover', function(){this.style.backgroundImage = blueGrd}, false);
  1342. 							key.addEventListener('mouseout', function(){this.style.backgroundImage = 'none'}, false);
  1343. 							key.addEventListener('click', function(){this.style.backgroundImage = 'none'}, false);
  1344. 						});
  1345. 						text(newMsg, 'New');
  1346. 						text(reply, 'Reply');
  1347. 						text(del, 'Delete');
  1348. 						text(mark, 'Mark');
  1349. 						text(junk, 'Junk');
  1350. 						text(notJunk, 'Not Junk');
  1351. 						text(trash, 'Trash');
  1352. 						text(empty, 'Empty');
  1353. 						text(restore, 'Restore');
  1354. 						text(replyTo, 'Reply');
  1355. 						text(replyToAll, 'Reply all');
  1356. 						text(forwardTo, 'Forward');
  1357. 						text(read, 'Read');
  1358. 						text(unread, 'Unread');
  1359. 						text(editDraft, 'Edit');
  1360. 						text(deleteDraft, 'Delete');
  1361. 						text(toDocuments, 'Document');
  1362. 						text(notDocument, 'Move to Inbox');
  1363. 						text(fwdMsg, 'Forward');
  1364. 						markDrop.style.backgroundImage = 'url(' + root.res.drop + ')';
  1365. 						replyDrop.style.backgroundImage = 'url(' + root.res.drop + ')';
  1366. 						newMsgIcon.style.backgroundImage = 'url(' + root.res.compose + ')';
  1367. 						forwardTo.style.borderBottom = 'none';
  1368. 						unread.style.borderBottom = 'none';
  1369. 						replyDropMenu.zm_append([replyTo, replyToAll, forwardTo]);
  1370. 						markDropMenu.zm_append([read, unread]);
  1371. 						newMsg.appendChild(newMsgIcon);
  1372. 						mark.zm_append([markDrop, markDropMenu]);
  1373. 						reply.zm_append([replyDrop, replyDropMenu]);
  1374. 						inboxMsg.appendChild(newMsg);
  1375. 						
  1376. 						newMsg.onclick = root.callMethod('openNewMail');
  1377. 						replyTo.onclick = root.callMethod('reply');
  1378. 						replyToAll.onclick = root.callMethod('replyToAll');
  1379. 						forwardTo.onclick = root.callMethod('forwardMsg');
  1380. 						junk.onclick = root.callMethod('toJunk');
  1381. 						notJunk.onclick = root.callMethod('notJunk');
  1382. 						trash.onclick = root.callMethod('toTrash');
  1383. 						restore.onclick = root.callMethod('notTrash');
  1384. 						del.onclick = root.callMethod('deleteMsg');
  1385. 						empty.onclick = root.callMethod('emptyFolder');
  1386. 						read.onclick = root.callMethod('markRead', true);
  1387. 						unread.onclick = root.callMethod('markRead', false);
  1388. 						editDraft.onclick = root.callMethod('editDraft');
  1389. 						deleteDraft.onclick = root.callMethod('deleteDraft');
  1390. 						toDocuments.onclick = root.callMethod('toDocuments');
  1391. 						notDocument.onclick = root.callMethod('notDocument');
  1392. 						fwdMsg.onclick = root.callMethod('forwardMsg');
  1393. 						
  1394. 						var attachSub = function(btn, menu)
  1395. 						{
  1396. 							btn.data = {'isActive': false};
  1397. 							menu.data = {'isFocused': false};
  1398. 							btn.addEventListener('mouseover', function()
  1399. 							{
  1400. 								var isActive = this.data.isActive;
  1401. 								menu.style.display = (isActive) ? 'none' : 'block';
  1402. 								this.data.isActive = !isActive;
  1403. 							}, false);
  1404. 							btn.addEventListener('mouseout', function()
  1405. 							{
  1406. 								setTimeout(function(){if(!menu.data.isFocused){menu.style.display = 'none'; btn.data.isActive = false;}}, 100);
  1407. 							}, false);
  1408. 							menu.addEventListener('mouseover', function(){this.data.isFocused = true;}, false);
  1409. 							menu.addEventListener('mouseout', function()
  1410. 							{
  1411. 								this.data.isFocused = false;
  1412. 								setTimeout(function(){if(!menu.data.isFocused){menu.style.display = 'none'; btn.data.isActive = false;}}, 100);
  1413. 							}, false);
  1414. 							menu.addEventListener('click',  function()
  1415. 							{
  1416. 								this.data.isFocused = false;
  1417. 								menu.style.display = 'none';
  1418. 								btn.data.isActive = false;
  1419. 							}, false);
  1420. 						}
  1421. 						attachSub(replyDrop, replyDropMenu);
  1422. 						attachSub(markDrop, markDropMenu);
  1423. 						
  1424. 						root.dom.toolBar.compose = newMsg;
  1425. 						root.dom.topBar.toolbar.newMsg = newMsg;
  1426. 						root.dom.topBar.toolbar.reply = reply;
  1427. 						root.dom.topBar.toolbar.trash = trash;
  1428. 						root.dom.topBar.toolbar.delMsg = del;
  1429. 						root.dom.topBar.toolbar.junk = junk;
  1430. 						root.dom.topBar.toolbar.notJunk = notJunk;
  1431. 						root.dom.topBar.toolbar.restore = restore;
  1432. 						root.dom.topBar.toolbar.empty = empty;
  1433. 						root.dom.topBar.toolbar.mark = mark;
  1434. 						root.dom.topBar.toolbar.editDraft = editDraft;
  1435. 						root.dom.topBar.toolbar.deleteDraft = deleteDraft;
  1436. 						root.dom.topBar.toolbar.toDocuments = toDocuments;
  1437. 						root.dom.topBar.toolbar.notDocument = notDocument;
  1438. 						root.dom.topBar.toolbar.forwardMsg = fwdMsg;
  1439. 						this.inboxMsg = inboxMsg;
  1440. 					};
  1441. 					
  1442. 					var toolbars = new toolsConstructor();
  1443. 					tbMenu.appendChild(toolbars.inboxMsg);
  1444. 			///////////////////////////////////////////////////////////////////////////////////
  1445. 			
  1446. 			//create main dom tree		
  1447. 					this.dom.window.main = winCont;
  1448. 					this.dom.rightBar.cont = rightBar;
  1449. 					this.dom.rightBar.msgCont = msgCont;
  1450. 					this.dom.rightBar.scrollBar.cont = msgSbc;
  1451. 					this.dom.rightBar.scrollBar.bar = msgSb;
  1452. 					this.dom.rightBar.expandCont = expandCont;
  1453. 					this.dom.searchResults.cont = resultsCont;
  1454. 					this.dom.searchResults.sender.count = bySenderCount;
  1455. 					this.dom.searchResults.subject.count = bySubjectCount;
  1456. 					this.dom.searchResults.sender.list = bySenderUl;
  1457. 					this.dom.searchResults.subject.list = bySubjectUl;
  1458. 					this.dom.middleBar.headersCont = headersCont;
  1459. 					this.dom.middleBar.scrollBar.cont = headersSbc;
  1460. 					this.dom.middleBar.footer.selectAll = selectAllCheckBox;
  1461. 					this.dom.middleBar.footer.pagesCount = pagesControlLabel;
  1462. 					this.dom.middleBar.footer.indicator = pagesInd;
  1463. 					this.dom.middleBar.footer.controlCont = pagesControlCont;
  1464. 					this.dom.topBar.logo = logo;
  1465. 					this.dom.topBar.menu = toolbars.inboxMsg;
  1466. 			///////////////////////////////////////////////////////////////////////////////////
  1467. 			
  1468. 			//compose message container		
  1469. 					var composeCont = create('div', cssStyles.compose.window);
  1470. 					var c_topBar = create('div', cssStyles.topBar.main);
  1471. 					var c_topBarCont = create('div', cssStyles.topBar.cont);
  1472. 					var c_leftBar = create('div', cssStyles.compose.leftBar.cont);
  1473. 					var c_rightBar = create('div', cssStyles.compose.rightBar.cont);
  1474. 					var c_leftBarWrapper = create('div', cssStyles.tableCellWrapper);
  1475. 					var c_rightBarWrapper = create('div', cssStyles.tableCellWrapper);
  1476. 					var c_logo = logo.cloneNode(true);
  1477. 					var c_tbMenu = create('div', cssStyles.topBar.menu);
  1478. 					var c_recipients = create('div', cssStyles.compose.leftBar.recipients.main);
  1479. 					var c_recipientsMask = create('div', cssStyles.compose.leftBar.recipients.mask);
  1480. 					var c_recipientsCont = create('div', cssStyles.compose.leftBar.recipients.cont);
  1481. 					var c_recipientsSbc = create('div', cssStyles.compose.leftBar.recipients.scrollbar.cont);
  1482. 					var c_recipientsSb = create('div', cssStyles.compose.leftBar.recipients.scrollbar.bar);
  1483. 					var c_searchResults = create('div', cssStyles.compose.leftBar.recipients.searchBox.cont);
  1484. 					var c_contacts = create('div', cssStyles.compose.leftBar.contacts.cont);
  1485. 					var c_subject = create('textField', cssStyles.compose.rightBar.textField);
  1486. 					var c_msgToolbar = create('div', cssStyles.compose.rightBar.toolbar.cont);
  1487. 					var c_msgBody = create('iframe', cssStyles.compose.rightBar.textArea);
  1488. 					var c_expandCont = create('div', cssStyles.compose.rightBar.expand);
  1489. 					
  1490. 					//table options
  1491. 					var c_tableOptions = create('div', cssStyles.tableCellWrapper);
  1492. 					var c_rowsCont = create('div', cssStyles.compose.leftBar.tableOptions.inputCont);
  1493. 					var c_rowsInput = create('textField', cssStyles.compose.leftBar.tableOptions.input);
  1494. 					var c_rowsLabel = create('div', cssStyles.compose.leftBar.tableOptions.label);
  1495. 					var c_colsInput = create('textField', cssStyles.compose.leftBar.tableOptions.input);
  1496. 					var c_colsCont = create('div', cssStyles.compose.leftBar.tableOptions.inputCont);
  1497. 					var c_colsLabel = create('div', cssStyles.compose.leftBar.tableOptions.label);
  1498. 					var c_headerCheckbox = create('div', cssStyles.compose.leftBar.tableOptions.checkbox);
  1499. 					var c_headerLabel = create('span', cssStyles.compose.leftBar.tableOptions.span);
  1500. 					var c_expandCheckbox = create('div', cssStyles.compose.leftBar.tableOptions.checkbox);
  1501. 					var c_expandLabel = create('span', cssStyles.compose.leftBar.tableOptions.span);
  1502. 					var c_addTable = create('div', cssStyles.compose.leftBar.tableOptions.button);
  1503. 					var c_cancelTable = create('div', cssStyles.compose.leftBar.tableOptions.button);
  1504. 					text(c_rowsLabel, 'Rows');
  1505. 					text(c_colsLabel, 'Columns');
  1506. 					text(c_headerLabel, 'Header');
  1507. 					text(c_expandLabel, 'Expand horizontally');
  1508. 					text(c_addTable, 'Add table');
  1509. 					text(c_cancelTable, 'Cancel');
  1510. 					c_tableOptions.data = {'isOpen': false};
  1511. 					c_headerCheckbox.data = {'isChecked': false};
  1512. 					c_expandCheckbox.data = {'isChecked': false};
  1513. 					c_tableOptions.style.paddingTop = '10px';
  1514. 					[c_expandCheckbox, c_headerCheckbox].map(function(checkBox)
  1515. 					{
  1516. 						checkBox.onmousedown = function(){this.style.background = '#202020'};
  1517. 						checkBox.onmouseup = function()
  1518. 						{
  1519. 							var isChecked = this.data.isChecked;
  1520. 							this.style.background = (isChecked) ? 'transparent' : '#9f9f9f';
  1521. 							this.data.isChecked = !isChecked;
  1522. 						};
  1523. 					});
  1524. 					c_rowsCont.zm_append([c_rowsInput, c_rowsLabel]);
  1525. 					c_colsCont.zm_append([c_colsInput, c_colsLabel]);
  1526. 					c_headerCheckbox.appendChild(c_headerLabel);
  1527. 					c_expandCheckbox.appendChild(c_expandLabel);
  1528. 					c_tableOptions.zm_append([c_rowsCont, c_colsCont, c_headerCheckbox, c_expandCheckbox, c_addTable, c_cancelTable]);
  1529. 			////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  1530. 					
  1531. 					//Compose contacts list
  1532. 					var createComposeContacts = function()
  1533. 					{
  1534. 						try
  1535. 						{
  1536. 							var c_contactsCont = create('div', cssStyles.compose.leftBar.contacts.main);
  1537. 							var c_mainUl = create('ul', cssStyles.compose.leftBar.contacts.ul.main);
  1538. 							var c_subUl = create('ul', cssStyles.compose.leftBar.contacts.ul.sub);
  1539. 							var c_contactsLi = create('li', cssStyles.compose.leftBar.contacts.li.main);
  1540. 							var c_contLi = create('li', cssStyles.compose.leftBar.contacts.li.main);
  1541. 							text(c_contactsLi, 'Contacts');
  1542. 							var c_contactsList = ['Alliance', 'Commanders', 'Officers', 'Allies', 'Friends', 'Groups'];
  1543. 							c_contactsList.map(function(name)
  1544. 							{
  1545. 								var data = zmail.data.getInstance();
  1546. 								var li = create('li', cssStyles.compose.leftBar.contacts.li.sub);
  1547. 								var div = create('div', cssStyles.compose.leftBar.contacts.select);
  1548. 								var divText = document.createTextNode(name);
  1549. 								var selectSpan = create('span', cssStyles.compose.leftBar.contacts.span.sub);
  1550. 								var itemsCont = create('ul', cssStyles.compose.leftBar.contacts.ul.span);
  1551. 								var selectSbc = create('div', cssStyles.compose.leftBar.contacts.scrollbar.cont);
  1552. 								var selectSb = create('div', cssStyles.compose.leftBar.contacts.scrollbar.bar);
  1553. 								var span = create('span', cssStyles.compose.leftBar.contacts.span.main);
  1554. 								text(span, 'Add selected');
  1555. 								div.appendChild(divText);
  1556. 								div.data = {'selected': null};
  1557. 								itemsCont.data = {'isFocused': false};
  1558. 								div.addEventListener('mouseover', function()
  1559. 								{
  1560. 									if (itemsCont.children.length > 0)
  1561. 									{
  1562. 										divText.nodeValue = '+ ' + divText.nodeValue;
  1563. 										this.style.cursor = 'pointer';
  1564. 									}
  1565. 									else this.style.cursor = 'default';
  1566. 								}, false);
  1567. 								div.addEventListener('mouseout', function(){divText.nodeValue = divText.nodeValue.replace('+ ', '')}, false);
  1568. 								div.onclick = function()
  1569. 								{
  1570. 									var isOpen = (selectSpan.style.display == 'block');
  1571. 									if ((itemsCont.children.length > 0) && !isOpen) selectSpan.style.display = 'block';
  1572. 									if (isOpen) selectSpan.style.display = 'none';
  1573. 								};
  1574. 								itemsCont.addEventListener('mouseout', function()
  1575. 								{ 
  1576. 									setTimeout(function(){if (!itemsCont.data.isFocused) selectSpan.style.display = 'none'}, 50);
  1577. 									itemsCont.data.isFocused = false;
  1578. 								}, false);
  1579. 								li.addEventListener('mouseover', function(){if(div.data.selected !== null) span.style.display='block'}, false);
  1580. 								li.addEventListener('mouseout', function()
  1581. 								{
  1582. 									span.style.display = 'none';
  1583. 									setTimeout(function(){if (!itemsCont.data.isFocused) selectSpan.style.display = 'none'}, 50);
  1584. 								}, false);
  1585. 								selectSbc.addEventListener('mouseover', function(){itemsCont.data.isFocused = true}, false);
  1586. 								selectSb.addEventListener('mouseover', function(){itemsCont.data.isFocused = true}, false);
  1587. 								
  1588. 								var extractName = function(obj)
  1589. 								{
  1590. 									if (obj.hasOwnProperty('name')) return obj.name;
  1591. 									else if(obj.hasOwnProperty('n')) return obj.n;
  1592. 									else console.log('zmail: ' + 'Error: ' + obj + ' doesn\'t have property name');
  1593. 								};
  1594. 								var compareName = function(a,b)
  1595. 								{
  1596. 									return (a.toLowerCase() > b.toLowerCase()) ? 1 : (a.toLowerCase() < b.toLowerCase()) ? -1 : 0;
  1597. 								};
  1598. 								var contacts = ((name == 'Allies')||(name == 'Groups')) ? {} : [];
  1599. 								switch(name)
  1600. 								{
  1601. 									case 'Friends': root.contacts.friends.map(function(x){contacts.push(root.getPlayerNameById(x))}); break;
  1602. 									case 'Allies':
  1603. 										var arr = data.allies;
  1604. 										if (arr) for (var x in arr) contacts[x] = arr[x].map(extractName);
  1605. 									break;
  1606. 									case 'Groups':
  1607. 										var arr = root.contacts.groups;
  1608. 										if (arr) for (var x in arr) contacts[x] = arr[x].map(extractName);
  1609. 									break;
  1610. 									case 'Alliance': if (data.allianceMembers) contacts = data.allianceMembers.map(extractName); break;
  1611. 									case 'Commanders': if (data.allianceCommanders) contacts = data.allianceCommanders.map(extractName); break;
  1612. 									case 'Officers': if (data.allianceOfficers) contacts = data.allianceOfficers.map(extractName); break;
  1613. 								}
  1614. 								span.onclick = function()
  1615. 								{
  1616. 									var con = div.data.selected;
  1617. 									for (var i = 0; i < con.length; i++) root.addRecipient(con[i]);
  1618. 									divText.nodeValue = name;
  1619. 									div.data.selected = (name == 'Allies') ? null : contacts;
  1620. 								};
  1621. 									
  1622. 								var selectItem = function(a,b)
  1623. 								{
  1624. 									var fn = function()
  1625. 									{
  1626. 										divText.nodeValue = a;
  1627. 										div.data.selected = b;
  1628. 										selectSpan.style.display = 'none';
  1629. 									}
  1630. 									return fn;
  1631. 								};
  1632. 								
  1633. 								if ((name != 'Allies') && (name != 'Groups') && contacts && (contacts.length > 0))
  1634. 								{
  1635. 									contacts.sort(compareName);
  1636. 									var All = create('li', cssStyles.compose.leftBar.contacts.li.span);
  1637. 									text(All, 'All');
  1638. 									itemsCont.appendChild(All);
  1639. 									All.onclick = selectItem(name, contacts);
  1640. 									All.addEventListener('mouseover', function(){itemsCont.data.isFocused = true}, false);
  1641. 									for(var i = 0; i < contacts.length; i++)
  1642. 									{
  1643. 										var Item = create('li', cssStyles.compose.leftBar.contacts.li.span);
  1644. 										text(Item, contacts[i]);
  1645. 										Item.onclick = selectItem(contacts[i], [contacts[i]]);
  1646. 										Item.addEventListener('mouseover', function(){itemsCont.data.isFocused = true}, false);
  1647. 										itemsCont.appendChild(Item);
  1648. 									}
  1649. 									div.data.selected = contacts;
  1650. 								}
  1651. 								else if ((name == 'Allies') && contacts && (root.size(contacts) > 0))
  1652. 								{
  1653. 									for (var an in contacts)
  1654. 									{
  1655. 										var Item = create('li', cssStyles.compose.leftBar.contacts.li.span);
  1656. 										text(Item, an);
  1657. 										Item.onclick = selectItem(an, contacts[an].sort(compareName));
  1658. 										Item.addEventListener('mouseover', function(){itemsCont.data.isFocused = true}, false);
  1659. 										itemsCont.appendChild(Item);
  1660. 									}
  1661. 								}
  1662. 								else if ((name == 'Groups') && contacts && (root.size(contacts) > 0))
  1663. 								{
  1664. 									for (var gn in contacts)
  1665. 									{
  1666. 										var Item = create('li', cssStyles.compose.leftBar.contacts.li.span);
  1667. 										text(Item, gn);
  1668. 										Item.onclick = selectItem(gn, contacts[gn].sort(compareName));
  1669. 										Item.addEventListener('mouseover', function(){itemsCont.data.isFocused = true}, false);
  1670. 										itemsCont.appendChild(Item);
  1671. 									}
  1672. 								}
  1673. 								else
  1674. 								{
  1675. 									if (contacts) console.log('zmail: ' + name + ' contacts empty');
  1676. 									else console.log('zmail: ' + name + 'contacts undefined');
  1677. 								}
  1678. 								
  1679. 								selectSbc.appendChild(selectSb);
  1680. 								selectSpan.zm_append([itemsCont, selectSbc]);
  1681. 								div.appendChild(selectSpan);
  1682. 								li.zm_append([div, span]);
  1683. 								c_subUl.appendChild(li);
  1684. 								root.enableScroll(selectSb, selectSbc, itemsCont);
  1685. 								var ch = itemsCont.children.length * 24, ph = Math.min(172, ch + 4);
  1686. 								selectSpan.style.height = ph + 'px';
  1687. 								selectSb.style.height = ph * (ph - 20) / ch + 'px';
  1688. 								selectSbc.style.display = (ch < 168) ? 'none': 'block';
  1689. 							});
  1690. 							c_mainUl.zm_append([c_contactsLi, c_contLi]);
  1691. 							c_contLi.appendChild(c_subUl);
  1692. 							c_contactsCont.appendChild(c_mainUl);
  1693. 							if(root.dom.compose.leftBar.contactsCont !== null) c_leftBar.removeChild(root.dom.compose.leftBar.contactsCont);
  1694. 							c_leftBar.appendChild(c_contactsCont);
  1695. 							root.dom.compose.leftBar.contactsCont = c_contactsCont;
  1696. 						}
  1697. 						catch(e)
  1698. 						{
  1699. 							console.log('zmail: ' + e.toString());
  1700. 						}
  1701. 					}
  1702. 			////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  1703. 					
  1704. 					var c_search = create('textField', cssStyles.compose.leftBar.recipients.textField);
  1705. 					var c_searchCont = create('p', cssStyles.compose.leftBar.recipients.textFieldCont);
  1706. 					var c_toolBar =  create('ul', cssStyles.ul.toolbar.main);
  1707. 					var c_sendMsg = create('li', cssStyles.li.toolbar.withIcon);
  1708. 					var c_sendMsgIcon = create('span', cssStyles.li.toolbar.newIcon);
  1709. 					var c_cancelMsg = create('li', cssStyles.li.toolbar.textOnly);
  1710. 					var c_saveDraft = create('li', cssStyles.li.toolbar.textOnly);
  1711. 					text(c_sendMsg, 'Send');
  1712. 					text(c_cancelMsg, 'Cancel');
  1713. 					text(c_saveDraft, 'Save draft');
  1714. 					c_sendMsgIcon.style.backgroundImage = 'url(' + root.res.sendMail + ')';
  1715. 					c_sendMsg.appendChild(c_sendMsgIcon);
  1716. 					c_toolBar.zm_append([c_sendMsg, c_cancelMsg, c_saveDraft]);
  1717. 					c_tbMenu.appendChild(c_toolBar);
  1718. 					c_topBarCont.zm_append([c_logo, c_tbMenu]);
  1719. 					c_topBar.appendChild(c_topBarCont);
  1720. 					c_searchCont.appendChild(c_search);
  1721. 					c_recipientsMask.appendChild(c_recipientsCont);
  1722. 					c_recipients.zm_append([c_recipientsMask, c_recipientsSbc]);
  1723. 					c_recipientsSbc.appendChild(c_recipientsSb);
  1724. 					this.enableScroll(c_recipientsSb, c_recipientsSbc, c_recipientsCont);
  1725. 					c_msgBody.scrolling = 'no';
  1726. 					c_expandCont.style.backgroundImage = 'url(' + this.res.expandDocument + ')';
  1727. 					c_expandCont.data = {'isExpanded': false, 'isFocused': false};
  1728. 					c_expandCont.onmouseover = function(){this.data.isFocused = true};
  1729. 					c_expandCont.onmouseout = function(){this.data.isFocused = false; this.style.visibility = 'hidden';};
  1730. 					c_search.data = {'results': [], 'selectedIndex': 0, 'isContOpen': false, 'isContFocused': false};
  1731. 					[c_sendMsg, c_cancelMsg, c_saveDraft].map(function(key)
  1732. 					{
  1733. 						key.addEventListener('mouseover', function(){this.style.backgroundImage = blueGrd}, false);
  1734. 						key.addEventListener('mouseout', function(){this.style.backgroundImage = 'none'}, false);
  1735. 						key.addEventListener('click', function(){this.style.backgroundImage = 'none'}, false);
  1736. 					});
  1737. 					var countMsgLength = function(){ root.getCharactersCount.apply(root, arguments) };
  1738. 					c_sendMsg.onclick = function()
  1739. 					{
  1740. 						root.sendMail.call(root);
  1741. 						zmail.compose.getInstance()._onClose();
  1742. 					};
  1743. 					c_saveDraft.onclick = function()
  1744. 					{
  1745. 						root.saveDraft.call(root);
  1746. 						zmail.compose.getInstance()._onClose();
  1747. 					};
  1748. 					c_cancelMsg.onclick = function()
  1749. 					{
  1750. 						zmail.compose.getInstance()._onClose();
  1751. 					};
  1752. 					c_expandCont.onclick = function()
  1753. 					{
  1754. 						var expanded = this.data.isExpanded;
  1755. 						this.style.backgroundImage = (expanded) ? 'url('+root.res.expandDocument+')' : 'url('+root.res.contractDocument+')';
  1756. 						c_leftBar.style.display = (expanded) ? 'table-cell' : 'none';
  1757. 						this.data.isExpanded = !expanded;
  1758. 					};
  1759. 					
  1760. 					var c_searchResultsMask = create('div', cssStyles.compose.leftBar.recipients.searchBox.mask);
  1761. 					var c_searchResultsSbc = create('div', cssStyles.compose.leftBar.recipients.searchBox.scrollbar.cont);
  1762. 					var c_searchResultsCont = create('div', cssStyles.compose.leftBar.recipients.searchBox.itemsCont);
  1763. 					var c_msgHeader = create('div', cssStyles.compose.rightBar.msgHeader);
  1764. 					var c_msgMask = create('div', cssStyles.compose.rightBar.msgMask);
  1765. 					var c_msgCont = create('div', cssStyles.compose.rightBar.msgCont);
  1766. 					var c_msgSbc = create('div', cssStyles.compose.rightBar.scrollBar.cont);
  1767. 					var c_msgSb = create('div', cssStyles.compose.rightBar.scrollBar.bar);
  1768. 					var c_toText = create('div', cssStyles.compose.leftBar.recipients.toText);
  1769. 					var c_charCount = create('div', cssStyles.compose.leftBar.recipients.count);
  1770. 					text(c_toText, 'To:');
  1771. 					this.placeHolder(c_subject, 'Add Subject:');
  1772. 					c_recipientsCont.appendChild(c_searchCont);
  1773. 					c_searchResultsMask.appendChild(c_searchResultsCont);
  1774. 					c_searchResults.zm_append([c_searchResultsMask, c_searchResultsSbc]);
  1775. 					c_leftBarWrapper.zm_append([c_toText, c_recipients, c_searchResults, c_contacts]);
  1776. 					c_leftBar.appendChild(c_leftBarWrapper);
  1777. 					c_msgCont.appendChild(c_msgBody);
  1778. 					c_msgHeader.zm_append([c_subject, c_msgToolbar, c_expandCont]);
  1779. 					c_msgMask.zm_append([c_msgCont, c_msgHeader, c_charCount]);
  1780. 					c_rightBarWrapper.zm_append([c_msgMask, c_msgSbc]);
  1781. 					c_rightBar.appendChild(c_rightBarWrapper);
  1782. 					composeCont.zm_append([c_topBar, c_leftBar, c_rightBar]);
  1783. 					c_searchResultsCont.onmouseover = function(){c_search.data.isContFocused = true};
  1784. 					c_searchResultsCont.onmouseout = function(){c_search.data.isContFocused = false};
  1785. 					c_msgSbc.appendChild(c_msgSb);
  1786. 					root.enableScroll(c_msgSb, c_msgSbc, c_msgCont);
  1787. 					c_msgSb.style.display = 'none';
  1788. 					c_subject.addEventListener('mouseover', function(){c_expandCont.style.visibility = 'visible';}, false);
  1789. 					c_subject.addEventListener('mouseout', function()
  1790. 					{
  1791. 						setTimeout(function(){if (!c_expandCont.data.isFocused) c_expandCont.style.visibility = 'hidden'}, 50);
  1792. 					}, false);
  1793. 					
  1794. 					this.dom.compose.leftBar.results.mainCont = c_searchResults;
  1795. 					this.dom.compose.leftBar.results.resultsCont = c_searchResultsCont;
  1796. 					this.dom.compose.leftBar.results.scrollbarCont = c_searchResultsSbc;
  1797. 					this.dom.compose.leftBar.searchBox = c_search;
  1798. 					this.dom.compose.leftBar.searchBoxCont = c_searchCont;
  1799. 					this.dom.compose.leftBar.recipientsMainCont = c_recipients;
  1800. 					this.dom.compose.leftBar.recipientsCont = c_recipientsCont;
  1801. 					this.dom.compose.leftBar.recipientsSbc = c_recipientsSbc;
  1802. 					this.dom.compose.leftBar.recipientsSb = c_recipientsSb;
  1803. 					this.dom.compose.rightBar.iframe = c_msgBody;
  1804. 					this.dom.compose.rightBar.msgCont = c_msgCont;
  1805. 					this.dom.compose.rightBar.subject = c_subject;
  1806. 					this.dom.compose.rightBar.charCount = c_charCount;
  1807. 					this.dom.compose.rightBar.msgSb = c_msgSb;
  1808. 					
  1809. 					//find contact
  1810. 					c_search.onblur = function()
  1811. 					{
  1812. 						if (this.data.isContOpen && !this.data.isContFocused)
  1813. 						{
  1814. 							var rest = function() { root.clearPlayersSearch.apply(root, arguments); };
  1815. 							var add = function() { root.addRecipient.apply(root, arguments); };
  1816. 							if( root.completePlayerMatch ) add(this.value);
  1817. 							this.value = '';
  1818. 							rest(0);
  1819. 						}
  1820. 					};
  1821. 					c_search.onkeyup = function(event)
  1822. 					{
  1823. 						if(!event) event = window.event;
  1824. 						event.preventDefault();
  1825. 						var add = function(){ root.addRecipient.apply(root, arguments); };
  1826. 						if([38, 40, 13, 9].indexOf(event.keyCode) == -1)
  1827. 						{
  1828. 							var populate = function(){ root.findPlayer.apply(root, arguments); };
  1829. 							populate(this.value);
  1830. 						}
  1831. 						if(event.keyCode == 40 && this.data.isContOpen)
  1832. 						{
  1833. 							var next = function(){ root.changePlayerSelection.apply(root, arguments); };
  1834. 							next(true);
  1835. 						}
  1836. 						if(event.keyCode == 38 && this.data.isContOpen)
  1837. 						{
  1838. 							var previous = function(){ root.changePlayerSelection.apply(root, arguments); };
  1839. 							previous(false);
  1840. 						}
  1841. 						if(event.keyCode == 13 && this.data.isContOpen)  add(this.data.results[this.data.selectedIndex].data.name);
  1842. 					};
  1843. 					//////////////////////////////////////////////////////////////////////////////
  1844. 					
  1845. 					//IFRAME onload + compose message toolbar
  1846. 					c_msgBody.onload = function()
  1847. 					{
  1848. 						createComposeContacts.call(root);
  1849. 						c_msgToolbar.zm_empty();
  1850. 						c_msgCont.style.top = 0;
  1851. 						var iframe = c_msgBody.contentWindow.document;
  1852. 						var ibody = iframe.body;
  1853. 						var updateMessage = function(doc)
  1854. 						{
  1855. 							var msg = this.encodeMsg(doc);
  1856. 							var count = this.getCharactersCount(msg);
  1857. 							c_charCount.innerHTML = 3000 - parseInt(count, 10);
  1858. 						};
  1859. 						var updateScroll = function()
  1860. 						{
  1861. 							var h = c_msgBody.contentWindow.document.body.offsetHeight;
  1862. 							var ph = c_msgMask.offsetHeight, ch = c_msgCont.offsetHeight;
  1863. 							c_msgBody.style.height = Math.max(100, h + 10) + 'px';
  1864. 							c_msgSb.style.display = (ch > ph) ? 'block' : 'none';
  1865. 							c_msgSb.data.update();
  1866. 							if ((ch > ph) && (c_msgCont.offsetTop + (ch - ph) - 50 < 0)) c_msgSb.data.scrollToEnd();
  1867. 						};
  1868. 						var style = iframe.createElement("style");
  1869. 						var addCSSRule = function(sheet, selector, rules, index)
  1870. 						{
  1871. 							(sheet.insertRule) ? sheet.insertRule(selector + "{" + rules + "}", index) : sheet.addRule(selector, rules, index);
  1872. 						};
  1873. 						style.appendChild(iframe.createTextNode(""));
  1874. 						iframe.getElementsByTagName('head')[0].appendChild(style);
  1875. 						var sheet = style.sheet;
  1876. 						addCSSRule(sheet, "html", "color:#848585; font-family:vrinda; font-size:14px;", 0);
  1877. 						addCSSRule(sheet, "body", "width:100%; margin:0; padding:0 0 10px 0; word-wrap:break-word; line-height: 18px;", 1);
  1878. 						addCSSRule(sheet, "ul", "margin:0; color:#848585;", 2);
  1879. 						addCSSRule(sheet, "ol", "margin:0; color:#848585;", 3);
  1880. 						addCSSRule(sheet, "li", "font-family:vrinda; color:#848585;", 4);
  1881. 						addCSSRule(sheet, "a", "font-family: vrinda", 5);
  1882. 						addCSSRule(sheet, "div", "font-family:vrinda; color:#848585;", 6);
  1883. 						addCSSRule(sheet, "blockquote", "font-family:vrinda; color:#848585;", 7);
  1884. 						addCSSRule(sheet, "table", "border-color: #848585; color: #848585; font-family: vrinda; font-size: 14px;", 8);
  1885. 						addCSSRule(sheet, "th", "background-color: #848585; color: #333; padding: 3px 15px; font-weight: normal; color: #292929; font-family: vrinda; font-size: 14px;", 9);
  1886. 						addCSSRule(sheet, "td", "padding: 4px 15px; color: #848585; font-family: vrinda; font-size: 14px; word-wrap: break-word;", 10);
  1887. 						addCSSRule(sheet, ".quote", "padding:10px; border:1px solid #5a5a5a; background:#303030; box-sizing:border-box; -moz-box-sizing:border-box; word-wrap:break-word", 11);
  1888. 						addCSSRule(sheet, ".quote p", "padding: 0; margin: 0;", 12);
  1889. 			
  1890. 						iframe.designMode = 'on';
  1891. 						ibody.innerHTML = (root.iframeContent) ? root.iframeContent : 'Add Text';
  1892. 						c_charCount.innerHTML = 3000 - root.getCharactersCount();
  1893. 						
  1894. 						c_msgBody.contentWindow.onfocus = function()
  1895. 						{
  1896. 							if (ibody.innerHTML == 'Add Text') ibody.innerHTML = ''
  1897. 							if (c_tableOptions.data.isOpen)
  1898. 							{
  1899. 								c_leftBar.removeChild(c_tableOptions);
  1900. 								c_leftBarWrapper.style.display = 'block';
  1901. 								c_tableOptions.data.isOpen = false;
  1902. 							}
  1903. 							this.document.body.style.color = '#848585';
  1904. 						};
  1905. 						c_msgBody.contentWindow.onblur = function()
  1906. 						{
  1907. 							if(ibody.innerHTML == '' || ibody.innerHTML == '<br>')
  1908. 							{
  1909. 								ibody.innerHTML = 'Add Text';
  1910. 								this.document.body.style.color = '#666';
  1911. 							}
  1912. 						};
  1913. 						c_msgBody.contentWindow.onkeyup = function()
  1914. 						{
  1915. 							var clone = this.document.body.cloneNode(true);
  1916. 							root.iframeContent = this.document.body.innerHTML;
  1917. 							updateMessage.call(root, clone);
  1918. 							this.document.body.style.display = 'inline-block';
  1919. 							updateScroll();
  1920. 							this.document.body.style.display = 'block';
  1921. 						};
  1922. 						
  1923. 						var getSelectedText = function()
  1924. 						{
  1925. 							var sel, range, selectedText;
  1926. 							if (c_msgBody.contentWindow.getSelection)
  1927. 							{
  1928. 								sel = c_msgBody.contentWindow.getSelection();
  1929. 								if (sel.rangeCount) selectedText = sel.getRangeAt(0).toString();
  1930. 							}
  1931. 							else if (iframe.selection && iframe.selection.createRange) selectedText = iframe.selection.createRange().text + "";
  1932. 							return selectedText;
  1933. 						};
  1934. 						
  1935. 						var createLink = function(type)
  1936. 						{
  1937. 							var generateLink = function(txt)
  1938. 							{
  1939. 								var data = zmail.data.getInstance(), bb = data.createBBCode, a;
  1940. 								switch(type)
  1941. 								{
  1942. 									case 'coords': a = (txt.match(/^\d+:\d+$/)) ? bb.coords(txt, txt.split(':')[0], txt.split(':')[1]) : false; break;
  1943. 									case 'player': a = bb.player(txt); break;
  1944. 									case 'alliance': a = bb.alliance(txt); break;
  1945. 								}
  1946. 								return a;
  1947. 							};
  1948. 							var selectedText = getSelectedText();
  1949. 							var Link = generateLink(selectedText).replace('webfrontend', 'parent.webfrontend');
  1950. 							if(Link) return Link;
  1951. 						};
  1952. 						
  1953. 						var resetTableOptions = function()
  1954. 						{
  1955. 							c_rowsInput.value = '';
  1956. 							c_colsInput.value = '';
  1957. 							c_headerCheckbox.data.isChecked = false;
  1958. 							c_expandCheckbox.data.isChecked = false;
  1959. 							c_headerCheckbox.style.background = 'transparent';
  1960. 							c_expandCheckbox.style.background = 'transparent';
  1961. 						};
  1962. 						
  1963. 						var addTable = function()
  1964. 						{
  1965. 							if (c_expandCont.data.isExpanded) c_expandCont.onclick();
  1966. 							if (c_tableOptions.data.isOpen) return;
  1967. 							c_leftBarWrapper.style.display = 'none';
  1968. 							c_leftBar.appendChild(c_tableOptions);
  1969. 							resetTableOptions();
  1970. 							c_addTable.onclick = function()
  1971. 							{
  1972. 								var rows = c_rowsInput.value;
  1973. 								var cols = c_colsInput.value;
  1974. 								var header = c_headerCheckbox.data.isChecked;
  1975. 								var stretch = c_expandCheckbox.data.isChecked;
  1976. 								var table = document.createElement('table');
  1977. 								var tbody = document.createElement('tbody');
  1978. 								table.rules = 'all';
  1979. 								table.border = '1';
  1980. 								table.className = 'table';
  1981. 								table.style.minWidth = cols * 40 + 'px';
  1982. 								table.cellpadding = 0;
  1983. 								table.cellspacing = 0;
  1984. 								if(stretch) table.width = '100%';
  1985. 								for(var r = 0; r < rows; r++)
  1986. 								{
  1987. 									var tr = document.createElement('tr');
  1988. 									for (var c = 0; c < cols; c++)
  1989. 									{
  1990. 										var td = (header && r == 0) ? document.createElement('th') : document.createElement('td');
  1991. 										td.innerText = '\u200B';
  1992. 										tr.appendChild(td);
  1993. 									}
  1994. 									tbody.appendChild(tr);
  1995. 								}
  1996. 								table.appendChild(tbody);
  1997. 								c_msgBody.contentWindow.focus();
  1998. 								iframe.execCommand('insertHTML', false, table.outerHTML + '<br/>\u200B');
  1999. 								updateScroll();
  2000. 							};
  2001. 							c_cancelTable.onclick = function()
  2002. 							{
  2003. 								c_leftBar.removeChild(c_tableOptions);
  2004. 								c_leftBarWrapper.style.display = 'block';
  2005. 								c_tableOptions.data.isOpen = false;
  2006. 							};
  2007. 							c_tableOptions.data.isOpen = true;
  2008. 						};
  2009. 						
  2010. 						var insertLink = function()
  2011. 						{
  2012. 							var val = getSelectedText();
  2013. 							if (val == '') return;
  2014. 							var a = create('a', cssStyles.link._14);
  2015. 							text(a, val);
  2016. 							a.href = val;
  2017. 							a.target = 'blank';
  2018. 							iframe.execCommand('insertHTML', false, a.outerHTML + '<br/>\u200B');
  2019. 						};
  2020. 						
  2021. 						var insertQuote = function()
  2022. 						{
  2023. 							var txt = getSelectedText();
  2024. 							if (txt == '') txt = '\u200B';
  2025. 							var html = '<div class="quote"><p>' + txt + '</p></div><br/>';
  2026. 							iframe.execCommand('insertHTML', false, html);
  2027. 						};
  2028. 						
  2029. 						for (var key in root.res.tools)
  2030. 						{
  2031. 							var div = create('div', cssStyles.compose.rightBar.toolbar.icon);
  2032. 							div.onmousedown = function(event){ root.preventDefaults(event) };
  2033. 							var callback;
  2034. 							
  2035. 							switch(key)
  2036. 							{
  2037. 								case 'coords':
  2038. 									callback = function(){iframe.execCommand('insertHTML', false, createLink('coords') + '\u200B')};
  2039. 								break;
  2040. 								case 'player':
  2041. 									callback = function(){iframe.execCommand('insertHTML', false, createLink('player') + '\u200B')};
  2042. 								break;
  2043. 								case 'alliance':
  2044. 									callback = function(){iframe.execCommand('insertHTML', false, createLink('alliance') + '\u200B')};
  2045. 								break;
  2046. 								case 'table': callback = addTable; break;
  2047. 								case 'link': callback = insertLink; break;
  2048. 								case 'quote': callback = insertQuote; break;
  2049. 								default: callback = function(){iframe.execCommand(this.data.id, false, null)};
  2050. 							}
  2051. 							div.data = {'id': key, 'callback': callback};
  2052. 							div.onclick = function()
  2053. 							{
  2054. 								this.data.callback.call(this);
  2055. 								if (key != 'table') c_msgBody.contentWindow.focus();
  2056. 								updateMessage.call(root, ibody.cloneNode(true));
  2057. 							};
  2058. 							div.style.backgroundImage = root.res.tools[key];
  2059. 							c_msgToolbar.appendChild(div);
  2060. 						}
  2061. 						
  2062. 						var updateRecipientsHeight = function()
  2063. 						{
  2064. 							c_recipients.style.height = Math.max(28, Math.min(180, c_recipientsCont.offsetHeight)) + 'px';
  2065. 							if (c_recipientsCont.offsetHeight == 0 && root.recipients.length > 0) setTimeout(updateRecipientsHeight, 100);
  2066. 							else
  2067. 							{
  2068. 								c_recipientsSbc.style.visibility = (c_recipientsCont.offsetHeight < 180) ? 'hidden' : 'visible';
  2069. 								c_recipientsSb.data.update();
  2070. 								c_recipientsSb.data.scrollToEnd();
  2071. 							}
  2072. 						}
  2073. 						c_msgBody.contentWindow.focus();
  2074. 						updateRecipientsHeight();
  2075. 						updateScroll();
  2076. 					}
  2077. 					
  2078. 					this.dom.window.compose = composeCont;
  2079. 					//////////////////////////////////////////////////////////////////////////
  2080. 				///////////////////////////////////////////////////////////////////////////////////
  2081. 				}
  2082. 				catch(e)
  2083. 				{
  2084. 					console.log('zmail: ' + e.toString());
  2085. 				}
  2086. 			},
  2087. 			
  2088. 			destruct: function(){},
  2089. 			
  2090. 			members:
  2091. 			{
  2092. 				iframeContent: null,
  2093. 				selectedFolder: 'inbox',
  2094. 				selectedGroup: false,
  2095. 				selectedMsgs: {'ids': [], 'headers': [], 'checkBoxes': []},
  2096. 				selectedHeader: null,
  2097. 				selectedContacts: [],
  2098. 				selectedPage: 0,
  2099. 				selectedDraft: null,
  2100. 				callUpdate: null,
  2101. 				isLoaded: false,
  2102. 				generatedHeaders: {},
  2103. 				generatedSections: [],
  2104. 				recipients: [],
  2105. 				completePlayerMatch: false,
  2106. 				openNotificationsCount: 0,
  2107. 				downloadsCont: null,
  2108. 				folders: {
  2109. 					'inbox': {'ids': [], 'msgs': []},
  2110. 					'outbox': {'ids': [], 'msgs': []},
  2111. 					'junk': {'ids': [], 'msgs': []},
  2112. 					'trash': [{'ids': [], 'msgs': []}, {'ids': [], 'msgs': []}],
  2113. 					'draft': {},
  2114. 					'documents': {'ids': [], 'msgs': []}
  2115. 				},
  2116. 				
  2117. 				contacts: {
  2118. 					'friends': [],
  2119. 					'blocked': [],
  2120. 					'groups': {}
  2121. 				},
  2122. 				
  2123. 				callMethod: function (fn, args)
  2124. 				{
  2125. 					var root = this;
  2126. 					var callback = function()
  2127. 					{
  2128. 						root[fn].call(root, args);
  2129. 					}
  2130. 					return callback;
  2131. 				},
  2132. 				
  2133. 				applyMethod: function (fn, args)
  2134. 				{
  2135. 					var root = this;
  2136. 					root[fn].apply(root, args)
  2137. 				},
  2138. 				
  2139. 				create: function (type, css)
  2140. 				{
  2141. 					var elm;
  2142. 					switch(type)
  2143. 					{
  2144. 						case 'textField': elm = document.createElement('input'); elm.type = 'text'; break;
  2145. 						case 'checkBox': elm = document.createElement('input'); elm.type = 'checkBox'; break;
  2146. 						default: elm = document.createElement(type);
  2147. 					}
  2148. 					
  2149. 					var iterator = function(obj)
  2150. 					{
  2151. 						for(var x in obj) elm.style[x] = obj[x];
  2152. 					};
  2153. 					
  2154. 					var onDown = function(down, over, out)
  2155. 					{
  2156. 						elm.addEventListener('mousedown', function(event)
  2157. 						{
  2158. 							var el = event.target;
  2159. 							el.onmouseout = null;
  2160. 							el.onmouseover = null;
  2161. 							for (var x in down) el.style[x] = down[x];
  2162. 							var onUp = function()
  2163. 							{
  2164. 								el.onmouseout = function(){for (var x in out) el.style[x] = out[x]};
  2165. 								el.onmouseover = function(){for (var x in over) el.style[x] = over[x]};
  2166. 								for (var x in out) el.style[x] = out[x];
  2167. 								document.removeEventListener('mouseup', onUp, false);
  2168. 							};
  2169. 							document.addEventListener('mouseup', onUp, false);
  2170. 						}, false);
  2171. 					};
  2172. 					
  2173. 					if (css === null) return elm;
  2174. 					for (var key in css) {
  2175. 						var prop = css[key];
  2176. 						switch(key)
  2177. 						{
  2178. 							case 'over': elm.onmouseover = function(){iterator(css['over'])}; break;
  2179. 							case 'out': elm.onmouseout = function(){iterator(css['out'])}; break;
  2180. 							case 'focus': elm.onfocus = function(){iterator(css['focus'])}; break;
  2181. 							case 'blur': elm.onblur = function(){iterator(css['blur'])}; break;
  2182. 							case 'down': onDown(css['down'], css['up'], css['out']); break;
  2183. 							case 'up': ; break;
  2184. 							default: elm.style[key] = css[key];
  2185. 						}
  2186. 					}
  2187. 					return elm;
  2188. 				},
  2189. 				
  2190. 				gradient: function (stop1, stop2)
  2191. 				{
  2192. 					var browser = navigator.userAgent;
  2193. 					if (browser.indexOf('Chrome') !== -1) browser = 'chrome';
  2194. 					else if (browser.indexOf('Firefox') !== -1) browser = 'firefox';
  2195. 					else browser = 'unsupported';
  2196. 					var grd = '';
  2197. 					switch (browser) {
  2198. 						case 'chrome':
  2199. 							grd = '-webkit-linear-gradient(top, ' + stop1 + ' 0%, ' + stop2 + ' 100%)';
  2200. 							break;
  2201. 						case 'firefox':
  2202. 							grd = '-moz-linear-gradient(top, ' + stop1 + ' 0%, ' + stop2 + ' 100%)';
  2203. 							break;
  2204. 						default:
  2205. 							alert('your Browser is not supported');
  2206. 					}
  2207. 					return grd;
  2208. 				},
  2209. 				
  2210. 				text: function(elm, txt)
  2211. 				{
  2212. 					elm.appendChild(document.createTextNode(txt));
  2213. 				},
  2214. 				
  2215. 				size: function(obj)
  2216. 				{
  2217. 					if(typeof obj !== 'object') return null;
  2218. 					var s = 0;
  2219. 					for (var key in obj) s++;
  2220. 					return s;
  2221. 				},
  2222. 				
  2223. 				placeHolder: function(input, val)
  2224. 				{
  2225. 					input.value = val;
  2226. 					input.addEventListener('focus', function(){if (input.value == val) input.value = ''}, false);
  2227. 					input.addEventListener('blur', function(){if (input.value == '') input.value = val}, false);
  2228. 				},
  2229. 				
  2230. 				preventDefaults: function(e)
  2231. 				{
  2232. 					if (!e) e = window.event;
  2233. 					e.preventDefault();
  2234. 					e.stopPropagation();
  2235. 				},
  2236. 				
  2237. 				enableScroll: function(elm, parent, cont)
  2238. 				{
  2239. 					var pos, ph = parent.offsetHeight, ch = cont.offsetHeight, elmY, contY;
  2240. 					var scale = ch / (ph - 20);
  2241. 					var bh = ph / scale;
  2242. 					elm.style.height = bh + 'px';
  2243. 					var update = function()
  2244. 					{
  2245. 						elmY = elm.offsetTop;
  2246. 						contY = cont.offsetTop;
  2247. 						ph = parent.offsetHeight;
  2248. 						ch = cont.offsetHeight;
  2249. 						scale = ch / (ph - 20);
  2250. 						bh = ph / scale;
  2251. 						if (ch <= ph) cont.style.top = 0;
  2252. 						elm.style.height = bh + 'px';
  2253. 						elm.style.top = -contY / scale + 10 + 'px';
  2254. 						elm.style.display = (ch <= ph) ? 'none' : 'block';
  2255. 					};
  2256. 					var scrollToEnd = function()
  2257. 					{
  2258. 						if (ch > ph)
  2259. 						{
  2260. 							elm.style.top = ph - bh - 10 + 'px';
  2261. 							cont.style.top = ph - ch + 'px';
  2262. 						}
  2263. 					};
  2264. 					elm.data = {'update': update, 'scrollToEnd': scrollToEnd};
  2265. 					var onMove = function(event)
  2266. 					{
  2267. 						var e = (event) ? event : window.event, dist = e.pageY - pos;
  2268. 						if(elmY + dist < 10)
  2269. 						{
  2270. 							elm.style.top = '10px';
  2271. 							cont.style.top = 0;
  2272. 						}
  2273. 						else if(elmY + dist + bh > ph - 10)
  2274. 						{
  2275. 							elm.style.top = ph - bh - 10 + 'px';
  2276. 							cont.style.top = ph - ch + 'px';
  2277. 						}
  2278. 						else
  2279. 						{
  2280. 							elm.style.top = elmY + dist + 'px';
  2281. 							cont.style.top =  contY - scale * dist + 'px';
  2282. 						}
  2283. 					};
  2284. 					
  2285. 					var onUp = function()
  2286. 					{
  2287. 						document.removeEventListener('mousemove', onMove, false);
  2288. 						document.removeEventListener('mouseup', onUp, false);
  2289. 					};
  2290. 					
  2291. 					elm.onmousedown = function(event)
  2292. 					{
  2293. 						var e = (event) ? event : window.event, y = e.pageY;
  2294. 						e.preventDefault();
  2295. 						pos = y;
  2296. 						update();
  2297. 						if (elm.offsetHeight != bh) elm.style.height = bh + 'px';
  2298. 						document.addEventListener('mousemove', onMove, false);
  2299. 						document.addEventListener('mouseup', onUp, false);
  2300. 					};
  2301. 					
  2302. 					var onWheel = function(event){
  2303. 						var e = (event) ? event : window.event;
  2304. 						e.preventDefault();
  2305. 						if (ch < ph) return;
  2306. 						if (ch == 0) update();
  2307. 						var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail) ));
  2308. 						var ct = cont.offsetTop, et = elm.offsetTop;
  2309. 						var dist = delta * -20 / scale;
  2310. 						if(et + dist < 10)
  2311. 						{
  2312. 							elm.style.top = '10px';
  2313. 							cont.style.top = 0;
  2314. 						}
  2315. 						else if(et + dist + bh > ph - 10)
  2316. 						{
  2317. 							elm.style.top = ph - bh - 10 + 'px';
  2318. 							cont.style.top = ph - ch + 'px';
  2319. 						}
  2320. 						else 
  2321. 						{
  2322. 							elm.style.top = et + dist + 'px';
  2323. 							cont.style.top =  ct - scale * dist + 'px';
  2324. 						}
  2325. 					};
  2326. 					if(cont.hasOwnProperty('removeMouseWheelListener')) cont.removeMouseWheelListener();
  2327. 					cont.onmousewheel = onWheel;
  2328. 					cont.addEventListener('DOMMouseScroll', onWheel, false);
  2329. 					cont.removeMouseWheelListener = function(){this.removeEventListener('DOMMouseScroll', onWheel, false);}
  2330. 				},
  2331. 				
  2332. 				showDownloads: function(total)
  2333. 				{
  2334. 					var create = this.create, css = this.css, text = this.text, root = this;
  2335. 					var mailCont = zmail.main.getInstance();
  2336. 					var BBCode = zmail.data.getInstance().createBBCode;
  2337. 					var cont = create('div', css.notification.cont);
  2338. 					var header = create('div', css.notification.header.cont);
  2339. 					var headerText = create('p', css.notification.header.text);
  2340. 					var mail = create('div', css.notification.header.mail);
  2341. 					var description = create('p', css.notification.from);
  2342. 					var downloaded = create('p', css.notification.link);
  2343. 					var count = create('span', {'position': 'absolute', 'right': 0, 'top': 0, 'height': '100%', 'lineHeight': '100%'});
  2344. 					var closeCont = create('div', css.notification.remove);
  2345. 					text(headerText, 'Welcome to ZMail');
  2346. 					text(downloaded, 'Downloaded: ');
  2347. 					text(count, '0/' + total);
  2348. 					description.innerHTML = 'Downloading messages, please wait...<br/>This is one time process.'
  2349. 					closeCont.innerHTML = 'X';
  2350. 					var removeCont = function()
  2351. 					{
  2352. 						if (cont.parentElement && cont.data.isOpen)
  2353. 						{
  2354. 							document.body.removeChild(cont);
  2355. 							cont.data.isOpen = false;
  2356. 						}
  2357. 					}
  2358. 					closeCont.onclick = removeCont;
  2359. 					mail.style.backgroundImage = 'url(' + this.res.mail + ')';
  2360. 					description.style.lineHeight = '12px';
  2361. 					downloaded.style.position = 'relative';
  2362. 					downloaded.style.margin = '5px 0 0 0';
  2363. 					downloaded.appendChild(count);
  2364. 					header.zm_append([mail, headerText]);
  2365. 					cont.zm_append([header, description, downloaded, closeCont]);
  2366. 					cont.data = {'count': count, 'isOpen': true};
  2367. 					cont.style.height = 'auto';
  2368. 					document.body.appendChild(cont);
  2369. 					this.downloadsCont = cont;
  2370. 				},
  2371. 				
  2372. 				updateDownloads: function(c, t)
  2373. 				{
  2374. 					var cont = this.downloadsCont;
  2375. 					if (cont && cont.data.isOpen)
  2376. 					{
  2377. 						var count = cont.data.count;
  2378. 						if (c < t)
  2379. 						{
  2380. 							count.innerHTML = c + '/' + t;
  2381. 						}
  2382. 						else
  2383. 						{
  2384. 							document.body.removeChild(cont);
  2385. 							cont.data.isOpen = false;
  2386. 							this.downlodsCont = null;
  2387. 						}
  2388. 					}
  2389. 				},
  2390. 				
  2391. 				notify: function(msg, type)
  2392. 				{
  2393. 					var create = this.create, css = this.css, text = this.text, root = this;
  2394. 					var mailCont = zmail.main.getInstance();
  2395. 					var BBCode = zmail.data.getInstance().createBBCode;
  2396. 					var cont = create('div', css.notification.cont);
  2397. 					var header = create('div', css.notification.header.cont);
  2398. 					var headerTextCss = css.notification.header;
  2399. 					var headerText = (type == 2) ? create('p', headerTextCss.textMultiple) : create('p', headerTextCss.text);
  2400. 					var mail = create('div', css.notification.header.mail);
  2401. 					var mailType = create('span', css.notification.header.type);
  2402. 					var closeCont = create('div', css.notification.remove);
  2403. 					var labelText = ['New mail received', 'Mail has been sent', 'You have (' + msg + ')<br/> new messages'];
  2404. 					var label = labelText[type];
  2405. 					(type == 2) ? headerText.innerHTML = label : text(headerText, label);
  2406. 					closeCont.innerHTML = 'X';
  2407. 					var removeCont = function()
  2408. 					{
  2409. 						if (cont.parentElement)
  2410. 						{
  2411. 							document.body.removeChild(cont);
  2412. 							root.openNotificationsCount--;
  2413. 						}
  2414. 					}
  2415. 					closeCont.onclick = removeCont;
  2416. 					mail.style.backgroundImage = 'url(' + this.res.mail + ')';
  2417. 					mailType.style.backgroundImage = (type == 1) ? 'url(' + this.res.arrowRight + ')' : 'url(' + this.res.arrowLeft + ')';
  2418. 					mail.appendChild(mailType);
  2419. 					header.zm_append([mail, headerText]);
  2420. 					
  2421. 					if (type == 2)
  2422. 					{
  2423. 						var openButton = create('div', css.notification.button);
  2424. 						var cancelButton = create('div', css.notification.button);
  2425. 						text(openButton, 'Open mail');
  2426. 						text(cancelButton, 'Cancel');
  2427. 						openButton.onclick = function()
  2428. 						{
  2429. 							if (!mailCont.isOpen) mailCont.open();
  2430. 							removeCont();
  2431. 						};
  2432. 						cancelButton.onclick = function()
  2433. 						{
  2434. 							removeCont();
  2435. 						};
  2436. 						openButton.style.left = '10px';
  2437. 						cancelButton.style.right = '10px';
  2438. 						cont.zm_append([header, openButton, cancelButton, closeCont]);
  2439. 					}
  2440. 					else
  2441. 					{
  2442. 						var from = create('p', css.notification.from);
  2443. 						var subject = create('p', css.notification.subject);
  2444. 						if (type == 0)
  2445. 						{
  2446. 							var subjectLink = create('a', css.notification.link);
  2447. 							subjectLink.innerHTML = msg.s;
  2448. 							var openMessage = function()
  2449. 							{
  2450. 								var searchBox = root.dom.leftBar.searchBox;
  2451. 								var msgSb = root.dom.rightBar.scrollBar.bar;
  2452. 								var generatedHeaders = root.generatedHeaders;
  2453. 								if (!mailCont.isOpen) mailCont.open();
  2454. 								if (root.selectedGroup) root.dom.leftBar.items[root.selectedGroup].zm_css(root.css.li.leftBar.sub);
  2455. 								if (root.selectedFolder) root.dom.leftBar.items[root.selectedFolder].zm_css(root.css.li.leftBar.sub);
  2456. 								root.dom.leftBar.items.inbox.zm_css(root.css.li.leftBar.subSelected);
  2457. 								root.selectedFolder = 'inbox';
  2458. 								root.selectedGroup = false;
  2459. 								root.resetMsgCont(1);
  2460. 								root.selectedPage = 0;
  2461. 								root.populateHeaders();
  2462. 								searchBox.disabled = false;
  2463. 								msgSb.data.update();
  2464. 								for (var i in generatedHeaders)
  2465. 								{
  2466. 									var id = generatedHeaders[i].msg.i;
  2467. 									if (parseInt(id, 10) == parseInt(msg.i, 10))
  2468. 									{
  2469. 										generatedHeaders[i].cont.onclick();
  2470. 										break;
  2471. 									}
  2472. 								}
  2473. 								removeCont();
  2474. 							};
  2475. 							subjectLink.onclick = function(){openMessage.call(root)};
  2476. 							text(subject, 'Subject: ');
  2477. 							subject.appendChild(subjectLink);
  2478. 							from.innerHTML = 'From: ' + BBCode.player(msg.f);
  2479. 						}
  2480. 						else if(type == 1)
  2481. 						{
  2482. 							text(subject, 'Subject: ' + msg.s);
  2483. 							if (msg.t.length == 1) from.innerHTML = 'To: ' + BBCode.player(msg.t[0]);
  2484. 							else text(from, 'To: ' + msg.t.length + ' Players');
  2485. 						}
  2486. 						cont.zm_append([header, from, subject, closeCont]);
  2487. 					}
  2488. 					cont.style.bottom = (this.openNotificationsCount * 103) + 30 + 'px';
  2489. 					cont.style.zIndex = 1000 - this.openNotificationsCount;
  2490. 					document.body.appendChild(cont);
  2491. 					root.openNotificationsCount++;
  2492. 					setTimeout(removeCont, 30000);
  2493. 				},
  2494. 				
  2495. 				findPlayer: function(txt)
  2496. 				{
  2497. 					this.clearPlayersSearch(0);
  2498. 					var str = txt.replace(/[^a-z A-Z 0-9 \-_]/g, '').toLowerCase();
  2499. 					if (str == '') return;
  2500. 					var players = zmail.data.getInstance().players;
  2501. 					var matches = [], completeMatch = false, count = 0;
  2502. 					for(var i = 0; i < players.length; i++)
  2503. 					{
  2504. 						if ((players[i].pn.toLowerCase().substr(0,str.length) == str) && count < 21)
  2505. 						{
  2506. 							matches.push(players[i]);
  2507. 							count++;
  2508. 						}
  2509. 						if (players[i].pn.toLowerCase() == txt.toLowerCase()) completeMatch = true;
  2510. 					}
  2511. 					this.completePlayerMatch = completeMatch;
  2512. 					this.populatePlayersResultsCont(matches);
  2513. 				},
  2514. 				
  2515. 				changePlayerSelection: function(mode)
  2516. 				{
  2517. 					var searchBox = this.dom.compose.leftBar.searchBox;
  2518. 					var mainCont = this.dom.compose.leftBar.results.mainCont;
  2519. 					var resultsSbc = this.dom.compose.leftBar.results.scrollbarCont;
  2520. 					var resultsCont = this.dom.compose.leftBar.results.resultsCont;
  2521. 					var index = searchBox.data.selectedIndex;
  2522. 					var results = searchBox.data.results;
  2523. 					var length = results.length;
  2524. 					var newIndex = (mode) ? (index + 1) % length : (index - 1 < 0) ? length - 1 : index - 1;
  2525. 					var currentItem = results[index];
  2526. 					var newItem = results[newIndex];
  2527. 					currentItem.style.background = 'transparent';
  2528. 					currentItem.style.color = '#8e8e8e';
  2529. 					newItem.style.background = '#266589';
  2530. 					newItem.style.color = '#bcbcbc';
  2531. 					if (newIndex > 4 && length > 5)
  2532. 					{
  2533. 						var ch = resultsCont.offsetHeight, ph = resultsSbc.offsetHeight;
  2534. 						resultsCont.style.top = -(newIndex - 4) * 49 + 'px';
  2535. 						resultsSbc.firstChild.style.top = (((ph - 20) / ch) * (newIndex - 4) * 49) + 10 +'px';
  2536. 					}
  2537. 					if (newIndex < 4 && length > 5)
  2538. 					{
  2539. 						resultsCont.style.top = 0;
  2540. 						resultsSbc.firstChild.style.top = '10px';
  2541. 					}
  2542. 		
  2543. 					searchBox.data.selectedIndex = newIndex;
  2544. 				},
  2545. 						
  2546. 				addRecipient: function(name)
  2547. 				{
  2548. 					if (this.recipients.indexOf(name) == -1)
  2549. 					{
  2550. 						var Item = this.create('div', this.css.compose.leftBar.recipients.recipient.cont);
  2551. 						var remove = this.create('div', this.css.compose.leftBar.recipients.recipient.remove);
  2552. 						var mainCont = this.dom.compose.leftBar.recipientsMainCont;
  2553. 						var cont = this.dom.compose.leftBar.recipientsCont;
  2554. 						var scrollCont = this.dom.compose.leftBar.recipientsSbc;
  2555. 						var bar = this.dom.compose.leftBar.recipientsSb;
  2556. 						var updateScroll = function()
  2557. 						{
  2558. 							scrollCont.style.visibility = (cont.offsetHeight > 0 && cont.offsetHeight < 180) ? 'hidden' : 'visible';
  2559. 							mainCont.style.height = Math.max(28, Math.min(180, cont.offsetHeight)) + 'px';
  2560. 							bar.data.update();
  2561. 							bar.data.scrollToEnd();
  2562. 						};
  2563. 						var root = this;
  2564. 						this.text(Item, name);
  2565. 						this.text(remove, 'X');
  2566. 						remove.data = {'name': name};
  2567. 						remove.onclick = function()
  2568. 						{
  2569. 							root.dom.compose.leftBar.recipientsCont.removeChild(Item);
  2570. 							var player = this.data.name, index = root.recipients.indexOf(player);
  2571. 							if(index > -1) root.recipients.splice(index, 1);
  2572. 							updateScroll();
  2573. 						};
  2574. 						Item.appendChild(remove);
  2575. 						this.dom.compose.leftBar.recipientsCont.insertBefore(Item, this.dom.compose.leftBar.searchBoxCont);
  2576. 						this.clearPlayersSearch(1);
  2577. 						this.recipients.push(name);
  2578. 						updateScroll();
  2579. 					}
  2580. 				},
  2581. 				
  2582. 				clearPlayersSearch: function(type)
  2583. 				{
  2584. 					var searchBox = this.dom.compose.leftBar.searchBox;
  2585. 					var mainCont = this.dom.compose.leftBar.results.mainCont;
  2586. 					var resultsSbc = this.dom.compose.leftBar.results.scrollbarCont;
  2587. 					var resultsCont = this.dom.compose.leftBar.results.resultsCont;
  2588. 					if (type == 1)
  2589. 					{
  2590. 						searchBox.value = '';
  2591. 						searchBox.focus();
  2592. 					}
  2593. 					resultsSbc.zm_empty();
  2594. 					resultsCont.zm_empty();
  2595. 					resultsCont.style.top = 0;
  2596. 					mainCont.style.display = 'none';
  2597. 					searchBox.data.results = [];
  2598. 					searchBox.data.selectedIndex = 0;
  2599. 					searchBox.data.isContOpen = false;
  2600. 					this.completePlayerMatch = false;
  2601. 				},
  2602. 				
  2603. 				populatePlayersResultsCont: function(arr)
  2604. 				{
  2605. 					var root = this;
  2606. 					var resultsCont = this.dom.compose.leftBar.results.resultsCont;
  2607. 					var cont = this.dom.compose.leftBar.results.mainCont;
  2608. 					var recipientsCont = this.dom.compose.leftBar.recipientsMainCont;
  2609. 					var scrollbarCont = this.dom.compose.leftBar.results.scrollbarCont;
  2610. 					var searchBox = this.dom.compose.leftBar.searchBox;
  2611. 					var add = function()
  2612. 					{
  2613. 						root.addRecipient.apply(root, arguments);
  2614. 					};
  2615. 					var items = [];
  2616. 					for(var i = 0; i < arr.length; i++)
  2617. 					{
  2618. 						var style = (i == 0) ? 'contSelected' : 'cont';
  2619. 						var Item = this.create('div', this.css.compose.leftBar.recipients.searchBox.item[style]);
  2620. 						var player = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
  2621. 						var alliance = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
  2622. 						this.text(player, arr[i].pn);
  2623. 						this.text(alliance, arr[i].an);
  2624. 						Item.zm_append([player, alliance]);
  2625. 						Item.data = {'name': arr[i].pn};
  2626. 						Item.onclick = function()
  2627. 						{
  2628. 							add(this.data.name);
  2629. 						};
  2630. 						resultsCont.appendChild(Item);
  2631. 						items.push(Item);
  2632. 					}
  2633. 					cont.style.display = 'block';
  2634. 					cont.style.height = Math.min(244, arr.length * 49) + 'px';
  2635. 					cont.style.top = recipientsCont.offsetTop + recipientsCont.offsetHeight + 3 + 'px';
  2636. 					if(arr.length > 5)
  2637. 					{
  2638. 						var bar = this.create('div', this.css.compose.leftBar.recipients.searchBox.scrollbar.bar);
  2639. 						scrollbarCont.appendChild(bar);
  2640. 						this.enableScroll(bar, scrollbarCont, resultsCont);
  2641. 					}
  2642. 					searchBox.data.isContOpen = true;
  2643. 					searchBox.data.results = items;
  2644. 				},
  2645. 						
  2646. 				update: function(arr1, arr2, arr3, arr4)
  2647. 				{
  2648. 					if(!this.isLoaded)
  2649. 					{
  2650. 						var s = this.storage, j = s.get('junk'), t0 = s.get('trash0'), t1 = s.get('trash1'), d = s.get('draft');
  2651. 						var doc = s.get('documents'), b = s.get('blocked'), f = s.get('friends'), g = s.get('groups');
  2652. 						this.folders.junk.ids = j;
  2653. 						this.folders.trash[0].ids = t0;
  2654. 						this.folders.trash[1].ids = t1;
  2655. 						this.folders.documents.ids = doc;
  2656. 						this.folders.draft = d;
  2657. 						this.contacts.friends = f;
  2658. 						this.contacts.blocked = b;
  2659. 						this.contacts.groups = g;
  2660. 						this.isLoaded = true;
  2661. 					}
  2662. 					if(arr1 && arr2)
  2663. 					{
  2664. 						this.filter(arr1, 0);
  2665. 						this.filter(arr2, 1);
  2666. 					}
  2667. 					if (arr4 && (arr4.length > 0)) this.notify(arr4[0], 1);
  2668. 					if (arr3 && (arr3.length > 0))
  2669. 					{
  2670. 						if(arr3.length == 1) this.notify(arr3[0], 0);
  2671. 						else this.notify(arr3.length, 2);
  2672. 					}
  2673. 					
  2674. 					var f = this.folders, c = this.contacts, root = this;
  2675. 					var count = function(r)
  2676. 					{
  2677. 						var t = f.trash, d = f.draft, g = ['blocked', 'friends', 'groups'].indexOf(r);
  2678. 						var len = function(a){return (!a) ? 0 : a.length;};
  2679. 						if (g == -1) length = (r == 'draft') ? root.size(d) : (r == 'trash') ? len(t[0].msgs) + len(t[1].msgs) : len(f[r].msgs);
  2680. 						else length = (r == 'groups') ? root.size(c[r]) : len(c[r]);
  2681. 						return (length == 0) ? '' : length;
  2682. 					};
  2683. 					this.dom.leftBar.folders.inbox.nodeValue = 'Inbox ' + count('inbox');
  2684. 					this.dom.leftBar.folders.outbox.nodeValue = 'Outbox ' + count('outbox');
  2685. 					this.dom.leftBar.folders.draft.nodeValue = 'Draft ' + count('draft');
  2686. 					this.dom.leftBar.folders.junk.nodeValue = 'Junk ' + count('junk');
  2687. 					this.dom.leftBar.folders.trash.nodeValue = 'Trash ' + count('trash');
  2688. 					this.dom.leftBar.folders.documents.nodeValue = 'Documents ' + count('documents');
  2689. 					this.dom.leftBar.contacts.friends.nodeValue = 'Friends ' + count('friends');
  2690. 					this.dom.leftBar.contacts.blocked.nodeValue = 'Blocked ' + count('blocked');
  2691. 					this.dom.leftBar.contacts.groups.nodeValue = 'Groups ' + count('groups');
  2692. 					if (this.selectedFolder) this.populateHeaders();
  2693. 					if (this.selectedGroup) this.populateContacts();
  2694. 				},
  2695. 				
  2696. 				resetMsgCont: function(type)
  2697. 				{
  2698. 					var expandCont = this.dom.rightBar.expandCont;
  2699. 					var msgCont = this.dom.rightBar.msgCont;
  2700. 					var selectedMsgs = this.getSelectedMsgsIds();
  2701. 					if (expandCont.data.isExpanded) expandCont.onclick();
  2702. 					msgCont.zm_empty();
  2703. 					msgCont.style.top = 0;
  2704. 					if ((type == 1) && !this.selectedGroup)
  2705. 					{
  2706. 						var count = (selectedMsgs == null) ? 0 : selectedMsgs.length;
  2707. 						var header = this.create('p', this.css.message.subject);
  2708. 						header.innerHTML = (count > 0) ? count + ' messages selected.' : 'No messages selected.';
  2709. 						msgCont.appendChild(header);
  2710. 					};
  2711. 				},
  2712. 				
  2713. 				filter: function(arr, type)
  2714. 				{
  2715. 					var i = {'ids': [], 'msgs': []}, t = {'ids': [], 'msgs': []}, j = {'ids': [], 'msgs': []}, d = {'ids': [], 'msgs': []};
  2716. 					var trash = this.folders.trash[type].ids, junk = this.folders.junk.ids, draft = this.folders.draft;
  2717. 					var documents = this.folders.documents.ids, blocked = this.contacts.blocked;
  2718. 					for (var n = 0; n < arr.length; n++)
  2719. 					{
  2720. 						var id = arr[n].i, msg = arr[n], fid = arr[n].fi;
  2721. 						if ((trash)&&(trash.indexOf(id) > -1)) { t.ids.push(id); t.msgs.push(msg); }
  2722. 						else if ((type == 0)&&(junk)&&(junk.indexOf(id) > -1)) { j.ids.push(id); j.msgs.push(msg); }
  2723. 						else if ((type == 0)&&(documents)&&(documents.indexOf(id) > -1)) { d.ids.push(id); d.msgs.push(msg); }
  2724. 						else if ((type == 0)&&(blocked)&&(blocked.indexOf(fid) > -1)) { j.ids.push(id); j.msgs.push(msg); } 
  2725. 						else { i.ids.push(id); i.msgs.push(msg); }
  2726. 					}
  2727. 					if (type == 0)
  2728. 					{
  2729. 						this.folders.inbox = i;
  2730. 						this.folders.trash[0] = t;
  2731. 						this.folders.junk = j;
  2732. 						this.folders.documents = d;
  2733. 					}
  2734. 					if (type == 1)
  2735. 					{
  2736. 						this.folders.outbox = i;
  2737. 						this.folders.trash[1] = t;
  2738. 					}
  2739. 				},
  2740. 				
  2741. 				updateContacts: function(alliance, commanders, officers)
  2742. 				{
  2743. 					var allianceTxt = this.dom.leftBar.contacts.alliance;
  2744. 					var commandersTxt = this.dom.leftBar.contacts.commanders;
  2745. 					var officersTxt = this.dom.leftBar.contacts.officers;
  2746. 					var sg = this.selectedGroup;
  2747. 					allianceTxt.nodeValue = (alliance && (alliance.length > 0)) ? 'Alliance ' + alliance.length : 'Alliance';
  2748. 					commandersTxt.nodeValue = (commanders && (commanders.length > 0)) ? 'Commanders ' + commanders.length : 'Commanders';
  2749. 					officersTxt.nodeValue = (officers && (officers.length > 0)) ? 'Officers ' + officers.length : 'Officers';
  2750. 					if (sg && (['commanders', 'officers', 'alliance'].indexOf(sg) > -1)) this.populateContacts();
  2751. 				},
  2752. 				
  2753. 				updateAllies: function(allies)
  2754. 				{
  2755. 					console.log(allies);
  2756. 					var alliesTxt = this.dom.leftBar.contacts.allies, sg = this.selectedGroup;
  2757. 					alliesTxt.nodeValue = (allies && this.size(allies) > 0) ? 'Allies ' + this.size(allies) : 'Allies';
  2758. 					if (sg && sg == 'allies') this.populateContacts();
  2759. 				},
  2760. 				
  2761. 				resetComposeContainer: function()
  2762. 				{
  2763. 					var recipientsCont = this.dom.compose.leftBar.recipientsCont;
  2764. 					var msgCont = this.dom.compose.rightBar.msgCont;
  2765. 					var iframe = this.dom.compose.rightBar.iframe;
  2766. 					this.dom.compose.rightBar.subject.value = "Add Subject:";
  2767. 					this.iframeContent = "";
  2768. 					this.recipients = [];
  2769. 					while (recipientsCont.children.length > 1) recipientsCont.removeChild(recipientsCont.firstChild);
  2770. 					while (msgCont.children.length > 1) msgCont.removeChild(msgCont.lastChild);
  2771. 					iframe.style.height = '100px';
  2772. 				},
  2773. 				
  2774. 				addSections: function()
  2775. 				{
  2776. 					var iframe = this.dom.compose.rightBar.iframe;
  2777. 					if(this.generatedSections != null && this.generatedSections.length > 0)
  2778. 					{
  2779. 						var msgCont = this.dom.compose.rightBar.msgCont;
  2780. 						for (var i = 0; i < this.generatedSections.length; i++) msgCont.appendChild(this.generatedSections[i][0]);
  2781. 					}
  2782. 				},
  2783. 				
  2784. 				openNewMail: function(type)
  2785. 				{
  2786. 					this.resetComposeContainer();
  2787. 					this.generatedSections = [];
  2788. 					if (type == 1)
  2789. 					{
  2790. 						var contacts = this.selectedContacts;
  2791. 						var playerSearchBox = this.dom.rightBar.contacts.search;
  2792. 						for (var i = 0; i < contacts.length; i++) this.addRecipient(this.getPlayerNameById(contacts[i]));
  2793. 						this.selectedContacts = [];
  2794. 						this.addSelectedContacts();
  2795. 						this.populateContacts();
  2796. 						playerSearchBox.onblur();
  2797. 					}
  2798. 					zmail.compose.getInstance().open();
  2799. 				},
  2800. 				
  2801. 				replyToAll: function()
  2802. 				{
  2803. 					var msgCont = this.dom.compose.rightBar.msgCont;
  2804. 					var msg = this.selectedHeader.data.msg;
  2805. 					this.resetComposeContainer();
  2806. 					this.addSections();
  2807. 					this.addRecipient(msg.f);
  2808. 					for (var i = 0; i < msg.t.length; i++) this.addRecipient(msg.t[i]);
  2809. 					this.dom.compose.rightBar.subject.value = 'Re: ' + msg.s;
  2810. 					zmail.compose.getInstance().open();
  2811. 				},
  2812. 				
  2813. 				reply: function()
  2814. 				{
  2815. 					var msgCont = this.dom.compose.rightBar.msgCont;
  2816. 					var msg = this.selectedHeader.data.msg;
  2817. 					this.resetComposeContainer();
  2818. 					this.addSections();
  2819. 					this.dom.compose.rightBar.subject.value = 'Re: ' + msg.s;
  2820. 					this.addRecipient(msg.f);
  2821. 					zmail.compose.getInstance().open();
  2822. 				},
  2823. 				
  2824. 				forwardMsg: function()
  2825. 				{
  2826. 					var msgCont = this.dom.compose.rightBar.msgCont;
  2827. 					var msg = this.selectedHeader.data.msg;
  2828. 					this.resetComposeContainer();
  2829. 					this.addSections();
  2830. 					this.dom.compose.rightBar.subject.value = 'Fwd: ' + msg.s;
  2831. 					zmail.compose.getInstance().open();
  2832. 				},
  2833. 				
  2834. 				sendMail: function()
  2835. 				{
  2836. 					var to = this.recipients.join('; ');
  2837. 					var subject = this.dom.compose.rightBar.subject.value;
  2838. 					var date = new Date();
  2839. 					var from = zmail.data.getInstance().ownerName;
  2840. 					var clone = this.dom.compose.rightBar.iframe.contentWindow.document.body.cloneNode(true);
  2841. 					var message = this.encodeMsg(clone);
  2842. 					date = date.getTime();
  2843. 					if ((subject == '') || (subject == 'Add Subject:')) subject = 'No subject';
  2844. 					if (message.trim() == 'Add Text') message = '';
  2845. 					message = '<cnc><cncs>' + from + '</cncs><cncd>' + date + '</cncd><cnct>' + message + '</cnct></cnc>';
  2846. 					for (var i = 0; i < this.generatedSections.length; i++)
  2847. 					{
  2848. 						if(this.generatedSections[i][2] == 1) message += this.generatedSections[i][1];
  2849. 					}
  2850. 					zmail.data.getInstance().callMethod('sendMail', [to, "", subject, message]);
  2851. 					if (this.selectedDraft)
  2852. 					{
  2853. 						var id = parseInt(this.selectedDraft, 10), header = this.selectedHeader;
  2854. 						if (header.data.msg.i == id) this.deleteDraft();
  2855. 						else
  2856. 						{
  2857. 							if (this.folders.draft.hasOwnProperty(id)) delete this.folders.draft[id];
  2858. 							this.update();
  2859. 							this.storage.save.call(this);
  2860. 						}
  2861. 					}
  2862. 				},
  2863. 				
  2864. 				saveDraft: function()
  2865. 				{
  2866. 					var subject = this.dom.compose.rightBar.subject.value;
  2867. 					var date = new Date();
  2868. 					var from = zmail.data.getInstance().ownerName;
  2869. 					var fromId = zmail.data.getInstance().ownerId;
  2870. 					var clone = this.dom.compose.rightBar.iframe.contentWindow.document.body.cloneNode(true);
  2871. 					var message = this.encodeMsg(clone);
  2872. 					if ((subject == '') || (subject == 'Add Subject:')) subject = 'No subject';
  2873. 					date = date.getTime();
  2874. 					
  2875. 					message = '<cnc><cncs>' + from + '</cncs><cncd>' + date + '</cncd><cnct>' + message + '</cnct></cnc>';
  2876. 					for (var i = 0; i < this.generatedSections.length; i++)
  2877. 					{
  2878. 						if(this.generatedSections[i][2] == 1) message += this.generatedSections[i][1];
  2879. 					}
  2880. 					var id = (this.selectedDraft) ? parseInt(this.selectedDraft) : date;
  2881. 					var msg = {'b':message,'r':true,'f':from,'fi':fromId,'t':this.recipients,'s':subject,'d':date,'i':id,'rm':clone.innerHTML};
  2882. 					if (this.folders.draft == null) this.folders.draft = {};
  2883. 					this.folders.draft[id] = msg;
  2884. 					this.selectedDraft = null;
  2885. 					this.update();
  2886. 					this.storage.save.call(this);
  2887. 				},
  2888. 				
  2889. 				editDraft: function()
  2890. 				{
  2891. 					if(this.selectedFolder == 'draft')
  2892. 					{
  2893. 						this.resetComposeContainer();
  2894. 						var id = this.selectedHeader.data.msg.i;
  2895. 						var draft = this.folders.draft[id];
  2896. 						this.recipients = draft.t;
  2897. 						this.dom.compose.rightBar.subject.value = draft.s;
  2898. 						this.iframeContent = draft.rm;
  2899. 						if(this.generatedSections && this.generatedSections.length > 1)
  2900. 						{
  2901. 							this.generatedSections.splice(0,1);
  2902. 							this.addSections();
  2903. 						}
  2904. 						this.selectedDraft = id;
  2905. 						for (var i = 0; i < draft.t.length; i++) this.addRecipient(draft.t[i]);
  2906. 						zmail.compose.getInstance().open();
  2907. 					}
  2908. 				},
  2909. 				
  2910. 				deleteDraft: function()
  2911. 				{
  2912. 					if (this.selectedFolder == 'draft')
  2913. 					{
  2914. 						var ids = this.getSelectedMsgsIds();
  2915. 						for (var i = 0; i < ids.length; i++)
  2916. 						{
  2917. 							if (this.folders.draft.hasOwnProperty(ids[i])) delete this.folders.draft[ids[i]];
  2918. 						}
  2919. 						this.selectAll(false);
  2920. 						this.update();
  2921. 						this.storage.save.call(this);
  2922. 					}
  2923. 				},
  2924. 				
  2925. 				encodeMsg: function(cont)
  2926. 				{
  2927. 					try
  2928. 					{
  2929. 						var getMargin = function(a)
  2930. 						{
  2931. 							var m = 0, elm = a;
  2932. 							while (elm.parentElement)
  2933. 							{
  2934. 								if (elm.nodeType == 1) m += parseInt(elm.style.marginLeft) || 0;
  2935. 								elm = elm.parentElement;
  2936. 							}
  2937. 							return m;
  2938. 						};
  2939. 						
  2940. 						var getLinkType = function(a)
  2941. 						{
  2942. 							var type;
  2943. 							if (a.match('webfrontend.gui.util.BBCode.openPlayerProfile')) type = 'player';
  2944. 							if (a.match('webfrontend.gui.util.BBCode.openAllianceProfile')) type = 'alliance';
  2945. 							if (a.match('webfrontend.gui.UtilView.centerCoordinatesOnRegionViewWindow')) type = 'coords';
  2946. 							return type;
  2947. 						};
  2948. 						
  2949. 						var getAttr = function(a)
  2950. 						{
  2951. 							var b = '';
  2952. 							switch(a.nodeName.toLowerCase())
  2953. 							{
  2954. 								case 'p': case 'div': 
  2955. 									if (a.style.textAlign !== '') b = a.style.textAlign.charAt(0);
  2956. 									else if (a.align !== '') b = a.align.charAt(0);						
  2957. 								break;
  2958. 								case 'a': 
  2959. 									if (a.attributes.hasOwnProperty('href')) b = 'url';
  2960. 									if (a['onclick']) b = getLinkType(a.onclick.toString());
  2961. 								break;
  2962. 								default: b = '';
  2963. 							}
  2964. 							return b;
  2965. 						};
  2966. 						
  2967. 						var parseHTML = function(a)
  2968. 						{
  2969. 							var result = '', o = [];
  2970. 							for(var i = 0; i < a.childNodes.length; i++)
  2971. 							{
  2972. 								var elm = a.childNodes[i], nodeName = elm.nodeName.toLowerCase(), nodeType = elm.nodeType;
  2973. 								var attr = (nodeType == 1 && getAttr(elm) !== '') ?  getAttr(elm) + ']' : ']';
  2974. 								var className = elm.className, nodeValue = elm.nodeValue;
  2975. 								var nodeText = (elm.innerText) ? elm.innerText : elm.textContent;
  2976. 								var isLineBreak = (elm.innerHTML == '<br>') ? true : false;
  2977. 								if (nodeType == 1 && elm.children.length == 0)
  2978. 								{
  2979. 									if ((nodeName == 'div') && (attr == ']') && (className != 'quote')) result += nodeText + '\n';
  2980. 									else if ((nodeName == 'div') && (attr != ']')) result += '[d' + attr + nodeText + '[/d' + attr;
  2981. 									else if ((nodeName == 'div') && (className == 'quote')) result += '[quote]' + nodeTExt + '[/quote]';
  2982. 									else if ((nodeName == 'p') && (attr == ']')) result += nodeText;
  2983. 									else if ((nodeName == 'p') && (attr != ']')) result += '[d' + attr + nodeText + '[/d' + attr;
  2984. 									else if (nodeName == 'blockquote') result += '[bq' + attr + nodeText + '[/bq' + attr;
  2985. 									else if (nodeName == 'br') result += '\n';
  2986. 									else if (nodeName == 'a') result += '[' + attr + nodeText + '[/' + attr;
  2987. 									else if (nodeName == 'font') result += nodeText;
  2988. 									else if (nodeName == 'strike') result += '[s]' + nodeText + '[/s]';
  2989. 									else result += '[' + nodeName + attr + nodeText + '[/' + nodeName + ']';
  2990. 								}
  2991. 								else if (nodeType == 1 && elm.children.length > 0)
  2992. 								{
  2993. 									o.push(elm);
  2994. 									
  2995. 									if ((nodeName == 'div') && (attr == ']') && (className != 'quote') && !isLineBreak) result += '';
  2996. 									else if ((nodeName == 'div') && (attr != ']') && !isLineBreak) result += '[d' + attr;
  2997. 									else if ((nodeName == 'div') && isLineBreak) result += '';
  2998. 									else if ((nodeName == 'div') && (className == 'quote')) result += '[quote]';
  2999. 									else if ((nodeName == 'p') && (attr == ']')) result += '';
  3000. 									else if ((nodeName == 'p') && (attr != ']')) result += '[d' + attr;
  3001. 									else if (nodeName == 'blockquote') result += '[bq' + attr;
  3002. 									else if (nodeName == 'a') result += '[' + attr;
  3003. 									else if (nodeName == 'font') result += '';
  3004. 									else if (nodeName == 'span') result += '';
  3005. 									else if (nodeName == 'strike') result += '[s]';
  3006. 									else result += '[' + nodeName  + ']';
  3007. 									
  3008. 									result += parseHTML(o[o.length - 1]);
  3009. 									
  3010. 									if ((nodeName == 'div') && (attr == ']') && (className != 'quote') && !isLineBreak) result += '\n';
  3011. 									else if ((nodeName == 'div') && (attr != ']') && !isLineBreak) result += '[/d' + attr;
  3012. 									else if ((nodeName == 'div') && isLineBreak) result += '';
  3013. 									else if ((nodeName == 'div') && (className == 'quote')) result += '[/quote]';
  3014. 									else if ((nodeName == 'p') && (attr == ']')) result += '';
  3015. 									else if ((nodeName == 'p') && (attr != ']')) result += '[/d' + attr;
  3016. 									else if (nodeName == 'blockquote') result += '[/bq' + attr;
  3017. 									else if (nodeName == 'a') result += '[/' + attr;
  3018. 									else if (nodeName == 'font') result += '';
  3019. 									else if (nodeName == 'span') result += '';
  3020. 									else if (nodeName == 'strike') result += '[/s]';
  3021. 									else result += '[/' + nodeName  + ']';
  3022. 								}
  3023. 								else if (nodeType == 3 && nodeValue && nodeValue.trim() !== '') result += nodeValue;
  3024. 							}
  3025. 							result.replace('\u200B', '');
  3026. 							return result;
  3027. 						};
  3028. 						var encoded = parseHTML(cont);
  3029. 						return encoded;
  3030. 					}
  3031. 					catch(e)
  3032. 					{
  3033. 						console.log('zmail: ' + e.toString());
  3034. 						return 'ERROR';
  3035. 					}
  3036. 				},
  3037. 				
  3038. 				getCharactersCount: function(msg)
  3039. 				{
  3040. 					var count = 0;
  3041. 					if (this.generatedSections && this.generatedSections.length)
  3042. 					{
  3043. 						for (var i = 0; i < this.generatedSections.length; i++)
  3044. 						{
  3045. 							var cnct = this.generatedSections[i][1].replace(/.*?<cnct>([^<\/cnct>]*)<\/cnct>.*/, '$1');
  3046. 							if (cnct && this.generatedSections[i][2] == 1) count += cnct.length;
  3047. 						}
  3048. 					}
  3049. 					if (msg) count += msg.length;
  3050. 					return count;
  3051. 				},
  3052. 				
  3053. 				markRead: function(flag)
  3054. 				{
  3055. 					var ids = this.getSelectedMsgsIds(), style = (flag) ? 'cont' : 'contUnRead';
  3056. 					var headers = (this.selectedMsgs.headers.length == 0) ? [this.selectedHeader] : this.selectedMsgs.headers;
  3057. 					for(var i = 0; i < headers.length; i++)
  3058. 					{
  3059. 						var isRead = headers[i].data.isRead;
  3060. 						var id = headers[i].data.msg.i;
  3061. 						var index = this.getMsgIndex(id, this.folders.inbox.msgs);
  3062. 						headers[i].data.isRead = flag;
  3063. 						headers[i].zm_css(this.css.header[style]);
  3064. 						if (index > -1) this.folders.inbox.msgs[index].r = flag;
  3065. 						else console.log('zmail: ' + 'Inbox doesn\'t contain id(' + id + ')');
  3066. 					}
  3067. 					this.selectAll(false);
  3068. 					zmail.data.getInstance().markRead(ids, flag);
  3069. 				},
  3070. 						
  3071. 				selectAll: function(n)
  3072. 				{
  3073. 					var selectAllCheckBox = this.dom.middleBar.footer.selectAll;
  3074. 					var ids = [], headers = [], boxes = [];
  3075. 					for(var key in this.generatedHeaders)
  3076. 					{
  3077. 						var checkBox = this.generatedHeaders[key].checkBox;
  3078. 						var header = this.generatedHeaders[key].cont;
  3079. 						header.style.background = (n) ? '#363636' : (header.data.isRead) ? 'transparent' : '#292929';
  3080. 						header.data.isSelected = n;
  3081. 						checkBox.data.isChecked = n;
  3082. 						checkBox.style.background = (n) ? '#9f9f9f' : 'transparent';
  3083. 						ids.push(parseInt(key));
  3084. 						headers.push(header);
  3085. 						boxes.push(checkBox);
  3086. 					}
  3087. 					this.selectedMsgs.ids = (n) ? ids : [];
  3088. 					this.selectedMsgs.headers = (n) ? headers : [];
  3089. 					this.selectedMsgs.checkBoxes = (n) ? boxes : [];
  3090. 					selectAllCheckBox.data.isChecked = n;
  3091. 					selectAllCheckBox.style.background = (n) ? '#9f9f9f' : 'transparent';
  3092. 					this.selectedHeader = null;
  3093. 					this.resetMsgCont(1);
  3094. 					this.setToolbar();
  3095. 				},
  3096. 				
  3097. 				getSelectedMsgsIds: function()
  3098. 				{
  3099. 					var smIds = this.selectedMsgs.ids, sh = this.selectedHeader;
  3100. 					var ids = (smIds != null && smIds.length > 0) ? smIds : (sh != null) ? [sh.data.msg.i] : null;
  3101. 					return ids;
  3102. 				},
  3103. 				
  3104. 				getMsgIndex: function(id, msgs)
  3105. 				{
  3106. 					var index = -1;
  3107. 					for(var i = 0; i < msgs.length; i++)
  3108. 					{
  3109. 						if (msgs[i].i == id)
  3110. 						{
  3111. 							index = i;
  3112. 							break;
  3113. 						}
  3114. 					}
  3115. 					return index;
  3116. 				},
  3117. 				
  3118. 				removeMsgFromFolder: function(id, folder)
  3119. 				{
  3120. 					var idIndex = this.folders[folder].ids.indexOf(id);
  3121. 					if (idIndex > -1)
  3122. 					{
  3123. 						if (this.folders[folder].msgs[idIndex].i == id)
  3124. 						{
  3125. 							var msg = this.folders[folder].msgs[idIndex];
  3126. 							this.folders[folder].ids.splice(idIndex, 1);
  3127. 							this.folders[folder].msgs.splice(idIndex, 1);
  3128. 							return msg;
  3129. 						}
  3130. 						else
  3131. 						{
  3132. 							var msgIndex = this.getMsgIndex(id, this.folders[folder].msgs);
  3133. 							var msgId = this.folders[folder].msgs[msgIndex].i;
  3134. 							if ((msgIndex > -1) && (msgId == id))
  3135. 							{
  3136. 								var msg = this.folders[folder].msgs[msgIndex];
  3137. 								this.folders[folder].ids.splice(idIndex, 1);
  3138. 								this.folders[folder].msgs.splice(msgIndex, 1);
  3139. 								return msg;
  3140. 							}
  3141. 							else
  3142. 							{
  3143. 								if (msgIndex == -1) console.log('zmail: ' + 'Message with id: ' + id + ' could not be found in ' + folder + '!');
  3144. 								else if (msgId !== id) console.log('zmail: ' + 'id mismatch (' + id + ' - ' + msgId + ')');
  3145. 								else console.log('zmail: ' + 'something went terribly wrong');
  3146. 								return false;
  3147. 							}
  3148. 						}
  3149. 					}
  3150. 					else console.log('zmail: ' + 'id: ' + id + 'does not exist in folder '  + folder);
  3151. 				},
  3152. 				
  3153. 				
  3154. 				toJunk: function()
  3155. 				{
  3156. 					var arr = this.getSelectedMsgsIds();
  3157. 					if (arr !== null)
  3158. 					{
  3159. 						for (var i = 0; i < arr.length; i++)
  3160. 						{
  3161. 							var id = arr[i], msg = this.removeMsgFromFolder(id, 'inbox');
  3162. 							if (msg && this.folders.junk.ids.indexOf(id) == -1)
  3163. 							{
  3164. 								this.folders.junk.ids.push(id);
  3165. 								this.folders.junk.msgs.push(msg);
  3166. 							}
  3167. 							if (this.folders.junk.ids.indexOf(id) > -1) console.log('zmail: ' + 'Message with id: ' + id + 'already exists in Junk!');
  3168. 						}
  3169. 						this.selectAll(false);
  3170. 						this.update();
  3171. 						this.storage.save.call(this);
  3172. 					}
  3173. 					else console.log('zmail: ' + 'No messages selected!');
  3174. 				},
  3175. 				
  3176. 				toDocuments: function()
  3177. 				{
  3178. 					var arr = this.getSelectedMsgsIds();
  3179. 					if (arr !== null)
  3180. 					{
  3181. 						for (var i = 0; i < arr.length; i++)
  3182. 						{
  3183. 							var id = arr[i], msg = this.removeMsgFromFolder(id, 'inbox'), index = this.folders.documents.ids.indexOf(id);
  3184. 							if (msg && (index == -1))
  3185. 							{
  3186. 								this.folders.documents.ids.push(id);
  3187. 								this.folders.documents.msgs.push(msg);
  3188. 							}
  3189. 							if (index > -1) console.log('zmail: ' + 'Message (' + id + ') already exists in Documents!');
  3190. 						}
  3191. 						this.selectAll(false);
  3192. 						this.update();
  3193. 						this.storage.save.call(this);
  3194. 					}
  3195. 					else console.log('zmail: ' + 'No messages selected!');
  3196. 				},
  3197. 				
  3198. 				toTrash: function()
  3199. 				{
  3200. 					var arr = this.getSelectedMsgsIds();
  3201. 					var folder = this.selectedFolder;
  3202. 					var type = (folder == 'outbox') ? 1 : 0;
  3203. 					if (arr !== null)
  3204. 					{
  3205. 						for (var i = 0; i < arr.length; i++)
  3206. 						{
  3207. 							var id = arr[i], msg = this.removeMsgFromFolder(id, folder), index = this.folders.trash[type].ids.indexOf(id);
  3208. 							if (msg && (index == -1))
  3209. 							{
  3210. 								this.folders.trash[type].ids.push(id);
  3211. 								this.folders.trash[type].msgs.push(msg);
  3212. 							}
  3213. 							if (index > -1) console.log('zmail: ' + 'Message (' + id + ') already exists in trash[' + type + ']!');
  3214. 						}
  3215. 						this.selectAll(false);
  3216. 						this.update();
  3217. 						this.storage.save.call(this);
  3218. 					}
  3219. 					else console.log('zmail: ' + 'No messages selected!');
  3220. 				},
  3221. 				
  3222. 				emptyFolder: function()
  3223. 				{
  3224. 					var data = zmail.data.getInstance();
  3225. 					if(this.selectedFolder == 'junk')
  3226. 					{
  3227. 						if (this.folders.junk.ids != null && this.folders.junk.ids.length > 0)
  3228. 						{
  3229. 							data.deleteMsgs(this.folders.junk.ids, 1);
  3230. 							this.folders.junk.ids = [];
  3231. 							this.folders.junk.msgs = [];
  3232. 						}
  3233. 					}
  3234. 					if(this.selectedFolder == 'trash')
  3235. 					{
  3236. 						if (this.folders.trash[0].ids != null && this.folders.trash[0].ids.length > 0)
  3237. 						{
  3238. 							data.deleteMsgs(this.folders.trash[0].ids, 1);
  3239. 							this.folders.trash[0].ids = [];
  3240. 							this.folders.trash[0].msgs = [];
  3241. 						}
  3242. 						if (this.folders.trash[1].ids != null && this.folders.trash[1].ids.length > 0)
  3243. 						{
  3244. 							data.deleteMsgs(this.folders.trash[1].ids, 0);
  3245. 							this.folders.trash[1].ids = [];
  3246. 							this.folders.trash[1].msgs = [];
  3247. 						}
  3248. 					}
  3249. 					this.update();
  3250. 					this.storage.save.call(this);
  3251. 				},
  3252. 				
  3253. 				notJunk: function()
  3254. 				{
  3255. 					var arr = this.getSelectedMsgsIds();
  3256. 					if(this.selectedFolder == 'junk' && arr !== null)
  3257. 					{
  3258. 						for (var i = 0; i < arr.length; i++)
  3259. 						{
  3260. 							var id = arr[i], msg = this.removeMsgFromFolder(id, 'junk'), index = this.folders.inbox.ids.indexOf(id);
  3261. 							if (msg && (index == -1))
  3262. 							{
  3263. 								this.folders.inbox.ids.push(id);
  3264. 								this.folders.inbox.msgs.push(msg);
  3265. 							}
  3266. 							if (index > -1) console.log('zmail: ' + 'Message (' + id + ')already exists in inbox!');
  3267. 						}
  3268. 						this.selectAll(false);
  3269. 						this.update();
  3270. 						this.storage.save.call(this);
  3271. 					}
  3272. 					else console.log('zmail: ' + 'No messages selected!');
  3273. 				},
  3274. 				
  3275. 				notTrash: function()
  3276. 				{
  3277. 					var arr = this.getSelectedMsgsIds();
  3278. 					if ((this.selectedFolder == 'trash') && (arr !== null))
  3279. 					{
  3280. 						for (var i = 0; i < arr.length; i++)
  3281. 						{
  3282. 							var id = arr[i];
  3283. 							if (this.folders.trash[0].ids.indexOf(id) > -1)
  3284. 							{
  3285. 								var idIndex = this.folders.trash[0].ids.indexOf(id);
  3286. 								var msgIndex = this.getMsgIndex(id, this.folders.trash[0].msgs);
  3287. 								if (msgIndex > -1)
  3288. 								{
  3289. 									var msg = this.folders.trash[0].msgs[msgIndex];
  3290. 									this.folders.trash[0].ids.splice(idIndex, 1);
  3291. 									this.folders.trash[0].msgs.splice(msgIndex, 1);
  3292. 									if (this.folders.inbox.ids.indexOf(id) == -1)
  3293. 									{
  3294. 										this.folders.inbox.ids.push(id);
  3295. 										this.folders.inbox.msgs.push(msg);
  3296. 									}
  3297. 									else console.log('zmail: ' + 'id(' + id + ') already exists in Inbox!');
  3298. 								}
  3299. 								else console.log('zmail: ' + 'trash[inbox] doesn\'t contain message with id(' + id + ')');
  3300. 							}
  3301. 							else if (this.folders.trash[1].ids.indexOf(id) > -1)
  3302. 							{
  3303. 								var idIndex = this.folders.trash[1].ids.indexOf(id);
  3304. 								var msgIndex = this.getMsgIndex(id, this.folders.trash[1].msgs);
  3305. 								if (msgIndex > -1)
  3306. 								{
  3307. 									var msg = this.folders.trash[1].msgs[msgIndex];
  3308. 									this.folders.trash[1].ids.splice(idIndex, 1);
  3309. 									this.folders.trash[1].msgs.splice(msgIndex, 1);
  3310. 									if (this.folders.outbox.ids.indexOf(id) == -1)
  3311. 									{
  3312. 										this.folders.outbox.ids.push(id);
  3313. 										this.folders.outbox.msgs.push(msg);
  3314. 									}
  3315. 									else console.log('zmail: ' + 'id(' + id + ') already exists in Inbox!');
  3316. 								}
  3317. 								else console.log('zmail: ' + 'trash[inbox] doesn\'t contain message with id(' + id + ')');
  3318. 							}
  3319. 							else console.log('zmail: ' + 'trash folder doesn\'t contain id(' + id + ')');
  3320. 						}
  3321. 						this.selectAll(false);
  3322. 						this.update();
  3323. 						this.storage.save.call(this);
  3324. 					}
  3325. 				},
  3326. 				
  3327. 				notDocument: function()
  3328. 				{
  3329. 					var arr = this.getSelectedMsgsIds();
  3330. 					if(this.selectedFolder == 'documents' && arr !== null)
  3331. 					{
  3332. 						for (var i = 0; i < arr.length; i++)
  3333. 						{
  3334. 							var id = arr[i], msg = this.removeMsgFromFolder(id, 'documents'), index = this.folders.inbox.ids.indexOf(id);
  3335. 							if (msg && (index == -1))
  3336. 							{
  3337. 								this.folders.inbox.ids.push(id);
  3338. 								this.folders.inbox.msgs.push(msg);
  3339. 							}
  3340. 							if (index > -1) console.log('zmail: ' + 'Message (' + id + ')already exists in inbox!');
  3341. 						}
  3342. 						this.selectAll(false);
  3343. 						this.update();
  3344. 						this.storage.save.call(this);
  3345. 					}
  3346. 					else console.log('zmail: ' + 'No messages selected!');
  3347. 				},
  3348. 				
  3349. 				deleteMsg: function()
  3350. 				{
  3351. 					var arr = this.getSelectedMsgsIds();
  3352. 					if (this.selectedFolder == 'trash' && arr !== null)
  3353. 					{
  3354. 						var data = zmail.data.getInstance();
  3355. 						var inbox = [], outbox = [];
  3356. 						for (var i = 0; i < arr.length; i++)
  3357. 						{
  3358. 							var id = arr[i];
  3359. 							if (this.folders.trash[0].ids.indexOf(id) > -1)
  3360. 							{
  3361. 								var idIndex = this.folders.trash[0].ids.indexOf(id);
  3362. 								var msgIndex = this.getMsgIndex(id, this.folders.trash[0].msgs);
  3363. 								if(msgIndex > -1)
  3364. 								{
  3365. 									inbox.push(id);
  3366. 									this.folders.trash[0].ids.splice(idIndex, 1);
  3367. 									this.folders.trash[0].msgs.splice(msgIndex, 1);
  3368. 								}
  3369. 								else console.log('zmail: ' + 'trash[inbox] doesn\'t contain a message with id(' + id + ')');
  3370. 							}
  3371. 							else if (this.folders.trash[1].ids.indexOf(id) > -1)
  3372. 							{
  3373. 								var idIndex = this.folders.trash[1].ids.indexOf(id);
  3374. 								var msgIndex = this.getMsgIndex(id, this.folders.trash[1].msgs);
  3375. 								if(msgIndex > -1)
  3376. 								{
  3377. 									outbox.push(id);
  3378. 									this.folders.trash[1].ids.splice(idIndex, 1);
  3379. 									this.folders.trash[1].msgs.splice(msgIndex, 1);
  3380. 								}
  3381. 								else console.log('zmail: ' + 'trash[outbox] doesn\'t contain a message with id(' + id + ')');
  3382. 							}
  3383. 							else console.log('zmail: ' + 'trash folder doesn\'t contain id(' + id + ')');
  3384. 						}
  3385. 						this.selectAll(false);
  3386. 						this.update();
  3387. 						this.storage.save.call(this);
  3388. 						if (inbox.length > 0) data.deleteMsgs(inbox, 1);
  3389. 						if (outbox.length > 0) data.deleteMsgs(outbox, 0);
  3390. 					}
  3391. 				},
  3392. 				
  3393. 				searchFolder: function(str)
  3394. 				{
  3395. 					var msgs = this.folders[this.selectedFolder].msgs;
  3396. 					var m1 = [], m2 = [], sd = [], sb = [], root = this;
  3397. 					var cont = this.dom.searchResults.cont;
  3398. 					var fromUl = this.dom.searchResults.sender.list;
  3399. 					var subjectUl = this.dom.searchResults.subject.list;
  3400. 					var fromCount = this.dom.searchResults.sender.count;
  3401. 					var subjectCount = this.dom.searchResults.subject.count;
  3402. 					fromUl.zm_empty();
  3403. 					subjectUl.zm_empty();
  3404. 					cont.style.display = (str == '') ? 'none' : 'block';
  3405. 					for (var i = 0; i < msgs.length; i++)
  3406. 					{
  3407. 						var sender = msgs[i].f, subject = msgs[i].s.toLowerCase(), id = msgs[i].i, str = str.toLowerCase();
  3408. 						if ((sender.toLowerCase().match(str) !== null) && (sd.indexOf(sender) == -1))
  3409. 						{
  3410. 							m1.push([sender, id]);
  3411. 							sd.push(sender);
  3412. 						}
  3413. 						if ((subject.match(str) !== null) && (sb.indexOf(subject) == -1))
  3414. 						{
  3415. 							m2.push([subject, id]);
  3416. 							sb.push(subject);
  3417. 						}
  3418. 					}
  3419. 					(fromCount.innerText) ? fromCount.innerText =  m1.length : fromCount.textContent = m1.length;
  3420. 					(subjectCount.innerText) ? subjectCount.innerText =  m2.length : subjectCount.textContent = m2.length;
  3421. 					var printMsg = function()
  3422. 					{
  3423. 						root.printMsg.apply(root, arguments);
  3424. 					};
  3425. 					for (var a = 0; a < Math.min(5, m1.length); a++)
  3426. 					{
  3427. 						var li1 = this.create('li', this.css.searchResults.li.sub);
  3428. 						var t1 = m1[a][0];
  3429. 						this.text(li1, (t1.length > 15) ? t1.substr(0, 15) + '...' : t1);
  3430. 						fromUl.appendChild(li1);
  3431. 						li1.data = {'sender': m1[a][0], 'folder': this.selectedFolder}; 
  3432. 						li1.onclick = function()
  3433. 						{
  3434. 							var f = this.data.folder, um = [], ui = [];
  3435. 							var msgs = root.folders[f].msgs;
  3436. 							if (!msgs) return;
  3437. 							for (var m = 0; m < msgs.length; m++) if (msgs[m].f == this.data.sender) { um.push(msgs[m]); ui.push(msgs[m].i) };
  3438. 							root.selectedFolder = 'results';
  3439. 							root.folders.results = {'ids': ui, 'msgs': um};
  3440. 							root.populateHeaders();
  3441. 							root.selectedFolder = this.data.folder;
  3442. 							cont.style.display = 'none';
  3443. 						}
  3444. 					}
  3445. 					for (var b = 0; b < Math.min(5, m2.length); b++)
  3446. 					{
  3447. 						var li2 = this.create('li', this.css.searchResults.li.sub);
  3448. 						var t2 = m2[b][0];
  3449. 						this.text(li2, (t2.length > 15) ? t2.substr(0, 15) + '...' : t2);
  3450. 						subjectUl.appendChild(li2);
  3451. 						li2.data = {'id': m2[b][1], 'folder': this.selectedFolder}; 
  3452. 						li2.onclick = function()
  3453. 						{
  3454. 							var id = this.data.id, f = this.data.folder;
  3455. 							var index = root.getMsgIndex(id, root.folders[f].msgs);
  3456. 							var msg = root.folders[f].msgs[index];
  3457. 							root.selectedFolder = 'results';
  3458. 							root.folders.results = {'ids': [id], 'msgs': [msg]};
  3459. 							root.populateHeaders();
  3460. 							root.selectedFolder = this.data.folder;
  3461. 							for (var h in root.generatedHeaders)
  3462. 							{
  3463. 								root.generatedHeaders[h].cont.click();
  3464. 								break;
  3465. 							}
  3466. 							cont.style.display = 'none';
  3467. 						}
  3468. 					};
  3469. 				},
  3470. 				
  3471. 				storage: 
  3472. 				{
  3473. 					'save': function()
  3474. 					{
  3475. 						var json = JSON.parse(localStorage.ccta_zmail), folders = {}, contacts = {};
  3476. 						folders.draft = this.folders.draft;
  3477. 						folders.junk = this.folders.junk.ids;
  3478. 						folders.trash = [this.folders.trash[0].ids, this.folders.trash[1].ids];
  3479. 						folders.documents = this.folders.documents.ids;
  3480. 						contacts.friends = this.contacts.friends;
  3481. 						contacts.blocked = this.contacts.blocked;
  3482. 						contacts.groups = this.contacts.groups;
  3483. 						localStorage.ccta_zmail = JSON.stringify({'folders': folders, 'contacts': contacts, 'archive': json.archive});
  3484. 					},
  3485. 					
  3486. 					'get': function(folder)
  3487. 					{
  3488. 						var json = JSON.parse(localStorage.ccta_zmail), folders = json.folders, contacts = json.contacts;
  3489. 						var x = null;
  3490. 						var size = function(obj)
  3491. 						{
  3492. 							if (typeof obj !== 'object') return null;
  3493. 							var s = 0;
  3494. 							for (var key in obj) s++;
  3495. 							return s;
  3496. 						};
  3497. 						
  3498. 						switch(folder)
  3499. 						{
  3500. 							case 'draft': if (folders.draft !== null) x = folders.draft; break;
  3501. 							case 'trash0': if (folders.trash !== null) x = folders.trash[0]; break;
  3502. 							case 'trash1': if (folders.trash !== null) x = folders.trash[1]; break;
  3503. 							case 'junk': if (folders.junk !== null) x = folders.junk; break;
  3504. 							case 'draft': if (folders.draft !== null) x = folders.draft; break;
  3505. 							case 'documents': if (folders.documents !== null) x = folders.documents; break;
  3506. 							case 'friends': if (contacts.friends !== null) x = contacts.friends; break;
  3507. 							case 'blocked': if (contacts.blocked !== null) x = contacts.blocked; break;
  3508. 							case 'groups': if (contacts.groups !== null) x = contacts.groups; break;
  3509. 						}
  3510. 						x = (x) ? x : ((folder == 'draft')||(folder == 'groups')) ? {} : [];
  3511. 						console.log('zmail: ' + x, folder);
  3512. 						return x;
  3513. 					}
  3514. 				},
  3515. 				
  3516. 				setToolbar: function()
  3517. 				{
  3518. 					var folder = this.selectedFolder, selection = this.selectedMsgs, header = this.selectedHeader;
  3519. 					var type = (selection.ids == null || selection.ids.length == 0) ? (header == null) ? 'default' : 'single' : 'group';
  3520. 					var toolbarCont = this.dom.topBar.menu;
  3521. 					var newMsg = this.dom.topBar.toolbar.newMsg;
  3522. 					var trash = this.dom.topBar.toolbar.trash;
  3523. 					var delMsg = this.dom.topBar.toolbar.delMsg;
  3524. 					var junk = this.dom.topBar.toolbar.junk;
  3525. 					var notJunk = this.dom.topBar.toolbar.notJunk;
  3526. 					var restore = this.dom.topBar.toolbar.restore;
  3527. 					var mark = this.dom.topBar.toolbar.mark;
  3528. 					var reply = this.dom.topBar.toolbar.reply;
  3529. 					var empty = this.dom.topBar.toolbar.empty;
  3530. 					var editDraft = this.dom.topBar.toolbar.editDraft;
  3531. 					var deleteDraft = this.dom.topBar.toolbar.deleteDraft;
  3532. 					var toDocuments = this.dom.topBar.toolbar.toDocuments;
  3533. 					var notDocument = this.dom.topBar.toolbar.notDocument;
  3534. 					var forwardMsg = this.dom.topBar.toolbar.forwardMsg;
  3535. 					var bars = {
  3536. 						'inbox':
  3537. 						{
  3538. 							'single': [reply, trash, junk, toDocuments, mark],
  3539. 							'group': [trash, junk, toDocuments, mark],
  3540. 							'default': []
  3541. 						},
  3542. 						'outbox':
  3543. 						{
  3544. 							'single': [trash, forwardMsg],
  3545. 							'group': [trash],
  3546. 							'default': []
  3547. 						},
  3548. 						'junk':
  3549. 						{
  3550. 							'single': [notJunk, trash, empty],
  3551. 							'group': [notJunk, trash],
  3552. 							'default': [empty]
  3553. 						},
  3554. 						'trash':
  3555. 						{
  3556. 							'single': [restore, delMsg, empty],
  3557. 							'group': [restore, delMsg],
  3558. 							'default': [empty]
  3559. 						},
  3560. 						'draft':
  3561. 						{
  3562. 							'single': [editDraft, deleteDraft],
  3563. 							'group': [deleteDraft],
  3564. 							'default': []
  3565. 						},
  3566. 						'documents':
  3567. 						{
  3568. 							'single': [notDocument, forwardMsg, trash],
  3569. 							'group': [notDocument, forwardMsg, trash],
  3570. 							'default': []
  3571. 						}
  3572. 					};
  3573. 					toolbarCont.zm_empty();
  3574. 					toolbarCont.appendChild(newMsg);
  3575. 					if (bars.hasOwnProperty(folder)) toolbarCont.zm_append(bars[folder][type]);
  3576. 				},
  3577. 					
  3578. 				decodeMsg: function(m)
  3579. 				{
  3580. 					var match, f = m, create = this.create, cssStyles = this.css, text = this.text;
  3581. 					var re = /(?:\[(url|player|alliance|coords)\])((?:.(?!\1))+.)(?:\[\/\1\])/g;
  3582. 					var tags = ['ul','ol','tr','td','th','table','li','dr','dc','dl','tbody','bq','span','b','i','u','s','font','quote'];
  3583. 					var data = zmail.data.getInstance();
  3584. 					var BBCode = data.createBBCode;
  3585. 					var quoteCont = '<br/><div style="padding:10px; border:1px solid #5a5a5a; background:#303030; box-sizing:border-box; -moz-box-sizing:border-box; word-wrap:break-word;">';
  3586. 					var createLink = function(val)
  3587. 					{
  3588. 						var a = create('a', cssStyles.link._14);
  3589. 						text(a, val);
  3590. 						a.href = val;
  3591. 						a.target = 'blank';
  3592. 						return a.outerHTML;
  3593. 					};
  3594. 					var convertTag = function(tag)
  3595. 					{
  3596. 						var openTag, closeTag, op = new RegExp('\\[' + tag + '\\]', 'g'), cp = new RegExp('\\[\\/' + tag + '\\]', 'g');
  3597. 						switch(tag)
  3598. 						{
  3599. 							case 'dr': openTag = '<div style="text-align: right">'; closeTag = '</div>'; break;
  3600. 							case 'dc': openTag = '<div style="text-align: center">'; closeTag = '</div>'; break;
  3601. 							case 'dl': openTag = '<div style="text-align: left">'; closeTag = '</div>'; break;
  3602. 							case 'bq': openTag = '<div style="margin-left: 40px">'; closeTag = '</div>'; break;
  3603. 							case 'table': openTag = '<table rules="all" border="1" style="border-color: #999; margin: 10px 0;">'; closeTag = '</table>'; break;
  3604. 							case 'td': openTag = '<td style="padding: 4px 15px">'; closeTag = '</td>'; break;
  3605. 							case 'th': openTag = '<th style="background-color: #999; color: #333; padding: 3px 15px;">'; closeTag = '</th>'; break;
  3606. 							case 'quote': openTag = quoteCont; closeTag = '</div>'; break;
  3607. 							case 'font': openTag = ''; closeTag = ''; break;
  3608. 							default: openTag = '<' + tag + '>'; closeTag = '</' + tag + '>';
  3609. 						}
  3610. 						if (op.test(f)) f = f.replace(op, openTag);
  3611. 						if (cp.test(f)) f = f.replace(cp, closeTag);
  3612. 					};
  3613. 					while((match = re.exec(m)) !== null)
  3614. 					{
  3615. 						var code = match[1], val = match[2];
  3616. 						if(code == 'coords') val = val.split(':');
  3617. 						switch(code)
  3618. 						{
  3619. 							case 'url': f = f.replace(match[0], createLink(val)); break;
  3620. 							case 'alliance': f = f.replace(match[0], BBCode.alliance(val)); break;
  3621. 							case 'player': f = f.replace(match[0], BBCode.player(val)); break;
  3622. 							case 'coords': f = f.replace(match[0], BBCode.coords(val.join(':'), val[0], val[1])); break;
  3623. 						}
  3624. 					}
  3625. 					tags.map(convertTag);
  3626. 					return f;
  3627. 				},
  3628. 				
  3629. 				formatDate: function(d,t)
  3630. 				{
  3631. 					var date = new Date(parseInt(d));
  3632. 					var day = date.getDate(), month = date.getMonth() + 1, year = date.getFullYear().toString().slice(2);
  3633. 					var hours = date.getHours(), minutes = date.getMinutes(), fullYear = date.getFullYear();
  3634. 					var newDate = new Date(), today = newDate.getDate(), thisMonth = newDate.getMonth() + 1, thisYear = newDate.getFullYear();
  3635. 					
  3636. 					var conv = function(n){ return (n > 9) ? n : '0' + n};
  3637. 					
  3638. 					if(day == today && month == thisMonth && fullYear == thisYear && t == 'header')
  3639. 					{
  3640. 						return conv(hours) + ':' + conv(minutes);
  3641. 					}
  3642. 					else
  3643. 					{
  3644. 						var f = conv(day) + '/' + conv(month) + '/' + year;
  3645. 						if (t == 'header') return f;
  3646. 						if (t == 'msg') return (f + '  ' + conv(hours) + ':' + conv(minutes));
  3647. 					}
  3648. 				},
  3649. 				
  3650. 				printMsg: function(msg)
  3651. 				{
  3652. 					var b = msg.b, cssStyles = this.css, text = this.text, create = this.create, root = this;
  3653. 					var msgSbc = this.dom.rightBar.scrollBar.cont, msgCont = this.dom.rightBar.msgCont;
  3654. 					var sb = this.dom.rightBar.scrollBar.bar;
  3655. 					var expandCont = root.dom.rightBar.expandCont;
  3656. 					this.generatedSections = [];
  3657. 					msgCont.zm_empty();
  3658. 					var createSection = function(f,d,m,i,c)
  3659. 					{
  3660. 						var s_cont = create('div', cssStyles.compose.rightBar.origionalMsg.cont);
  3661. 						var s_remove = create('div', cssStyles.compose.rightBar.origionalMsg.close);
  3662. 						var s_from = create('p', cssStyles.compose.rightBar.origionalMsg.from);
  3663. 						var s_date = create('p', cssStyles.compose.rightBar.origionalMsg.date);
  3664. 						var s_message = document.createElement('div');
  3665. 						var s_sender = f.cloneNode(true);
  3666. 						text(s_from, 'From: ');
  3667. 						text(s_date, d);
  3668. 						text(s_remove, 'x');
  3669. 						s_message.innerHTML = m;
  3670. 						s_remove.data = {'index': i, 'contents': c};
  3671. 						s_sender.style.fontSize = '14px';
  3672. 						s_sender.style.fontWeight = 'normal';
  3673. 						s_from.zm_append([s_sender, s_date]);
  3674. 						s_cont.zm_append([s_from, s_message, s_remove]);
  3675. 						s_remove.onclick = function()
  3676. 						{
  3677. 							var index = this.data.index, sections = root.generatedSections;
  3678. 							var sb = root.dom.compose.rightBar.msgSb;
  3679. 							if(sections[index] && sections[index][2] == 1) root.generatedSections[index][2] = 0;
  3680. 							this.parentNode.remove();
  3681. 							sb.data.update();
  3682. 						};
  3683. 						root.generatedSections.push([s_cont, c, 1]);
  3684. 					};
  3685. 					
  3686. 					if(msg.fi === -1)
  3687. 					{
  3688. 						var subject = create('p', cssStyles.message.subject);
  3689. 						var from = create('p', cssStyles.message.from);
  3690. 						var to = create('p', cssStyles.message.from);
  3691. 						var msgBody = create('p', cssStyles.message.body);
  3692. 						var date = create('span', cssStyles.message.date);
  3693. 			
  3694. 						text(subject, msg.s);
  3695. 						text(from, 'From: System');
  3696. 						text(to, 'To: You');
  3697. 						text(date, this.formatDate(msg.d, 'msg'));
  3698. 						msgBody.innerHTML = this.decodeMsg(b);
  3699. 						from.appendChild(date);
  3700. 						msgCont.zm_append([subject, from, to, msgBody]);
  3701. 					}
  3702. 					
  3703. 					if((msg.fi !== -1) && (/<cnc>/.test(b)))
  3704. 					{
  3705. 						str = b.replace(/[\t\r\n]/g, '</br>');
  3706. 						var sections = [];
  3707. 						var cnc = str.match(/<cnc>.*?<\/cnc>/g);
  3708. 						var re  = /(?:<(cncs|cncd|cnct)>)((?:.(?!\1))+.)(?:<\/\1>)/g, match;
  3709. 						
  3710. 						for(var i = 0; i < cnc.length; i++)
  3711. 						{
  3712. 							var sd, dt, txt;
  3713. 							while ((match = re.exec(cnc[i])) !== null) 
  3714. 							{
  3715. 								var tag = match[1], val = match[2];
  3716. 								switch(tag)
  3717. 								{
  3718. 									case 'cncs': sd = val; break;
  3719. 									case 'cncd': dt = parseInt(val); break;
  3720. 									case 'cnct': txt = val; break;
  3721. 								}
  3722. 							};
  3723. 							sections.push([sd, dt, txt]);
  3724. 						}
  3725. 						
  3726. 						for(var n = 0; n < sections.length; n++)
  3727. 						{
  3728. 							var subject = create('p', cssStyles.message.subject);
  3729. 							var from = create('p', cssStyles.message.from);
  3730. 							var msgBody = create('p', cssStyles.message.body);
  3731. 							var date = create('span', cssStyles.message.date);
  3732. 							var sender = create('a', cssStyles.link._12);
  3733. 							text(subject, msg.s);
  3734. 							text(from, 'From: ');
  3735. 							text(date, this.formatDate(sections[n][1], 'msg'));
  3736. 							text(sender, sections[n][0]);
  3737. 							sender.data = {'name': sections[n][0]};
  3738. 							sender.onclick = function(){webfrontend.gui.util.BBCode.openPlayerProfile(this.data.name)};
  3739. 							sender.style.marginRight = 0;
  3740. 							from.zm_append([sender, date]);
  3741. 							if (sections[n][2]) msgBody.innerHTML = this.decodeMsg(sections[n][2]);
  3742. 							
  3743. 							if(n == 0)
  3744. 							{
  3745. 								var to = create('p', cssStyles.message.from);
  3746. 								var expandBox = create('span', cssStyles.message.expand.wrapper);
  3747. 								var expand = create('div', cssStyles.message.expand.cont);
  3748. 								var addFriend = create('a', cssStyles.message.actionLink);
  3749. 								var blockContact = create('a', cssStyles.message.actionLink);
  3750. 								var add = function(){ root.addFriend.apply(root, arguments) };
  3751. 								var block = function(){ root.blockContact.apply(root, arguments) };
  3752. 								var isFriend = (this.contacts.friends) ? this.contacts.friends.indexOf(msg.fi) > -1 : false;
  3753. 								var isBlocked = (this.contacts.blocked) ? this.contacts.blocked.indexOf(msg.fi) > -1 : false;
  3754. 								text(to, 'To: ');
  3755. 								text(addFriend, 'Add to contacts');
  3756. 								text(blockContact, 'Block');
  3757. 								to.style.paddingTop = 0;
  3758. 								addFriend.data = {'id': msg.fi};
  3759. 								blockContact.data = {'id': msg.fi};
  3760. 								addFriend.onclick = function(){ add(this.data.id); addFriend.remove(); blockContact.remove(); };
  3761. 								blockContact.onclick = function(){ block(this.data.id); addFriend.remove(); blockContact.remove(); };
  3762. 								expand.style.backgroundImage = 'url(' + root.res.expand + ')';
  3763. 								expand.data = {'isCollapsed': true, 'cont': to, 'bar': null};
  3764. 								expand.onclick = function()
  3765. 								{
  3766. 									if (this.data.isCollapsed)
  3767. 									{
  3768. 										this.data.cont.style.whiteSpace = 'normal';
  3769. 										this.style.backgroundImage = 'url(' + root.res.collapse + ')';
  3770. 									}
  3771. 									else
  3772. 									{
  3773. 										this.data.cont.style.whiteSpace = 'nowrap';
  3774. 										this.style.backgroundImage = 'url(' + root.res.expand + ')';
  3775. 									}
  3776. 									root.dom.rightBar.scrollBar.bar.data.update();
  3777. 									this.data.isCollapsed = !this.data.isCollapsed;
  3778. 								};
  3779. 								expandBox.appendChild(expand);
  3780. 								if (!isFriend && !isBlocked) from.zm_append([addFriend, blockContact]);
  3781. 								
  3782. 								for(var a = 0; a < msg.t.length; a++)
  3783. 								{
  3784. 									var receiver = create('a', cssStyles.link._12);
  3785. 									var s = (a == msg.t.length - 1) ? msg.t[a] : msg.t[a] + ',';
  3786. 									receiver.data = {'name': msg.t[a]};
  3787. 									receiver.onclick = function(){webfrontend.gui.util.BBCode.openPlayerProfile(this.data.name)};
  3788. 									text(receiver, s);
  3789. 									to.appendChild(receiver);
  3790. 								}
  3791. 								subject.addEventListener('mouseover', function(){expandCont.style.visibility = 'visible'}, false);
  3792. 								subject.addEventListener('mouseout', function()
  3793. 								{
  3794. 									setTimeout(function(){if (!expandCont.data.isFocused) expandCont.style.visibility = 'hidden'}, 50);
  3795. 								}, false);
  3796. 								msgCont.zm_append([subject, from, to, msgBody]);
  3797. 								if (to.scrollWidth > to.offsetWidth) to.appendChild(expandBox);
  3798. 							}
  3799. 							else msgCont.zm_append([from, msgBody]);
  3800. 							createSection(sender, date.innerHTML, msgBody.innerHTML, n, cnc[n]);
  3801. 						}
  3802. 					}
  3803. 					if (this.selectedFolder == 'inbox') msgCont.appendChild(expandCont);
  3804. 					msgCont.style.top = 0;
  3805. 					sb.data.update();
  3806. 				},
  3807. 				
  3808. 				createHeader: function(msg)
  3809. 				{
  3810. 					var create = this.create, text = this.text, cssStyles = this.css, root = this;
  3811. 					var selectAll = this.dom.middleBar.footer.selectAll;
  3812. 					var headerCont = create('div', cssStyles.header.cont);
  3813. 					var sender = create('a', cssStyles.header.sender);
  3814. 					var date = create('span', cssStyles.header.date);
  3815. 					var subject = create('p', cssStyles.header.subject);
  3816. 					var checkBox = create('div', cssStyles.header.checkBox);
  3817. 					var span = create('span', cssStyles.header.span);
  3818. 					text(sender, msg.f);
  3819. 					text(date, this.formatDate(msg.d, 'header'));
  3820. 					text(subject, msg.s);
  3821. 					sender.data = {'from': msg.f};
  3822. 					sender.onclick = function()
  3823. 					{
  3824. 						root.preventDefaults(event);
  3825. 						webfrontend.gui.util.BBCode.openPlayerProfile(this.data.from)
  3826. 					};
  3827. 					span.appendChild(checkBox);
  3828. 					headerCont.zm_append([span, sender, date, subject]);
  3829. 					headerCont.data = {'msg': msg, 'isSelected': false, 'isRead': msg.r};
  3830. 					if(!msg.r)
  3831. 					{
  3832. 						headerCont.zm_css(cssStyles.header.contUnRead);
  3833. 						span.style.borderBottom = cssStyles.header.contUnRead.borderBottom;
  3834. 					}
  3835. 					headerCont.onmouseover = function(){this.style.background = '#363636'};
  3836. 					headerCont.onmouseout = function()
  3837. 					{
  3838. 						var isSelected = this.data.isSelected, isRead = this.data.isRead;
  3839. 						var color = isSelected ? '#363636' : (isRead) ? 'transparent' : '#292929';
  3840. 						this.style.background = color;
  3841. 					};
  3842. 					headerCont.onclick = function()
  3843. 					{
  3844. 						if(!this.data.isRead)
  3845. 						{
  3846. 							var id = this.data.msg.i;
  3847. 							var index = root.getMsgIndex(id, root.folders.inbox.msgs);
  3848. 							var data = zmail.data.getInstance();
  3849. 							data.markRead([id], true);
  3850. 							this.data.isRead = true;
  3851. 							if (index > -1) root.folders.inbox.msgs[index].r = true;
  3852. 						}
  3853. 						if(root.selectedHeader !== null)
  3854. 						{
  3855. 							root.selectedHeader.style.background = (root.selectedHeader.data.isRead) ? 'transparent' : '#292929';
  3856. 							root.selectedHeader.style.fontWeight = (root.selectedHeader.data.isRead) ? 'normal' : 'bold';
  3857. 							root.selectedHeader.data.isSelected = false;
  3858. 						}
  3859. 						root.selectedHeader = this;
  3860. 						this.data.isSelected = true;
  3861. 						this.style.background = '#363636';
  3862. 						root.printMsg(this.data.msg);
  3863. 						root.setToolbar();
  3864. 					};
  3865. 					checkBox.data = {'id': msg.i, 'isChecked': false, 'cont': headerCont};
  3866. 					checkBox.onmousedown = function(){this.style.background = '#202020'};
  3867. 					checkBox.onmouseup = function()
  3868. 					{
  3869. 						var isChecked = this.data.isChecked, isRead = this.data.cont.data.isRead;
  3870. 						var index = root.selectedMsgs.ids.indexOf(this.data.id);
  3871. 						if(!isChecked)
  3872. 						{
  3873. 							if(index == -1)
  3874. 							{
  3875. 								root.selectedMsgs.ids.push(this.data.id);
  3876. 								root.selectedMsgs.headers.push(this.data.cont);
  3877. 								root.selectedMsgs.checkBoxes.push(this);
  3878. 							}
  3879. 							this.style.background = '#9f9f9f';
  3880. 							this.data.cont.style.background = '#363636';
  3881. 							this.data.cont.data.isSelected = true;
  3882. 						}
  3883. 						if(isChecked)
  3884. 						{
  3885. 							if(index > -1)
  3886. 							{
  3887. 								root.selectedMsgs.ids.splice(index, 1);
  3888. 								root.selectedMsgs.headers.splice(index, 1);
  3889. 								root.selectedMsgs.checkBoxes.splice(index, 1);
  3890. 							}
  3891. 							this.style.background = 'transparent';
  3892. 							this.data.cont.style.background = isRead ? 'transparent' : '#292929';
  3893. 							this.data.cont.data.isSelected = false;
  3894. 						}
  3895. 						this.data.isChecked = !isChecked;
  3896. 						if (root.selectedMsgs.ids != null)
  3897. 						{
  3898. 							var th = root.size(root.generatedHeaders), sh = root.selectedMsgs.ids.length;
  3899. 							selectAll.style.background = (sh < th) ? 'transparent': '#9f9f9f';
  3900. 							selectAll.data.isChecked = (sh == th);
  3901. 						}
  3902. 						root.selectedHeader = null;
  3903. 						root.resetMsgCont(1);
  3904. 						root.setToolbar();
  3905. 					};
  3906. 					
  3907. 					checkBox.onclick = function(event)
  3908. 					{
  3909. 						root.preventDefaults(event);
  3910. 					};
  3911. 					return {'cont': headerCont, 'checkBox': checkBox};
  3912. 				},
  3913. 					
  3914. 				populateHeaders: function()
  3915. 				{
  3916. 					try
  3917. 					{
  3918. 						switch(this.selectedFolder)
  3919. 						{
  3920. 							case 'trash': var arr = this.folders.trash[0].msgs.concat(this.folders.trash[1].msgs); break;
  3921. 							case 'draft':
  3922. 								var arr = [];
  3923. 								if (this.folders.draft != null || this.size(this.folders.draft) > 0)
  3924. 								for (var key in this.folders.draft)
  3925. 								{
  3926. 									var msg = this.folders.draft[key];
  3927. 									arr.push(msg);
  3928. 								};
  3929. 							break;
  3930. 							default: var arr = this.folders[this.selectedFolder].msgs;
  3931. 						}
  3932. 						var compare = function(a,b)
  3933. 						{
  3934. 							return (a.d < b.d) ? 1 : (a.d > b.d) ? -1 : 0;
  3935. 						};
  3936. 						arr = arr.sort(compare);
  3937. 						var create = this.create, text = this.text, cssStyles = this.css, root = this;
  3938. 						var headersCont = this.dom.middleBar.headersCont;
  3939. 						var headersSbc = this.dom.middleBar.scrollBar.cont;
  3940. 						headersSbc.zm_empty();
  3941. 						headersCont.zm_empty();
  3942. 						headersCont.style.top = 0;
  3943. 						this.selectedHeader = null;
  3944. 						this.selectedMsgs.ids = [];
  3945. 						this.selectedMsgs.headers = [];
  3946. 						this.selectedMsgs.checkBoxes = [];
  3947. 						this.generatedHeaders = {};
  3948. 						this.resetMsgCont(1);
  3949. 						this.setToolbar();
  3950. 						if(arr == null) return;
  3951. 						var Min = this.selectedPage * 30, Max = (this.selectedPage + 1) * 30, pages = Math.ceil(arr.length / 30);
  3952. 						for(var i = Min; i < Math.min(Max, arr.length); i++)
  3953. 						{
  3954. 							var msg = arr[i];
  3955. 							var header = this.createHeader(msg);
  3956. 							headersCont.appendChild(header.cont);
  3957. 							root.generatedHeaders[msg.i] = {
  3958. 								'cont': header.cont,
  3959. 								'checkBox': header.checkBox,
  3960. 								'msg': msg
  3961. 							};
  3962. 						}
  3963. 						
  3964. 						var selectAll = this.dom.middleBar.footer.selectAll;
  3965. 						var ind = this.dom.middleBar.footer.indicator;
  3966. 						var controlCont = this.dom.middleBar.footer.controlCont;
  3967. 						var pagesCount = this.dom.middleBar.footer.pagesCount;
  3968. 						selectAll.style.background = 'transparent';
  3969. 						selectAll.data.isChecked = false;
  3970. 						selectAll.style.display = (arr.length > 0) ? 'block' : 'none';
  3971. 						if(arr.length > 30)
  3972. 						{
  3973. 							var width = 197 / pages;
  3974. 							controlCont.style.display = 'block';
  3975. 							ind.style.display = 'block';
  3976. 							ind.style.width = width + 'px';
  3977. 							ind.style.marginLeft = this.selectedPage * width + 'px';
  3978. 							var text = 'Page ' + (this.selectedPage + 1) + '/' + pages;
  3979. 							(pagesCount.innerText) ? pagesCount.innerText = text : pagesCount.textContent = text;
  3980. 						}
  3981. 						if (arr.length < 30)
  3982. 						{
  3983. 							ind.style.display = 'none';
  3984. 							controlCont.style.display = 'none';
  3985. 							(pagesCount.innerText) ? pagesCount.innerText = '' : pagesCount.textContent = '';
  3986. 						}
  3987. 						if (arr.length * 30 > headersSbc.offsetHeight)
  3988. 						{
  3989. 							headersSbc.zm_empty();
  3990. 							var sb = create('div', cssStyles.middleBar.scrollBar.bar);
  3991. 							this.dom.middleBar.scrollBar.bar = sb;
  3992. 							headersSbc.appendChild(sb);
  3993. 							this.enableScroll(sb, headersSbc, headersCont);
  3994. 							var div = document.getElementById('zdoom_mail_container');
  3995. 							if (!div) sb.style.height = 421 * 401 / (Math.min(arr.length, 30) * 60) + 'px';
  3996. 						}
  3997. 					}
  3998. 					catch(e)
  3999. 					{
  4000. 						console.log('zmail: ' + e.toString());
  4001. 					}
  4002. 				},
  4003. 				
  4004. 				findContact: function(txt)
  4005. 				{
  4006. 					var players = zmail.data.getInstance().players;
  4007. 					var root = this;
  4008. 					var resultsCont = this.dom.rightBar.contacts.contentsCont;
  4009. 					var cont = this.dom.rightBar.contacts.results;
  4010. 					var scrollbarCont = this.dom.rightBar.contacts.scrollbarCont;
  4011. 					var searchBox = this.dom.rightBar.contacts.search;
  4012. 					var lowerCont = this.dom.rightBar.contacts.lowerCont;
  4013. 					var saveGroup = this.dom.rightBar.contacts.buttons.saveGroup;
  4014. 					var arr = [];
  4015. 					var str = txt.replace(/[^a-zA-Z0-9\-_]/g, '').toLowerCase();
  4016. 					if (str == '')
  4017. 					{
  4018. 						cont.style.display = 'none';
  4019. 						lowerCont.style.display = 'none';
  4020. 						saveGroup.style.display = 'block';
  4021. 						return;
  4022. 					}
  4023. 					else
  4024. 					{
  4025. 						for(var i = 0; i < players.length; i++)
  4026. 						{
  4027. 							if (players[i].pn.toLowerCase().substr(0,str.length) == str) arr.push(players[i]);
  4028. 							if (arr.length >= 20) break;
  4029. 						}
  4030. 						if (arr.length == 0)
  4031. 						{
  4032. 							cont.style.display = 'none';
  4033. 							lowerCont.style.display = 'none';
  4034. 							saveGroup.style.display = 'block';
  4035. 							return;
  4036. 						}
  4037. 					}
  4038. 					
  4039. 					var activate = function()
  4040. 					{
  4041. 						root.changeContactSelection.apply(root, arguments);
  4042. 					};
  4043. 					
  4044. 					var items = [];
  4045. 					resultsCont.zm_empty();
  4046. 					scrollbarCont.zm_empty();
  4047. 					searchBox.data.selectedIndex = 0;
  4048. 					searchBox.data.isContOpen = true;
  4049. 					searchBox.data.selectedGroup = 'results';
  4050. 					for(var i = 0; i < arr.length; i++)
  4051. 					{
  4052. 						var style = (i == 0) ? 'contSelected' : 'cont';
  4053. 						var Item = this.create('div', this.css.compose.leftBar.recipients.searchBox.item[style]);
  4054. 						var player = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
  4055. 						var alliance = this.create('p', this.css.compose.leftBar.recipients.searchBox.item.text);
  4056. 						this.text(player, arr[i].pn);
  4057. 						this.text(alliance, arr[i].an);
  4058. 						Item.zm_append([player, alliance]);
  4059. 						Item.data = {'id': arr[i].p, 'index': i};
  4060. 						Item.onclick = function()
  4061. 						{
  4062. 							activate(this.data.index);
  4063. 						};
  4064. 						resultsCont.appendChild(Item);
  4065. 						items.push(Item);
  4066. 					}
  4067. 					this.setContactOptions(arr[0].p);
  4068. 					lowerCont.style.display = 'block';
  4069. 					saveGroup.style.display = 'none';
  4070. 					cont.style.display = 'block';
  4071. 					cont.style.height = Math.min(145, arr.length * 49) + 'px';
  4072. 					cont.style.top = searchBox.offsetTop + 30 + 'px';
  4073. 					if(arr.length > 5)
  4074. 					{
  4075. 						var bar = this.create('div', this.css.rightBar.contacts.results.scrollbar.bar);
  4076. 						scrollbarCont.appendChild(bar);
  4077. 						this.enableScroll(bar, scrollbarCont, resultsCont);
  4078. 					}
  4079. 					searchBox.data.isContOpen = true;
  4080. 					searchBox.data.results = items;
  4081. 				},
  4082. 				
  4083. 				changeContactSelection: function(mode)
  4084. 				{
  4085. 					var searchBox = this.dom.rightBar.contacts.search;
  4086. 					var mainCont = this.dom.rightBar.contacts.results;
  4087. 					var resultsSbc = this.dom.rightBar.contacts.scrollbarCont;
  4088. 					var resultsCont = this.dom.rightBar.contacts.contentsCont;
  4089. 					var index = searchBox.data.selectedIndex;
  4090. 					var results = searchBox.data.results;
  4091. 					var length = results.length;
  4092. 					var newIndex = (typeof mode === 'number') ? mode : (mode) ? (index + 1) % length : (index - 1 < 0) ? length - 1 : index - 1;
  4093. 					var currentItem = results[index];
  4094. 					var newItem = results[newIndex];
  4095. 					currentItem.zm_css(this.css.compose.leftBar.recipients.searchBox.item.cont);
  4096. 					newItem.zm_css(this.css.compose.leftBar.recipients.searchBox.item.contSelected);
  4097. 					newItem.onmouseout = null;
  4098. 					if (newIndex > 2 && length > 3)
  4099. 					{
  4100. 						var ch = resultsCont.offsetHeight, ph = resultsSbc.offsetHeight;
  4101. 						resultsCont.style.top = -(newIndex - 2) * 49 + 'px';
  4102. 						resultsSbc.firstChild.style.top = (((ph - 20) / ch) * (newIndex - 2) * 49) + 10 +'px';
  4103. 					}
  4104. 					if (newIndex < 3 && length > 3)
  4105. 					{
  4106. 						resultsCont.style.top = 0;
  4107. 						resultsSbc.firstChild.style.top = '10px';
  4108. 					}
  4109. 					searchBox.data.selectedIndex = newIndex;
  4110. 					this.setContactOptions(newItem.data.id);
  4111. 				},
  4112. 				
  4113. 				setContactOptions: function(id)
  4114. 				{
  4115. 					var addToSelection = this.dom.rightBar.contacts.buttons.addToSelection;
  4116. 					var addAsFriend = this.dom.rightBar.contacts.buttons.addAsFriend;
  4117. 					var block = this.dom.rightBar.contacts.buttons.block;
  4118. 					var isFriend = this.contacts.friends.indexOf(id) > -1;
  4119. 					var isBlocked = this.contacts.blocked.indexOf(id) > -1;
  4120. 					var isSelected = this.selectedContacts.indexOf(id) > -1;
  4121. 					addToSelection.innerHTML = (isSelected) ? 'Remove' : 'Add to selection';
  4122. 					addToSelection.data.mode = (isSelected) ? 'remove' : 'add';
  4123. 					addAsFriend.innerHTML = (isFriend) ? 'Remove Friend' : 'Add Friend';
  4124. 					addAsFriend.data.mode = (isFriend) ? 'remove' : 'add';
  4125. 					block.innerHTML = (isBlocked) ? 'Unblock' : 'Block';
  4126. 					block.data.mode = (isBlocked) ? 'unblock' : 'block';
  4127. 					addAsFriend.data.id = id;
  4128. 					addToSelection.data.id = id;
  4129. 					block.data.id = id;
  4130. 					(isBlocked) ? addAsFriend.data.disable() : addAsFriend.data.enable();
  4131. 					(isFriend) ? block.data.disable() : block.data.enable();
  4132. 				},
  4133. 				
  4134. 				addFriend: function(id)
  4135. 				{
  4136. 					if(this.contacts.friends.indexOf(id) == -1) this.contacts.friends.push(id);
  4137. 					this.dom.leftBar.contacts.friends.nodeValue = 'Friends ' + this.contacts.friends.length;
  4138. 					if(this.selectedGroup == 'friends') this.populateContacts();
  4139. 					this.storage.save.call(this);
  4140. 				},
  4141. 				
  4142. 				blockContact: function(id)
  4143. 				{
  4144. 					if(this.contacts.blocked.indexOf(id) == -1) this.contacts.blocked.push(id);
  4145. 					this.dom.leftBar.contacts.blocked.nodeValue = 'Blocked ' + this.contacts.blocked.length;
  4146. 					if(this.selectedGroup == 'blocked') this.populateContacts();
  4147. 					this.storage.save.call(this);
  4148. 				},
  4149. 				
  4150. 				removeFriend: function(id)
  4151. 				{
  4152. 					if(this.contacts.friends.indexOf(id) > -1) this.contacts.friends.splice(this.contacts.friends.indexOf(id), 1);
  4153. 					this.dom.leftBar.contacts.friends.nodeValue = 'Friends ' + (this.contacts.friends.length || '');
  4154. 					if(this.selectedGroup == 'friends') this.populateContacts();
  4155. 					this.storage.save.call(this);
  4156. 				},
  4157. 				
  4158. 				unblockContact: function(id)
  4159. 				{
  4160. 					if(this.contacts.blocked.indexOf(id) > -1) this.contacts.blocked.splice(this.contacts.blocked.indexOf(id), 1);
  4161. 					this.dom.leftBar.contacts.blocked.nodeValue = 'Blocked ' + (this.contacts.blocked.length || '');
  4162. 					if(this.selectedGroup == 'blocked') this.populateContacts();
  4163. 					this.storage.save.call(this);
  4164. 				},
  4165. 				
  4166. 				addToSelection: function(id)
  4167. 				{
  4168. 					if(this.selectedContacts.indexOf(id) == -1)
  4169. 					{
  4170. 						this.selectedContacts.push(id);
  4171. 						this.addSelectedContacts();
  4172. 					}
  4173. 				},
  4174. 				
  4175. 				removeFromSelection: function(id)
  4176. 				{
  4177. 					if(this.selectedContacts.indexOf(id) > -1)
  4178. 					{
  4179. 						this.selectedContacts.splice(this.selectedContacts.indexOf(id) , 1);
  4180. 						this.addSelectedContacts();
  4181. 					}
  4182. 				},
  4183. 				
  4184. 				removeAllSelectedContacts: function()
  4185. 				{
  4186. 					var arr = this.selectedContacts, headers = this.generatedHeaders, group = this.selectedGroup;
  4187. 					var selectAll = this.dom.middleBar.footer.selectAll;
  4188. 					for (var id in headers)
  4189. 					{
  4190. 						headers[id].checkBox.style.background = 'transparent';
  4191. 						headers[id].cont.style.background = 'transparent';
  4192. 						headers[id].cont.data.isSelected = false;
  4193. 					};
  4194. 					selectAll.style.background = 'transparent';
  4195. 					selectAll.data.isChecked = false;
  4196. 					this.selectedContacts = [];
  4197. 					this.addSelectedContacts();
  4198. 				},
  4199. 				
  4200. 				saveNewGroup: function()
  4201. 				{
  4202. 					var create = this.create, text = this.text, css = this.css.confirm, root = this;
  4203. 					var rootCont = this.dom.window.main;
  4204. 					var groupsTxt = this.dom.leftBar.contacts.groups;
  4205. 					var contacts = this.selectedContacts.map(function(x){return {'id': x, 'name': root.getPlayerNameById(x)}});
  4206. 					
  4207. 					var wrapper = create('div', css.wrapper);
  4208. 					var cont = create('div', css.cont);
  4209. 					var title = create('p', css.subCont);
  4210. 					var input = create('textField', css.input);
  4211. 					var btnsCont = create('div', css.subCont);
  4212. 					var saveBtn = create('div', css.button);
  4213. 					var cancelBtn = create('div', css.button);
  4214. 					
  4215. 					text(title, 'Type the name of the new group:');
  4216. 					text(saveBtn, 'Save');
  4217. 					text(cancelBtn, 'Cancel');
  4218. 					btnsCont.zm_append([saveBtn, cancelBtn]);
  4219. 					cont.zm_append([title, input, btnsCont]);
  4220. 					title.style.textAlign = 'left';
  4221. 					
  4222. 					var removeCont = function()
  4223. 					{
  4224. 						rootCont.removeChild(wrapper);
  4225. 						rootCont.removeChild(cont);
  4226. 					};
  4227. 					
  4228. 					saveBtn.onclick = function()
  4229. 					{
  4230. 						var name = input.value;
  4231. 						root.contacts.groups[name] = contacts;
  4232. 						root.storage.save.call(root);
  4233. 						groupsTxt.nodeValue = 'Groups ' + (root.size(root.contacts.groups) || '');
  4234. 						removeCont();
  4235. 					};
  4236. 					cancelBtn.onclick = removeCont;
  4237. 					
  4238. 					rootCont.appendChild(wrapper);
  4239. 					rootCont.appendChild(cont);
  4240. 				},
  4241. 				
  4242. 				saveExistedGroup: function()
  4243. 				{
  4244. 					var create = this.create, text = this.text, css = this.css.confirm, root = this;
  4245. 					var rootCont = this.dom.window.main;
  4246. 					var groupsTxt = this.dom.leftBar.contacts.groups;
  4247. 					var contacts = this.selectedContacts.map(function(x){return {'id': x, 'name': root.getPlayerNameById(x)}});
  4248. 					
  4249. 					var wrapper = create('div', css.wrapper);
  4250. 					var cont = create('div', css.cont);
  4251. 					var subCont = create('div', css.subCont);
  4252. 					var selectBox = create('div', css.select);
  4253. 					var selectList = create('span', css.list.cont);
  4254. 					var selectUl = create('ul', css.list.ul);
  4255. 					var saveBtn = create('div', css.button);
  4256. 					var cancelBtn = create('div', css.button);
  4257. 					
  4258. 					text(saveBtn, 'Update');
  4259. 					text(cancelBtn, 'Cancel');
  4260. 					selectBox.innerHTML = '+ Select a group';
  4261. 					selectBox.data = {'name': null};
  4262. 					selectList.data = {'isOpen': false, 'isFocused': false};
  4263. 					saveBtn.style.width = '85px';
  4264. 					cancelBtn.style.width = '85px';
  4265. 					cancelBtn.style.margin = 0;
  4266. 					
  4267. 					for (var group in this.contacts.groups)
  4268. 					{
  4269. 						var li = create('li', css.list.li);
  4270. 						li.data = {'name': group};
  4271. 						text(li, group);
  4272. 						li.onclick = function()
  4273. 						{
  4274. 							selectBox.innerHTML = '+ ' + this.data.name;
  4275. 							selectBox.data.name = this.data.name;
  4276. 							selectList.style.display = 'none';
  4277. 							selectList.data.isOpen = false;
  4278. 						};
  4279. 						li.addEventListener('mouseover', function(){selectList.data.isOpen = true}, false);
  4280. 						selectUl.appendChild(li);
  4281. 					}
  4282. 					
  4283. 					selectList.appendChild(selectUl);
  4284. 					selectBox.appendChild(selectList);
  4285. 					subCont.zm_append([selectBox, saveBtn, cancelBtn]);
  4286. 					cont.zm_append([subCont]);
  4287. 					
  4288. 					selectList.addEventListener('mouseout', function()
  4289. 					{
  4290. 						this.data.isFocused = false;
  4291. 						setTimeout(function()
  4292. 						{
  4293. 							var isOpen = selectList.data.isOpen, isFocused = selectList.data.isFocused;
  4294. 							if (isOpen && !isFocused)
  4295. 							{
  4296. 								selectList.style.display = 'none';
  4297. 								selectList.data.isOpen = false;
  4298. 							}
  4299. 						});
  4300. 					}, false);
  4301. 					
  4302. 					selectBox.onclick = function()
  4303. 					{
  4304. 						var isOpen = selectList.data.isOpen;
  4305. 						selectList.style.display = (isOpen) ? 'none' : 'block';
  4306. 					};
  4307. 					
  4308. 					var removeCont = function()
  4309. 					{
  4310. 						rootCont.removeChild(wrapper);
  4311. 						rootCont.removeChild(cont);
  4312. 					};
  4313. 					
  4314. 					saveBtn.onclick = function()
  4315. 					{
  4316. 						var name = selectBox.data.name;
  4317. 						if (name != null)
  4318. 						{
  4319. 							root.contacts.groups[name] = contacts;
  4320. 							root.storage.save.call(root);
  4321. 							removeCont();
  4322. 						}
  4323. 					};
  4324. 					cancelBtn.onclick = removeCont;
  4325. 					
  4326. 					rootCont.appendChild(wrapper);
  4327. 					rootCont.appendChild(cont);
  4328. 				},
  4329. 				
  4330. 				addGroupToSelection: function()
  4331. 				{
  4332. 					var arr = this.selectedContacts, headers = this.generatedHeaders;
  4333. 					for (var id in headers)
  4334. 					{
  4335. 						if(arr.indexOf(parseInt(id, 10)) == -1) this.selectedContacts.push(parseInt(id, 10));
  4336. 						headers[id].checkBox.style.background = '#9f9f9f';
  4337. 						headers[id].cont.style.background = '#363636';
  4338. 						headers[id].cont.data.isSelected = true;
  4339. 					};
  4340. 					this.addSelectedContacts();
  4341. 				},
  4342. 				
  4343. 				removeGroupFromSelection: function()
  4344. 				{
  4345. 					var arr = this.selectedContacts, headers = this.generatedHeaders;
  4346. 					for (var id in headers)
  4347. 					{
  4348. 						if(arr.indexOf(parseInt(id, 10)) > -1) this.selectedContacts.splice(this.selectedContacts.indexOf(parseInt(id, 10)), 1);
  4349. 						headers[id].checkBox.style.background = 'transparent';
  4350. 						headers[id].cont.style.background = 'transparent';
  4351. 						headers[id].cont.data.isSelected = false;
  4352. 					};
  4353. 					this.addSelectedContacts();
  4354. 				},
  4355. 				
  4356. 				getPlayerNameById: function(id)
  4357. 				{
  4358. 					var data = zmail.data.getInstance();
  4359. 					var players = data.players;
  4360. 					var name;
  4361. 					for (var i = 0; i < players.length; i++) if (players[i].p == id) { name = players[i].pn; break; }
  4362. 					return name;
  4363. 				},
  4364. 				
  4365. 				getPlayerDataById: function(id)
  4366. 				{
  4367. 					var data = zmail.data.getInstance();
  4368. 					var players = data.players;
  4369. 					var playerData;
  4370. 					for (var i = 0; i < players.length; i++) if (players[i].p == id) { playerData = players[i]; break; }
  4371. 					return playerData;
  4372. 				},
  4373. 						
  4374. 				addSelectedContacts: function()
  4375. 				{
  4376. 					var cont = this.dom.rightBar.contacts.cont;
  4377. 					var header = this.dom.rightBar.contacts.header;
  4378. 					var contactsSb = this.dom.rightBar.contacts.bar;
  4379. 					var root = this, sc = this.selectedContacts;
  4380. 					var text = sc.length == 0 ? 'No contacts selected.' : sc.length + ' contacts selected';
  4381. 					(header.innerText) ? header.innerText = text : header.textContent = text;
  4382. 					cont.zm_empty();
  4383. 					for(var i = 0; i < this.selectedContacts.length; i++)
  4384. 					{
  4385. 						var id = this.selectedContacts[i], name = this.getPlayerNameById(id);
  4386. 						var Item = this.create('div', this.css.compose.leftBar.recipients.recipient.cont);
  4387. 						var remove = this.create('div', this.css.compose.leftBar.recipients.recipient.remove);
  4388. 						this.text(Item, name);
  4389. 						this.text(remove, 'X');
  4390. 						remove.data = {'id': id, 'parent': Item};
  4391. 						remove.onclick = function()
  4392. 						{
  4393. 							cont.removeChild(this.data.parent)
  4394. 							var pid = this.data.id, index = root.selectedContacts.indexOf(pid);
  4395. 							if(index > -1) root.selectedContacts.splice(index, 1);
  4396. 						};
  4397. 						Item.appendChild(remove);
  4398. 						cont.appendChild(Item)
  4399. 					}
  4400. 					if(this.selectedContacts.length > 0)
  4401. 					{
  4402. 						this.dom.rightBar.contacts.buttons.removeAll.data.enable();
  4403. 						this.dom.rightBar.contacts.buttons.message.data.enable();
  4404. 						this.dom.rightBar.contacts.buttons.saveGroup.data.enable();
  4405. 					}
  4406. 					else
  4407. 					{
  4408. 						this.dom.rightBar.contacts.buttons.removeAll.data.disable();
  4409. 						this.dom.rightBar.contacts.buttons.message.data.disable();
  4410. 						this.dom.rightBar.contacts.buttons.saveGroup.data.disable();
  4411. 					}
  4412. 					contactsSb.data.update();
  4413. 					contactsSb.data.scrollToEnd();
  4414. 				},
  4415. 				
  4416. 				populateContacts: function()
  4417. 				{
  4418. 					try
  4419. 					{
  4420. 						var data = zmail.data.getInstance();
  4421. 						var create = this.create, text = this.text, cssStyles = this.css
  4422. 						var headersCont = this.dom.middleBar.headersCont;
  4423. 						var headersSbc = this.dom.middleBar.scrollBar.cont, root = this;
  4424. 						var selectAll = this.dom.middleBar.footer.selectAll;
  4425. 						var ind = this.dom.middleBar.footer.indicator;
  4426. 						var controlCont = this.dom.middleBar.footer.controlCont;
  4427. 						var pagesCount = this.dom.middleBar.footer.pagesCount;
  4428. 						var contactsSb = this.dom.rightBar.contacts.bar;
  4429. 						var isAllContactsSelected = true;
  4430. 						var group = this.selectedGroup;
  4431. 						(pagesCount.innerText) ? pagesCount.innerText = '' : pagesCount.textContent = '';
  4432. 						ind.style.display = 'none';
  4433. 						controlCont.style.display = 'none';
  4434. 						headersSbc.zm_empty();
  4435. 						headersCont.zm_empty();
  4436. 						headersCont.style.top = 0;
  4437. 						this.setToolbar();
  4438. 						this.resetMsgCont();
  4439. 						this.generatedHeaders = {};
  4440. 						this.dom.rightBar.msgCont.appendChild(this.dom.rightBar.contacts.main);
  4441. 						
  4442. 						switch(group)
  4443. 						{
  4444. 							case 'friends': 
  4445. 								var contacts = [];
  4446. 								this.contacts.friends.map(function(x)
  4447. 								{
  4448. 									var c = root.getPlayerDataById(x);
  4449. 									c.name = c.pn;
  4450. 									contacts.push(c);
  4451. 								});						
  4452. 							break;
  4453. 							case 'blocked': 
  4454. 								var contacts = [];
  4455. 								this.contacts.blocked.map(function(x)
  4456. 								{
  4457. 									var c = root.getPlayerDataById(x);
  4458. 									c.name = c.pn;
  4459. 									contacts.push(c);
  4460. 								});						
  4461. 							break;
  4462. 							case 'alliance': var contacts = data.allianceMembers; break;
  4463. 							case 'commanders': var contacts = data.allianceCommanders; break;
  4464. 							case 'officers': var contacts = data.allianceOfficers; break;
  4465. 							case 'groups': var contacts = root.contacts.groups; break;
  4466. 							case 'allies':
  4467. 								var contacts = {}, allies = data.allies;
  4468. 								for (var x in allies)
  4469. 								{
  4470. 									contacts[x] = allies[x].map(function(a){return{'id': a.i, 'name': a.n}});
  4471. 								}
  4472. 							break;
  4473. 							default: var contacts = false;
  4474. 						}
  4475. 						
  4476. 						var compareRank = function(a,b)
  4477. 						{
  4478. 							return (a.roleId > b.roleId) ? 1 : (a.roleId < b.roleId) ? -1 : 0;
  4479. 						};
  4480. 						var compareName = function(a,b)
  4481. 						{
  4482. 							return (a.name.toLowerCase() > b.name.toLowerCase()) ? 1 : (a.name.toLowerCase() < b.name.toLowerCase()) ? -1 : 0;
  4483. 						};
  4484. 						if ((group == 'alliance')||(group == 'commanders')) contacts.sort(compareRank);
  4485. 						else if ((group == 'firends')||(group == 'blocked')) contacts.sort(compareName);
  4486. 						else contacts = contacts;
  4487. 						
  4488. 						if ((contacts)&&(group != 'allies')&&(group != 'groups'))
  4489. 						{
  4490. 							for (var i = 0; i < contacts.length; i++)
  4491. 							{
  4492. 								var contact = contacts[i];
  4493. 								var id = contact.p || contact.id;
  4494. 								var playerName = contact.pn || contact.name;
  4495. 								var contactCont = create('div', cssStyles.header.cont);
  4496. 								var name = create('a', cssStyles.header.sender);
  4497. 								var rank = create('p', cssStyles.header.subject);
  4498. 								var checkBox = create('div', cssStyles.header.checkBox);
  4499. 								var span = create('span', cssStyles.header.span);
  4500. 								contactCont.data = {'id': id, 'name': playerName, 'isSelected': false, 'checkBox': checkBox};
  4501. 								if (this.selectedContacts.indexOf(id) > -1)
  4502. 								{
  4503. 									checkBox.style.background = '#9f9f9f';
  4504. 									contactCont.style.background = '#363636';
  4505. 									contactCont.data.isSelected = true;
  4506. 								}
  4507. 								else isAllContactsSelected = false;
  4508. 								text(name, playerName);
  4509. 								text(rank, (contact.an || contact.role) || '');
  4510. 								name.data = {'name': playerName};
  4511. 								name.onclick = function(event)
  4512. 								{
  4513. 									root.preventDefaults(event);
  4514. 									webfrontend.gui.util.BBCode.openPlayerProfile(this.data.name);
  4515. 								};
  4516. 								name.onmousedown = function(event){root.preventDefaults(event)};
  4517. 								name.onmouseup = function(event){root.preventDefaults(event)};
  4518. 								span.appendChild(checkBox);
  4519. 								contactCont.zm_append([span, name, rank]);
  4520. 								contactCont.onmouseover = function(){if (!this.data.isSelected) this.style.background = '#363636'};
  4521. 								contactCont.onmouseout  = function(){if (!this.data.isSelected) this.style.background = 'transparent'};
  4522. 								contactCont.onmousedown = function(){this.data.checkBox.style.background = '#202020'};
  4523. 								contactCont.onclick = function()
  4524. 								{
  4525. 									var index = root.selectedContacts.indexOf(this.data.id);
  4526. 									var isSelected = this.data.isSelected;
  4527. 									if(isSelected)
  4528. 									{
  4529. 										this.data.checkBox.style.background = 'transparent';
  4530. 										this.style.background = 'transparent';
  4531. 										if (index > -1) root.selectedContacts.splice(index, 1);
  4532. 									}
  4533. 									else
  4534. 									{
  4535. 										this.data.checkBox.style.background = '#9f9f9f';
  4536. 										this.style.background = '#363636';
  4537. 										if (index == -1) root.selectedContacts.push(this.data.id);
  4538. 									}
  4539. 									this.data.isSelected = !isSelected;
  4540. 									root.addSelectedContacts();
  4541. 	
  4542. 									var th = root.size(root.generatedHeaders), sh = root.selectedContacts.length;
  4543. 									selectAll.style.background = (sh == th) ? '#9f9f9f' : 'transparent';
  4544. 									selectAll.data.isChecked = (sh == th);
  4545. 								};
  4546. 								
  4547. 								if ((group == 'friends')||(group == 'blocked'))
  4548. 								{
  4549. 									var remove = create('div', cssStyles.notification.remove);
  4550. 									remove.innerHTML = 'X';
  4551. 									remove.data = {'isFocused': false, 'cont': contactCont, 'id': id};
  4552. 									remove.onmousedown = function(event){root.preventDefaults(event)};
  4553. 									remove.onmouseup = function(event){root.preventDefaults(event)};
  4554. 									remove.onclick = function(event)
  4555. 									{
  4556. 										root.preventDefaults(event);
  4557. 										var cont = this.data.cont, id = this.data.id, index = root.contacts[group].indexOf(id);
  4558. 										var txt = (group == 'friends') ? 'Friends ' : 'Blocked ';
  4559. 										if (index > -1)
  4560. 										{
  4561. 											root.contacts[group].splice(index, 1);
  4562. 											delete root.generatedHeaders[id];
  4563. 											headersCont.removeChild(cont);
  4564. 											root.dom.leftBar.contacts[group].nodeValue = txt + (root.contacts[group].length || '');
  4565. 											root.storage.save.call(root);
  4566. 										}
  4567. 									}
  4568. 									contactCont.appendChild(remove);
  4569. 									contactCont.data.remove = remove;
  4570. 									remove.style.display = 'none';
  4571. 									contactCont.addEventListener('mouseover', function()
  4572. 									{
  4573. 										this.data.remove.data.isFocused = true;
  4574. 										this.data.remove.style.display = 'block';
  4575. 									}, false);
  4576. 									contactCont.addEventListener('mouseout', function()
  4577. 									{
  4578. 										var remove = this.data.remove;
  4579. 										remove.data.isFocused = false;
  4580. 										setTimeout(function(){if (!remove.data.isFocused) remove.style.display = 'none'}, 10);
  4581. 									}, false);
  4582. 								}
  4583. 								
  4584. 								headersCont.appendChild(contactCont);
  4585. 								root.generatedHeaders[id] = {'cont': contactCont, 'checkBox': checkBox, 'name': playerName};
  4586. 							}
  4587. 							selectAll.style.display = (contacts.length > 0) ? 'block' : 'none';
  4588. 							selectAll.style.background = (isAllContactsSelected && contacts.length > 0) ? '#9f9f9f' : 'transparent';
  4589. 							selectAll.data.isChecked = (isAllContactsSelected && contacts.length > 0);
  4590. 							
  4591. 							if (contacts.length * 60 > headersSbc.offsetHeight)
  4592. 							{
  4593. 								var sb = create('div', cssStyles.middleBar.scrollBar.bar);
  4594. 								headersSbc.appendChild(sb);
  4595. 								this.enableScroll(sb, headersSbc, headersCont);
  4596. 							}
  4597. 							contactsSb.data.update();
  4598. 						}
  4599. 						else if ((contacts)&&((group == 'allies')||(group == 'groups')))
  4600. 						{
  4601. 							for (var x in contacts)
  4602. 							{
  4603. 								var AllyName = x;
  4604. 								var AllyMembers = contacts[x];
  4605. 								var contactCont = create('div', cssStyles.header.cont);
  4606. 								var name = create('a', cssStyles.header.sender);
  4607. 								var count = create('p', cssStyles.header.subject);
  4608. 								var checkBox = create('div', cssStyles.header.checkBox);
  4609. 								var span = create('span', cssStyles.header.span);
  4610. 								text(name, AllyName);
  4611. 								text(count, AllyMembers.length + ' Members');
  4612. 								contactCont.data = {'am': AllyMembers, 'an': name, 'isSelected': false, 'checkBox': checkBox};
  4613. 								
  4614. 								var isAllMembersSelected = true;
  4615. 								for (var member in AllyMembers)
  4616. 								{
  4617. 									if (this.selectedContacts.indexOf(AllyMembers[member].id) == -1)
  4618. 									{
  4619. 										isAllMembersSelected = false;
  4620. 										break;
  4621. 									}
  4622. 								}
  4623. 								if (isAllMembersSelected)
  4624. 								{
  4625. 									checkBox.style.background = '#9f9f9f';
  4626. 									contactCont.style.background = '#363636';
  4627. 									contactCont.data.isSelected = true;
  4628. 								}
  4629. 								name.data = {'name': AllyName};
  4630. 								name.onclick = function(event)
  4631. 								{
  4632. 									webfrontend.gui.util.BBCode.openAllianceProfile(this.data.name);
  4633. 									root.preventDefaults(event);
  4634. 								};
  4635. 								name.onmousedown = function(event){root.preventDefaults(event)};
  4636. 								name.onmouseup = function(event){root.preventDefaults(event)};
  4637. 								span.appendChild(checkBox);
  4638. 								contactCont.zm_append([span, name, count]);
  4639. 								contactCont.onmouseover = function(){if (!this.data.isSelected) this.style.background = '#363636'};
  4640. 								contactCont.onmouseout  = function(){if (!this.data.isSelected) this.style.background = 'transparent'};
  4641. 								contactCont.onmousedown = function(){this.data.checkBox.style.background = '#202020'};
  4642. 								contactCont.onclick = function()
  4643. 								{
  4644. 									var isSelected = this.data.isSelected;
  4645. 									if(isSelected)
  4646. 									{
  4647. 										this.data.checkBox.style.background = 'transparent';
  4648. 										this.style.background = 'transparent';
  4649. 										for (var member in this.data.am)
  4650. 										{
  4651. 											var id = this.data.am[member].id;
  4652. 											var index = root.selectedContacts.indexOf(id);
  4653. 											if (index > -1) root.selectedContacts.splice(index, 1);
  4654. 										}
  4655. 									}
  4656. 									else
  4657. 									{
  4658. 										this.data.checkBox.style.background = '#9f9f9f';
  4659. 										this.style.background = '#363636';
  4660. 										for (var member in this.data.am)
  4661. 										{
  4662. 											var id = this.data.am[member].id;
  4663. 											var index = root.selectedContacts.indexOf(id);
  4664. 											if (index == -1) root.selectedContacts.push(id);
  4665. 										}
  4666. 									}
  4667. 									this.data.isSelected = !isSelected;
  4668. 									root.addSelectedContacts();
  4669. 									selectAll.style.display = 'none';
  4670. 									
  4671. 								};
  4672. 								
  4673. 								if ((group == 'groups'))
  4674. 								{
  4675. 									var remove = create('div', cssStyles.notification.remove);
  4676. 									remove.innerHTML = 'X';
  4677. 									remove.data = {'isFocused': false, 'cont': contactCont, 'name': AllyName};
  4678. 									remove.onmousedown = function(event){root.preventDefaults(event)};
  4679. 									remove.onmouseup = function(event){root.preventDefaults(event)};
  4680. 									remove.onclick = function(event)
  4681. 									{
  4682. 										root.preventDefaults(event);
  4683. 										var name = this.data.name, cont = this.data.cont;
  4684. 										delete root.contacts.groups[name];
  4685. 										delete root.generatedHeaders[name];
  4686. 										headersCont.removeChild(cont);
  4687. 										root.dom.leftBar.contacts.groups.nodeValue = 'Groups ' + (root.size(root.contacts.groups) || '');
  4688. 										root.storage.save.call(root);
  4689. 									}
  4690. 									contactCont.appendChild(remove);
  4691. 									remove.style.display = 'none';
  4692. 									contactCont.data.remove = remove;
  4693. 									contactCont.addEventListener('mouseover', function()
  4694. 									{
  4695. 										this.data.remove.style.display = 'block';
  4696. 										this.data.remove.data.isFocused = true;
  4697. 									}, false);
  4698. 									contactCont.addEventListener('mouseout', function()
  4699. 									{
  4700. 										var remove = this.data.remove;
  4701. 										remove.data.isFocused = false;
  4702. 										setTimeout(function(){if (!remove.data.isFocused) remove.style.display = 'none'}, 10);
  4703. 									}, false);
  4704. 								}
  4705. 								root.generatedHeaders[AllyName] = {'cont': contactCont, 'checkBox': checkBox, 'name': AllyName};
  4706. 								headersCont.appendChild(contactCont);
  4707. 							}
  4708. 							selectAll.style.display = 'none';
  4709. 							if ((root.size(contacts) * 60) > headersSbc.offsetHeight)
  4710. 							{
  4711. 								var sb = create('div', cssStyles.middleBar.scrollBar.bar);
  4712. 								headersSbc.appendChild(sb);
  4713. 								this.enableScroll(sb, headersSbc, headersCont);
  4714. 							}
  4715. 							contactsSb.data.update();
  4716. 						}
  4717. 						else selectAll.style.display = 'none';
  4718. 					}
  4719. 					catch(e)
  4720. 					{
  4721. 						console.log('zmail: ' + e.toString());
  4722. 					}
  4723. 				},
  4724. 				
  4725. 				dom: {
  4726. 					'window': 
  4727. 					{
  4728. 						'main': null,
  4729. 						'compose': null
  4730. 					},
  4731. 					'leftBar': 
  4732. 					{
  4733. 						'folders': 
  4734. 						{
  4735. 							'inbox': null,
  4736. 							'outbox': null,
  4737. 							'draft': null,
  4738. 							'junk': null,
  4739. 							'trash': null
  4740. 						},
  4741. 						'items': {
  4742. 							'inbox': null,
  4743. 							'outbox': null,
  4744. 							'draft': null,
  4745. 							'junk': null,
  4746. 							'trash': null,
  4747. 							'documents': null,
  4748. 							'alliance': null,
  4749. 							'commanders': null,
  4750. 							'officers': null,
  4751. 							'allies': null,
  4752. 							'groups': null,
  4753. 							'friends': null,
  4754. 							'blocked': null
  4755. 						},
  4756. 						'contacts': 
  4757. 						{
  4758. 							'alliance': null,
  4759. 							'commanders': null,
  4760. 							'officers': null,
  4761. 							'allies': null,
  4762. 							'groups': null,
  4763. 							'friends': null,
  4764. 							'blocked': null
  4765. 						},
  4766. 						'searchBox': null
  4767. 					},					
  4768. 					'rightBar': 
  4769. 					{
  4770. 						'cont': null,
  4771. 						'msgCont': null,
  4772. 						'expandCont': null,
  4773. 						'scrollBar': 
  4774. 						{
  4775. 							'cont': null,
  4776. 							'bar': null
  4777. 						},
  4778. 						'contacts':
  4779. 						{
  4780. 							'main': null,
  4781. 							'lowerCont': null,
  4782. 							'header': null,
  4783. 							'cont': null,
  4784. 							'bar': null,
  4785. 							'search': null,
  4786. 							'results': null,
  4787. 							'contentsCont': null,
  4788. 							'scrollbarCont': null,
  4789. 							'buttons':
  4790. 							{
  4791. 								'removeAll': null,
  4792. 								'message': null,
  4793. 								'addToSelection': null,
  4794. 								'addAsFriend': null,
  4795. 								'block': null,
  4796. 								'saveGroup': null
  4797. 							}
  4798. 						}
  4799. 					},
  4800. 					'middleBar': 
  4801. 					{
  4802. 						'headersCont': null,
  4803. 						'scrollBar': 
  4804. 						{
  4805. 							'cont': null,
  4806. 							'bar': null
  4807. 						},
  4808. 						'footer':
  4809. 						{
  4810. 							'selectAll': null,
  4811. 							'pagesCount': null,
  4812. 							'indicator': null,
  4813. 							'controlCont': null
  4814. 						}
  4815. 					},
  4816. 					'topBar': 
  4817. 					{
  4818. 						'logo': null,
  4819. 						'menu': null,
  4820. 						'toolbar':
  4821. 						{
  4822. 							'newMsg': null,
  4823. 							'reply': null,
  4824. 							'trash': null,
  4825. 							'delMsg': null,
  4826. 							'junk': null,
  4827. 							'notJunk': null,
  4828. 							'restore': null,
  4829. 							'mark': null,
  4830. 							'empty': null,
  4831. 							'editDraft': null,
  4832. 							'deleteDraft': null,
  4833. 							'toDocuments': null,
  4834. 							'notDocument': null,
  4835. 							'forwardMsg': null
  4836. 						}
  4837. 					},
  4838. 					'toolBar': 
  4839. 					{
  4840. 						'delete': null,
  4841. 						'moveToTrash': null,
  4842. 						'moveToJunk': null,
  4843. 						'moveToInbox': null,
  4844. 						'moveToOutbox': null,
  4845. 						'compose': null
  4846. 					},
  4847. 					'searchResults':
  4848. 					{
  4849. 						'cont': null,
  4850. 						'sender':
  4851. 						{
  4852. 							'count': null,
  4853. 							'list': null
  4854. 						},
  4855. 						'subject':
  4856. 						{
  4857. 							'count': null,
  4858. 							'list': null
  4859. 						}
  4860. 					},
  4861. 					'compose':
  4862. 					{
  4863. 						'leftBar':
  4864. 						{
  4865. 							'recipientsMainCont': null,
  4866. 							'recipientsCont': null,
  4867. 							'recipientsSbc': null,
  4868. 							'recipientsSb': null,
  4869. 							'searchBox': null,
  4870. 							'searchBoxCont': null,
  4871. 							'contactsCont': null,
  4872. 							'results':
  4873. 							{
  4874. 								'mainCont': null,
  4875. 								'scrollbarCont': null,
  4876. 								'resultsCont': null
  4877. 							}
  4878. 						},
  4879. 						'rightBar':
  4880. 						{
  4881. 							'iframe': null,
  4882. 							'subject': null,
  4883. 							'msgCont': null,
  4884. 							'charCount': null,
  4885. 							'msgSb': null
  4886. 						}
  4887. 					}
  4888. 				},
  4889. 				
  4890. 				css: 
  4891. 				{
  4892. 					'window': 
  4893. 					{
  4894. 						'background': '#292929',
  4895. 						'width': '100%',
  4896. 						'height': '471px',
  4897. 						'paddingTop': '69px',
  4898. 						'position': 'relative',
  4899. 						'fontFamily': 'vrinda',
  4900. 						'display': 'table'
  4901. 					},
  4902. 					'topBar': 
  4903. 					{
  4904. 						'main': 
  4905. 						{
  4906. 							'width': '100%', 
  4907. 							'position': 'absolute',
  4908. 							'top': 0,
  4909. 							'left': 0
  4910. 						},
  4911. 						'cont': 
  4912. 						{
  4913. 							'backgroundImage': null,
  4914. 							'height': '68px',
  4915. 							'borderBottom': '1px solid rgba(0,0,0,0.56)',
  4916. 							'width': '100%'
  4917. 						},
  4918. 						'logo': 
  4919. 						{
  4920. 							'width': '126px',
  4921. 							'height': '24px',
  4922. 							'display': 'inline-block',
  4923. 							'verticalAlign': 'top',
  4924. 							'padding': '22px 0',
  4925. 							'textAlign': 'center',
  4926. 							'fontSize': '18px',
  4927. 							'fontWeight': 'bold',
  4928. 							'color': '#cacaca'
  4929. 						},
  4930. 						'menu': 
  4931. 						{
  4932. 							'display': 'inline-block',
  4933. 							'verticalAlign': 'top',
  4934. 							'height': '68px'
  4935. 						}
  4936. 					},
  4937. 					'leftBar': 
  4938. 					{
  4939. 						'background': '#3a3b3b',
  4940. 						'minWidth': '126px',
  4941. 						'height': '471px',
  4942. 						'display': 'table-cell',
  4943. 						'verticalAlign': 'top',
  4944. 						'position': 'relative'
  4945. 					},
  4946. 					'rightBar': 
  4947. 					{
  4948. 						'main': 
  4949. 						{
  4950. 							'height': '471px',
  4951. 							'display': 'table-cell',
  4952. 							'verticalAlign': 'top',
  4953. 							'width': '100%',
  4954. 							'position': 'relative'
  4955. 						},
  4956. 						'msgMask': 
  4957. 						{
  4958. 							'overflow': 'hidden',
  4959. 							'position': 'relative',
  4960. 							'height': '471px'
  4961. 						},
  4962. 						'msgCont': 
  4963. 						{
  4964. 							'width': '394px',
  4965. 							'position': 'absolute',
  4966. 							'top': 0,
  4967. 							'padding': '0 30px 0 20px',
  4968. 							'overflow': 'hidden',
  4969. 							'width': '100%',
  4970. 							'boxSizing': 'border-box',
  4971. 							'MozBoxSizing': 'border-box',
  4972. 							'wordWrap': 'break-word',
  4973. 							'lineHeight': '18px'
  4974. 						},
  4975. 						'scrollBar': 
  4976. 						{
  4977. 							'cont': 
  4978. 							{
  4979. 								'width': '16px',
  4980. 								'position': 'absolute',
  4981. 								'background': '#333333',
  4982. 								'height': '471px',
  4983. 								'top': 0,
  4984. 								'right': 0
  4985. 							},
  4986. 							'bar': 
  4987. 							{
  4988. 								'width': '16px',
  4989. 								'background': '#3b3b3b',
  4990. 								'position': 'absolute',
  4991. 								'top': '10px',
  4992. 								'over': {'background': '#424242'},
  4993. 								'out': {'background': '#3b3b3b'},
  4994. 								'down': {'background': '#707070'},
  4995. 								'up': {'background': '#3d3d3d'},
  4996. 								'pointer': 'cursor'
  4997. 							}
  4998. 						},
  4999. 						'contacts':
  5000. 						{
  5001. 							'topWrapper': 
  5002. 							{
  5003. 								'width': '100%',
  5004. 								'paddingBottom': '5px',
  5005. 								'borderBottom': '1px solid #434343'
  5006. 							},
  5007. 							'bottomWrapper':
  5008. 							{
  5009. 								'marginLeft': '200px',
  5010. 								'width': 'auto',
  5011. 								'paddingTop': '33px',
  5012. 								'height': '125px'
  5013. 							},
  5014. 							'main':
  5015. 							{
  5016. 								'width': 'auto',
  5017. 								'height': '193px',
  5018. 								'border': '1px solid #1f1f1f',
  5019. 								'background': '#323232',
  5020. 								'position': 'relative',
  5021. 								'margin': '5px 0 5px 0'
  5022. 							},
  5023. 							'mask':
  5024. 							{
  5025. 								'height': '100%',
  5026. 								'position': 'relative',
  5027. 								'overflow': 'hidden'
  5028. 							},
  5029. 							'scrollbar':
  5030. 							{
  5031. 								'cont':
  5032. 								{
  5033. 									'position': 'absolute',
  5034. 									'top': 0,
  5035. 									'right': 0,
  5036. 									'width': '16px',
  5037. 									'height': '100%',
  5038. 									'overflow': 'hidden',
  5039. 									'background': '#363636'
  5040. 								},
  5041. 								'bar':
  5042. 								{
  5043. 									'position': 'absolute',
  5044. 									'top': '10px',
  5045. 									'left': 0,
  5046. 									'width': '16px',
  5047. 									'background': '#3d3d3d' 
  5048. 								}
  5049. 							},
  5050. 							'cont': 
  5051. 							{
  5052. 								'position': 'absolute',
  5053. 								'width': '100%',
  5054. 								'padding': '5px 21px 0 5px',
  5055. 								'boxSizing': 'border-box',
  5056. 								'MozBoxSizing': 'border-box',
  5057. 								'lineHeight': '10px'
  5058. 							},
  5059. 							'search':
  5060. 							{
  5061. 								'width': '188px',
  5062. 								'border': '1px solid #1f1f1f',
  5063. 								'background': '#323232',
  5064. 								'color': '#6c6d6d',
  5065. 								'fontSize': '12px',
  5066. 								'marginRight': '5px',
  5067. 								'paddingLeft': '10px',
  5068. 								'outline': 'none',
  5069. 								'focus': {'outline': 'none'},
  5070. 								'blur': {'outline': 'none'},
  5071. 								'height': '25px',
  5072. 								'lineHeigt': '25px',
  5073. 								'display': 'inline-block',
  5074. 								'verticalAlign': 'top'
  5075. 							},
  5076. 							'results': 
  5077. 							{
  5078. 								'cont':
  5079. 								{
  5080. 									'position': 'absolute',
  5081. 									'width': '198px',
  5082. 									'left': '20px',
  5083. 									'border': '1px solid #1f1f1f',
  5084. 									'background': '#323232',
  5085. 									'display': 'none',
  5086. 									'maxHeight': '145px'
  5087. 								},
  5088. 								'mask':
  5089. 								{
  5090. 									'position': 'relative',
  5091. 									'top': 0,
  5092. 									'left': 0,
  5093. 									'width': '186px',
  5094. 									'height': '100%',
  5095. 									'overflow': 'hidden'
  5096. 								},
  5097. 								'contentsCont':
  5098. 								{
  5099. 									'position': 'relative',
  5100. 									'width': '100%'
  5101. 								},
  5102. 								'scrollbar':
  5103. 								{
  5104. 									'cont':
  5105. 									{
  5106. 										'position': 'absolute',
  5107. 										'top': 0,
  5108. 										'right': 0,
  5109. 										'width': '16px',
  5110. 										'height': '100%',
  5111. 										'background': '#363636'
  5112. 									},
  5113. 									'bar':
  5114. 									{
  5115. 										'position': 'absolute',
  5116. 										'top': '10px',
  5117. 										'background': '#3d3d3d',
  5118. 										'width': '16px',
  5119. 										'over': {'background': '#424242'},
  5120. 										'out': {'background': '#3d3d3d'},
  5121. 										'down': {'background': '#707070'},
  5122. 										'up': {'background': '#3d3d3d'}
  5123. 									}
  5124. 								}
  5125. 							},
  5126. 							'button':
  5127. 							{
  5128. 								'active':
  5129. 								{
  5130. 									'height': '25px',
  5131. 									'textAlign': 'center',
  5132. 									'background': '#4e4e4e',
  5133. 									'color': '#8b8b8b',
  5134. 									'fontSize': '12px',
  5135. 									'lineHeight': '25px',
  5136. 									'over': {'background': '#266589', 'color': '#c2c2c2'},
  5137. 									'out': {'background': '#4e4e4e', 'color': '#8b8b8b'},
  5138. 									'cursor': 'pointer',
  5139. 									'marginTop': '1px'
  5140. 								},
  5141. 								'disabled':
  5142. 								{
  5143. 									'height': '25px',
  5144. 									'textAlign': 'center',
  5145. 									'background': '#3f3f3f',
  5146. 									'color': '#8b8b8b',
  5147. 									'fontSize': '12px',
  5148. 									'lineHeight': '25px',
  5149. 									'over': {'background': '#3f3f3f', 'color': '#8b8b8b'},
  5150. 									'out': {'background': '#3f3f3f', 'color': '#8b8b8b'},
  5151. 									'cursor': 'default',
  5152. 									'marginTop': '1px'
  5153. 								}
  5154. 							},
  5155. 							'saveButton':
  5156. 							{
  5157. 								'cont':
  5158. 								{
  5159. 									'disabled':
  5160. 									{
  5161. 										'position': 'absolute',
  5162. 										'bottom': '15px',
  5163. 										'right': '30px',
  5164. 										'height': '25px',
  5165. 										'width': '100px',
  5166. 										'textAlign': 'center',
  5167. 										'background': '#3f3f3f',
  5168. 										'color': '#8b8b8b',
  5169. 										'fontSize': '12px',
  5170. 										'lineHeight': '25px',
  5171. 										'over': {'background': '#3f3f3f', 'color': '#8b8b8b'},
  5172. 										'out': {'background': '#3f3f3f', 'color': '#8b8b8b'},
  5173. 										'cursor': 'default'
  5174. 									}
  5175. 								},
  5176. 								'span':
  5177. 								{
  5178. 									'position': 'absolute',
  5179. 									'bottom': '25px',
  5180. 									'left': 0,
  5181. 									'border': '2px solid #266589',
  5182. 									'border-bottom': 'none',
  5183. 									'width': '100%',
  5184. 									'height': '52px',
  5185. 									'boxSizing': 'border-box',
  5186. 									'MozBoxSizing': 'border-box',
  5187. 									'display': 'none'
  5188. 								},
  5189. 								'sub':
  5190. 								{
  5191. 									'height': '25px',
  5192. 									'width': '100%',
  5193. 									'textAlign': 'center',
  5194. 									'background': '#3f3f3f',
  5195. 									'color': '#8b8b8b',
  5196. 									'fontSize': '12px',
  5197. 									'lineHeight': '25px',
  5198. 									'over': {'background': '#4e4e4e', 'color': '#c2c2c2'},
  5199. 									'out': {'background': '#3f3f3f', 'color': '#8b8b8b'},
  5200. 									'cursor': 'pointer'
  5201. 								}
  5202. 							}
  5203. 						}
  5204. 					},
  5205. 					'middleBar': 
  5206. 					{
  5207. 						'cont': 
  5208. 						{
  5209. 							'background': '#2e2e2e',
  5210. 							'minWidth': '197px',
  5211. 							'height': '471px',
  5212. 							'display': 'table-cell',
  5213. 							'verticalAlign': 'top',
  5214. 							'position': 'relative'
  5215. 						},
  5216. 						'headers': 
  5217. 						{
  5218. 							'mask': 
  5219. 							{
  5220. 								'width': '180px',
  5221. 								'height': '422px',
  5222. 								'display': 'inline-block',
  5223. 								'verticalAlign': 'top',
  5224. 								'overflow': 'hidden',
  5225. 								'position': 'relative'
  5226. 							},
  5227. 							'scroll': 
  5228. 							{
  5229. 								'position': 'absolute'
  5230. 							}
  5231. 						},
  5232. 						'scrollBar': 
  5233. 						{
  5234. 							'cont': 
  5235. 							{
  5236. 								'width': '16px',
  5237. 								'height': '421px',
  5238. 								'top': 0,
  5239. 								'right': 0,
  5240. 								'background': '#333333',
  5241. 								'borderRight': '1px solid rgba(0,0,0,0.2)',
  5242. 								'position': 'absolute'
  5243. 							},
  5244. 							'bar': 
  5245. 							{
  5246. 								'width': '16px',
  5247. 								'background': '#3b3b3b',
  5248. 								'position': 'absolute',
  5249. 								'top': '10px',
  5250. 								'over': {'background': '#424242'},
  5251. 								'out': {'background': '#3b3b3b'},
  5252. 								'down': {'background': '#707070'},
  5253. 								'up': {'background': '#3d3d3d'},
  5254. 								'pointer': 'cursor'
  5255. 							}
  5256. 						},
  5257. 						'footer': 
  5258. 						{
  5259. 							'cont':
  5260. 							{
  5261. 								'width': '197px',
  5262. 								'background': '#424343',
  5263. 								'borderRight': '1px solid rgba(0,0,0,0.3)',
  5264. 								'height': '48px',
  5265. 								'display': 'inline-block',
  5266. 								'verticalAlign': 'top',
  5267. 								'position': 'relative'
  5268. 							},
  5269. 							'pagesBar':
  5270. 							{
  5271. 								'width': '100%',
  5272. 								'height': '2px',
  5273. 								'background': '#377395'
  5274. 							},
  5275. 							'indicator':
  5276. 							{
  5277. 								'height': '2px',
  5278. 								'background': '#898989'
  5279. 							},
  5280. 							'selectAll':
  5281. 							{
  5282. 								'checkBox': 
  5283. 								{
  5284. 									'border': '1px solid #5b5e5e',
  5285. 									'width': '10px',
  5286. 									'height': '10px',
  5287. 									'margin': '10px 0 0 5px',
  5288. 									'cursor': 'pointer'
  5289. 								},
  5290. 								'span': 
  5291. 								{
  5292. 									'width': '20px',
  5293. 									'height': '59px',
  5294. 									'position': 'absolute',
  5295. 									'left': '2px',
  5296. 									'top': '2px'
  5297. 								}
  5298. 							},
  5299. 							'pagesControls':
  5300. 							{
  5301. 								'cont':
  5302. 								{
  5303. 									'width': '85px',
  5304. 									'height': '20px',
  5305. 									'position': 'absolute',
  5306. 									'right': '11px',
  5307. 									'top': '10px'
  5308. 								},
  5309. 								'label':
  5310. 								{
  5311. 									'position': 'absolute',
  5312. 									'left': '30px',
  5313. 									'top': '10px',
  5314. 									'padding': 0,
  5315. 									'height': '20px',
  5316. 									'lineHeight': '20px',
  5317. 									'color': '#7f7f7f',
  5318. 									'display': 'none',
  5319. 									'fontSize': '12px'
  5320. 								},
  5321. 								'icon':
  5322. 								{
  5323. 									'width': '20px',
  5324. 									'height': '20px',
  5325. 									'backgroundPosition': 'center',
  5326. 									'backgroundRepeat': 'no-repeat',
  5327. 									'display': 'inline-block',
  5328. 									'verticalAlign': 'top',
  5329. 									'margin': 0,
  5330. 									'padding': 0,
  5331. 									'cursor': 'pointer'
  5332. 								}
  5333. 							}
  5334. 						}
  5335. 					},
  5336. 					
  5337. 					'tableCellWrapper':
  5338. 					{
  5339. 						'position': 'relative',
  5340. 						'display': 'block'
  5341. 					},
  5342. 					
  5343. 					'ul': 
  5344. 					{
  5345. 						'leftBar': 
  5346. 						{
  5347. 							'main': 
  5348. 							{
  5349. 								'width': 'inherit',
  5350. 								'listStyleType': 'none',
  5351. 								'padding': 0,
  5352. 								'margin': '10px 0 0 0'
  5353. 							},
  5354. 							'sub': 
  5355. 							{
  5356. 								'width': 'inherit',
  5357. 								'listStyleType': 'none',
  5358. 								'padding': 0,
  5359. 								'margin': 0
  5360. 							}
  5361. 						},
  5362. 						'toolbar': 
  5363. 						{
  5364. 							'main': 
  5365. 							{
  5366. 								'listStyleType': 'none',
  5367. 								'margin': 0,
  5368. 								'padding': 0,
  5369. 								'height': '68px'
  5370. 							},
  5371. 							'sub': 
  5372. 							{
  5373. 								'border': '3px solid #404144',
  5374. 								'display': 'none',
  5375. 								'borderTop': 'none',
  5376. 								'background': '#266589',
  5377. 								'listStyleType': 'none',
  5378. 								'width': '100%',
  5379. 								'margin': 0,
  5380. 								'padding': 0,
  5381. 								'position': 'absolute',
  5382. 								'top': '69px',
  5383. 								'left': '-3px',
  5384. 								'zIndex': 1000
  5385. 							}
  5386. 						}
  5387. 					},
  5388. 					'li': 
  5389. 					{
  5390. 						'leftBar': 
  5391. 						{
  5392. 							'main': 
  5393. 							{
  5394. 								'fontSize': '24px',
  5395. 								'color': '#999999',
  5396. 								'minHeight': '30px',
  5397. 								'textIndent': '14px'
  5398. 							},
  5399. 							'sub': 
  5400. 							{
  5401. 								'fontSize': '12px',
  5402. 								'color': '#909090',
  5403. 								'background': 'transparent',
  5404. 								'height': '20px',
  5405. 								'lineHeight': '20px',
  5406. 								'textIndent': '30px',
  5407. 								'cursor': 'pointer',
  5408. 								'over': 
  5409. 								{
  5410. 									'background': '#545555',
  5411. 									'color': '#aeaeae'
  5412. 								},
  5413. 								'out': 
  5414. 								{
  5415. 									'background': 'transparent',
  5416. 									'color': '#909090'
  5417. 								}
  5418. 							},
  5419. 							'subSelected':
  5420. 							{
  5421. 								'fontSize': '12px',
  5422. 								'color': '#aeaeae',
  5423. 								'height': '20px',
  5424. 								'lineHeight': '20px',
  5425. 								'textIndent': '30px',
  5426. 								'cursor': 'pointer',
  5427. 								'background': '#545555',
  5428. 								'over': 
  5429. 								{
  5430. 									'background': '#545555',
  5431. 									'color': '#aeaeae'
  5432. 								},
  5433. 								'out': 
  5434. 								{
  5435. 									'background': '#545555',
  5436. 									'color': '#aeaeae'
  5437. 								}
  5438. 							}
  5439. 						},
  5440. 						'toolbar': 
  5441. 						{
  5442. 							'textOnly': 
  5443. 							{
  5444. 								'height': '68px',
  5445. 								'display': 'inline-block',
  5446. 								'verticalAlign': 'top',
  5447. 								'textAlign': 'left',
  5448. 								'fontSize': '16px',
  5449. 								'lineHeight': '68px',
  5450. 								'color': '#cacaca',
  5451. 								'cursor': 'pointer',
  5452. 								'padding': '0 10px'
  5453. 							},
  5454. 							'withIcon': 
  5455. 							{
  5456. 								'height': '68px',
  5457. 								'display': 'inline-block',
  5458. 								'verticalAlign': 'top',
  5459. 								'textAlign': 'left',
  5460. 								'fontSize': '16px',
  5461. 								'lineHeight': '68px',
  5462. 								'color': '#cacaca',
  5463. 								'cursor': 'pointer',
  5464. 								'padding': '0 10px 0 45px',
  5465. 								'position': 'relative'
  5466. 							},
  5467. 							'withDrop': 
  5468. 							{
  5469. 								'height': '68px',
  5470. 								'display': 'inline-block',
  5471. 								'verticalAlign': 'top',
  5472. 								'textAlign': 'left',
  5473. 								'fontSize': '16px',
  5474. 								'lineHeight': '68px',
  5475. 								'color': '#cacaca',
  5476. 								'cursor': 'pointer',
  5477. 								'padding': '0 30px 0 10px',
  5478. 								'position': 'relative'
  5479. 							},
  5480. 							'icon': 
  5481. 							{
  5482. 								'width': '30px',
  5483. 								'height': '30px',
  5484. 								'position': 'absolute',
  5485. 								'top': '15px',
  5486. 								'left': '10px'
  5487. 							},
  5488. 							'drop': 
  5489. 							{
  5490. 								'width': '20px',
  5491. 								'position': 'absolute',
  5492. 								'right': 0,
  5493. 								'top': 0,
  5494. 								'height': '68px',
  5495. 								'lineHeight': '68px',
  5496. 								'fontWeight': 'bold',
  5497. 								'over': {'backgroundColor': '#266589'},
  5498. 								'out': {'backgroundColor': 'transparent'},
  5499. 								'backgroundPosition': '0 center',
  5500. 								'backgroundRepeat': 'no-repeat'
  5501. 							},
  5502. 							'newIcon': 
  5503. 							{
  5504. 								'width': '30px',
  5505. 								'height': '30px',
  5506. 								'position': 'absolute',
  5507. 								'top': '18px',
  5508. 								'left': '10px',
  5509. 								'padding': 0,
  5510. 								'margin': 0,
  5511. 								'backgroundPosition': 'center',
  5512. 								'backgroundRepeat': 'no-repeat'
  5513. 							},
  5514. 							'sub': 
  5515. 							{
  5516. 								'padding': '5px 10px',
  5517. 								'over': {'background': '#377395', 'color': '#cacaca'},
  5518. 								'out': {'background': 'transparent', 'color': '#aeaeae'},
  5519. 								'color': '#aeaeae',
  5520. 								'fontSize': '12px',
  5521. 								'height': '20px',
  5522. 								'lineHeight': '20px',
  5523. 								'textAlign': 'center',
  5524. 								'borderBottom': '1px solid #404040'
  5525. 							}
  5526. 						}
  5527. 					},
  5528. 					'input': 
  5529. 					{
  5530. 						'text': 
  5531. 						{
  5532. 							'search': 
  5533. 							{
  5534. 								'width': '87px',
  5535. 								'border': '1px solid #1f1f1f',
  5536. 								'height': '14px',
  5537. 								'margin': '10px 7px 0 7px',
  5538. 								'padding': '5px 15px 5px 10px',
  5539. 								'color': '#333333',
  5540. 								'fontSize': '12px',
  5541. 								'background': '#525252',
  5542. 								'focus': 
  5543. 								{
  5544. 									'color': '#aeaeae',
  5545. 									'outline': 'none'
  5546. 								},
  5547. 								'blur': 
  5548. 								{
  5549. 									'color': '#333333'
  5550. 								}
  5551. 							}
  5552. 						}
  5553. 					},
  5554. 					'header': 
  5555. 					{
  5556. 						'sender': 
  5557. 						{
  5558. 							'fontSize': '14px',
  5559. 							'cursor': 'pointer',
  5560. 							'color': '#377395',
  5561. 							'height': '20px',
  5562. 							'lineHeight': '20px',
  5563. 							'margin': '2px 0 0 0',
  5564. 							'display': 'block',
  5565. 							'maxWidth': '96px',
  5566. 							'display': 'inline-block',
  5567. 							'textOverflow': 'ellipsis',
  5568. 							'overflow': 'hidden',
  5569. 							'whiteSpace': 'nowrap'
  5570. 						},
  5571. 						'date': 
  5572. 						{
  5573. 							'fontSize': '12px',
  5574. 							'color': '#4d4d4d',
  5575. 							'position': 'absolute',
  5576. 							'height': '15px',
  5577. 							'right': '10px',
  5578. 							'top': '8px',
  5579. 							'fontWeight': 'bold',
  5580. 							'cursor': 'default'
  5581. 						},
  5582. 						'subject': 
  5583. 						{
  5584. 							'fontSize': '14px',
  5585. 							'color': '#909090',
  5586. 							'width': '100%',
  5587. 							'height': '30px',
  5588. 							'margin': 0,
  5589. 							'padding': 0,
  5590. 							'textOverflow': 'ellipsis',
  5591. 							'overflow': 'hidden',
  5592. 							'whiteSpace': 'nowrap'
  5593. 						},
  5594. 						'cont': 
  5595. 						{
  5596. 							'width': '150px',
  5597. 							'height': '49px',
  5598. 							'borderBottom': '1px solid #292929',
  5599. 							'position': 'relative',
  5600. 							'padding': '5px 5px 5px 25px',
  5601. 							'fontWeight': 'normal',
  5602. 							'lineHeight': '22px'
  5603. 						},
  5604. 						'contUnRead': 
  5605. 						{
  5606. 							'width': '150px',
  5607. 							'height': '49px',
  5608. 							'fontWeight': 'bold',
  5609. 							'borderBottom': '1px solid #242424',
  5610. 							'position': 'relative',
  5611. 							'padding': '5px 5px 5px 25px',
  5612. 							'background': '#292929'
  5613. 						},
  5614. 						'checkBox': 
  5615. 						{
  5616. 							'border': '1px solid #5b5e5e',
  5617. 							'width': '10px',
  5618. 							'height': '10px',
  5619. 							'margin': '10px 0 0 5px'
  5620. 						},
  5621. 						'span': 
  5622. 						{
  5623. 							'width': '20px',
  5624. 							'height': '59px',
  5625. 							'position': 'absolute',
  5626. 							'left': '2px',
  5627. 							'top': 0,
  5628. 							'borderBottom': '1px solid #292929',
  5629. 							'cursor': 'pointer'
  5630. 						}
  5631. 					},
  5632. 					'message': 
  5633. 					{
  5634. 						'subject': 
  5635. 						{
  5636. 							'color': '#6c6d6d',
  5637. 							'fontSize': '18px',
  5638. 							'fontWeight': 'bold',
  5639. 							'padding': '13px 0 2px 0',
  5640. 							'width': '100%',
  5641. 							'height': '24px',
  5642. 							'lineHeight': '24px',
  5643. 							'borderBottom': '2px solid #3f3e3e',
  5644. 							'margin': 0,
  5645. 							'overflow': 'hidden',
  5646. 							'textOverflow': 'ellipsis',
  5647. 							'whiteSpace': 'nowrap'
  5648. 						},
  5649. 						'date': 
  5650. 						{
  5651. 							'fontSize': '12px',
  5652. 							'color': '#6c6d6d',
  5653. 							'position': 'absolute',
  5654. 							'top': '5px',
  5655. 							'right': '10px'
  5656. 						},
  5657. 						'from': 
  5658. 						{
  5659. 							'position': 'relative',
  5660. 							'fontSize': '12px',
  5661. 							'color': '#6c6d6d',
  5662. 							'minHeight': '12px',
  5663. 							'padding': '5px 5% 0 0',
  5664. 							'margin': '0',
  5665. 							'display': 'block',
  5666. 							'whiteSpace': 'nowrap',
  5667. 							'overflow': 'hidden',
  5668. 							'maxWidth': '95%'
  5669. 						},
  5670. 						'expand':
  5671. 						{
  5672. 							'wrapper':
  5673. 							{
  5674. 								'width': '5%',
  5675. 								'height': '14px',
  5676. 								'padding': 0,
  5677. 								'display': 'block',
  5678. 								'position': 'absolute',
  5679. 								'bottom': '2px',
  5680. 								'background': '#292929',
  5681. 								'right': 0,
  5682. 								'cursor': 'pointer',
  5683. 							},
  5684. 							'cont':
  5685. 							{
  5686. 								'lineHeight': '14px',
  5687. 								'backgroundPosition': 'center',
  5688. 								'backgroundRepeat': 'no-repeat',
  5689. 								'opacity': 0.7,
  5690. 								'width': '100%',
  5691. 								'height': '100%',
  5692. 								'over': {'opacity': 1},
  5693. 								'out': {'opacity': 0.7}
  5694. 							}
  5695. 						},
  5696. 						
  5697. 						'actionLink':
  5698. 						{
  5699. 							'display': 'inline-block',
  5700. 							'verticalAlign': 'top',
  5701. 							'color': '#b8b8b8',
  5702. 							'cursor': 'pointer',
  5703. 							'marginLeft': '20px',
  5704. 							'opacity': 0.8,
  5705. 							'over': {'opacity': 1},
  5706. 							'out': {'opacity': 0.8}
  5707. 						},
  5708. 						
  5709. 						'body': 
  5710. 						{
  5711. 							'fontSize': '14px',
  5712. 							'color': '#848585',
  5713. 							'margin': '30px 0 0 0',
  5714. 							'paddingBottom': '20px',
  5715. 							'borderBottom': '1px solid #3f3e3e'
  5716. 						}
  5717. 					},
  5718. 					'link': 
  5719. 					{
  5720. 						'_12': 
  5721. 						{
  5722. 							'fontSize': '12px',
  5723. 							'color': '#377395',
  5724. 							'textDecoration': 'none',
  5725. 							'cursor': 'pointer',
  5726. 							'marginRight': '10px',
  5727. 							'display': 'inline-block'
  5728. 						},
  5729. 						'_14': 
  5730. 						{
  5731. 							'fontSize': '14px',
  5732. 							'color': '#377395',
  5733. 							'textDecoration': 'none',
  5734. 							'cursor': 'pointer'
  5735. 						}
  5736. 					},
  5737. 					'searchResults':
  5738. 					{
  5739. 						'cont':
  5740. 						{
  5741. 							'border': '1px solid #1f1f1f',
  5742. 							'background': '#266589',
  5743. 							'position': 'absolute',
  5744. 							'top': '37px',
  5745. 							'left': '7px',
  5746. 							'width': '112px',
  5747. 							'display': 'none'
  5748. 						},
  5749. 						'li':
  5750. 						{
  5751. 							'main':
  5752. 							{
  5753. 								'margin': 0,
  5754. 								'padding': 0
  5755. 							},
  5756. 							'sub':
  5757. 							{
  5758. 								'color': '#969696',
  5759. 								'borderBottom': '#404040',
  5760. 								'textIndent': '15px',
  5761. 								'cursor': 'pointer',
  5762. 								'over': {'background': '#377395', 'color': '#b4b4b4'},
  5763. 								'out': {'background': 'transparent', 'color': '#969696'},
  5764. 								'fontSize': '12px',
  5765. 								'height': '19px',
  5766. 								'lineHeight': '20px',
  5767. 								'borderBottom': '1px solid #377395'
  5768. 							}
  5769. 						},
  5770. 						'count':
  5771. 						{
  5772. 							'color': '#919090',
  5773. 							'position': 'absolute',
  5774. 							'fontSize': '12px',
  5775. 							'right': '10px',
  5776. 							'top': '2px'
  5777. 						},
  5778. 						'ul':
  5779. 						{
  5780. 							'listStyleType': 'none',
  5781. 							'margin': 0,
  5782. 							'padding': 0,
  5783. 							'width': '100%'
  5784. 						},
  5785. 						'text':
  5786. 						{
  5787. 							'position': 'relative',
  5788. 							'backgroundImage': '',
  5789. 							'borderBottom': '1px solid rgba(0,0,0,0.30)',
  5790. 							'height': '24px',
  5791. 							'color': '#292929',
  5792. 							'fontSize': '12px',
  5793. 							'margin': 0,
  5794. 							'padding': '0 5px',
  5795. 							'lineHeight': '24px'
  5796. 						}
  5797. 					},
  5798. 					'compose':
  5799. 					{
  5800. 						'window':
  5801. 						{
  5802. 							'background': '#292929',
  5803. 							'width': '100%',
  5804. 							'height': '471px',
  5805. 							'paddingTop': '69px',
  5806. 							'position': 'relative',
  5807. 							'fontFamily': 'vrinda',
  5808. 							'display': 'table'
  5809. 						},
  5810. 						'topBar':
  5811. 						{
  5812. 							
  5813. 						},
  5814. 						'leftBar':
  5815. 						{
  5816. 							'cont':
  5817. 							{
  5818. 								'minWidth': '256px',
  5819. 								'position': 'relative',
  5820. 								'background': '#3a3b3b',
  5821. 								'height': '471px',
  5822. 								'display': 'table-cell',
  5823. 								'verticalAlign': 'top'
  5824. 							},
  5825. 							'recipients':
  5826. 							{
  5827. 								'toText':
  5828. 								{
  5829. 									'color': '#8d8c8c',
  5830. 									'fontSize': '12px',
  5831. 									'margin': '10px 0 5px 15px'
  5832. 								},
  5833. 								'main':
  5834. 								{
  5835. 									'position': 'relative',
  5836. 									'border': '1px solid #1f1f1f',
  5837. 									'background': '#323232',
  5838. 									'width': '238px',
  5839. 									'margin': '0 auto',
  5840. 									'minHeight': '20px',
  5841. 									'maxHeight': '180px'
  5842. 								},
  5843. 								'mask':
  5844. 								{
  5845. 									'position': 'relative',
  5846. 									'overflow': 'hidden',
  5847. 									'width': '100%',
  5848. 									'height': '100%',
  5849. 									'maxHeight': '180px'
  5850. 								},
  5851. 								'cont':
  5852. 								{
  5853. 									'padding': '5px 20px 0 5px',
  5854. 									'position': 'absolute',
  5855. 									'boxSizing': 'border-box',
  5856. 									'MozBoxSizing': 'border-box',
  5857. 									'width': '100%',
  5858. 									'lineHeight': '10px'
  5859. 								},
  5860. 								'count':
  5861. 								{
  5862. 									'position': 'absolute',
  5863. 									'bottom': 0,
  5864. 									'left': 0,
  5865. 									'padding': '5px 30px 5px 0',
  5866. 									'color': '#999',
  5867. 									'fontSize': '12px',
  5868. 									'width': '100%',
  5869. 									'boxSizing': 'border-box',
  5870. 									'MozBoxSizing': 'border-box',
  5871. 									'background': '#292929',
  5872. 									'textAlign': 'right'
  5873. 								},
  5874. 								'scrollbar':
  5875. 								{
  5876. 									'cont':
  5877. 									{
  5878. 										'position': 'absolute',
  5879. 										'top': 0,
  5880. 										'right': 0,
  5881. 										'width': '16px',
  5882. 										'height': '100%',
  5883. 										'maxHeight': '180px',
  5884. 										'background': '#363636'
  5885. 									},
  5886. 									'bar':
  5887. 									{
  5888. 										'position': 'absolute',
  5889. 										'top': '10px',
  5890. 										'background': '#3d3d3d',
  5891. 										'width': '16px',
  5892. 										'over': {'background': '#424242'},
  5893. 										'out': {'background': '#3d3d3d'},
  5894. 										'down': {'background': '#707070'},
  5895. 										'up': {'background': '#3d3d3d'}
  5896. 									}
  5897. 								},
  5898. 								'recipient':
  5899. 								{
  5900. 									'cont':
  5901. 									{
  5902. 										'margin': '0 5px 5px 0',
  5903. 										'background': '#266589',
  5904. 										'color': '#bcbcbc',
  5905. 										'fontSize': '12px',
  5906. 										'height': '20px',
  5907. 										'lineHeight': '20px',
  5908. 										'padding': '0 20px 0 10px',
  5909. 										'textOverflow': 'ellipsis',
  5910. 										'maxWidth': '100%',
  5911. 										'overflow': 'hidden',
  5912. 										'display': 'inline-block',
  5913. 										'position': 'relative'
  5914. 									},
  5915. 									'remove':
  5916. 									{
  5917. 										'position': 'absolute',
  5918. 										'top': 0,
  5919. 										'right': 0,
  5920. 										'width': '15px',
  5921. 										'height': '20px',
  5922. 										'lineHeight': '20px',
  5923. 										'color': '#bcbcbc',
  5924. 										'over': {'background': '#377395'},
  5925. 										'out': {'background': 'transparent'},
  5926. 										'fontSize': '10px',
  5927. 										'textAlign': 'center',
  5928. 										'cursor': 'pointer'
  5929. 									}
  5930. 								},
  5931. 								'textField':
  5932. 								{
  5933. 									'height': '15px',
  5934. 									'lineHeight': '15px',
  5935. 									'maxWidth': '100%',
  5936. 									'minWidth': '20%',
  5937. 									'width': '90%',
  5938. 									'border': 'none',
  5939. 									'background': 'transparent',
  5940. 									'outline': 'none',
  5941. 									'focus': {'outline': 'none', 'background': 'transparent'},
  5942. 									'blur': {'outline': 'none', 'background': 'transparent'},
  5943. 									'color': '#919191',
  5944. 									'margin': 0,
  5945. 									'padding': '0 5px 5px 0'
  5946. 								},
  5947. 								'textFieldCont':
  5948. 								{
  5949. 									'display': 'block',
  5950. 									'margin': 0,
  5951. 									'padding': 0,
  5952. 									'lineHeight': '10px'
  5953. 								},
  5954. 								'searchBox':
  5955. 								{
  5956. 									'cont':
  5957. 									{
  5958. 										'border': '1px solid #1f1f1f',
  5959. 										'background': '#323232',
  5960. 										'position': 'absolute',
  5961. 										'left': '7px',
  5962. 										'width': '243px',
  5963. 										'maxHeight': '244px',
  5964. 										'display': 'none'
  5965. 									},
  5966. 									'mask':
  5967. 									{
  5968. 										'width': '227px',
  5969. 										'height': '100%',
  5970. 										'overflow': 'hidden',
  5971. 										'position': 'relative'
  5972. 									},
  5973. 									'scrollbar':
  5974. 									{
  5975. 										'cont':
  5976. 										{
  5977. 											'position': 'absolute',
  5978. 											'top': 0,
  5979. 											'right': 0,
  5980. 											'width': '16px',
  5981. 											'height': '100%',
  5982. 											'background': '#363636'
  5983. 										},
  5984. 										'bar':
  5985. 										{
  5986. 											'position': 'absolute',
  5987. 											'top': '10px',
  5988. 											'background': '#3d3d3d',
  5989. 											'width': '16px',
  5990. 											'over': {'background': '#424242'},
  5991. 											'out': {'background': '#3d3d3d'},
  5992. 											'down': {'background': '#707070'},
  5993. 											'up': {'background': '#3d3d3d'}
  5994. 										}
  5995. 									},
  5996. 									'itemsCont':
  5997. 									{
  5998. 										'width': '100%',
  5999. 										'position': 'absolute',
  6000. 										'top': 0,
  6001. 										'zIndex': 12000
  6002. 									},
  6003. 									'item':
  6004. 									{
  6005. 										'cont':
  6006. 										{
  6007. 											'height': '48px',
  6008. 											'borderBottom': '1px solid #3e3e3e',
  6009. 											'color': '#8e8e8e',
  6010. 											'background': 'transparent',
  6011. 											'over': {'background': '#266589', 'color': '#bcbcbc'},
  6012. 											'out': {'background': 'transparent', 'color': '#8e8e8e'}
  6013. 										},
  6014. 										'contSelected':
  6015. 										{
  6016. 											'height': '48px',
  6017. 											'borderBottom': '1px solid #3e3e3e',
  6018. 											'color': '#bcbcbc',
  6019. 											'background': '#266589'
  6020. 										},
  6021. 										'text':
  6022. 										{
  6023. 											'fontSize': '14px',
  6024. 											'textOverflow': 'ellipsis',
  6025. 											'height': '15px',
  6026. 											'lineHeight': '15px',
  6027. 											'padding': '5px 10px 0 10px',
  6028. 											'margin': 0
  6029. 										}
  6030. 									}
  6031. 								}
  6032. 							},
  6033. 							'contacts':
  6034. 							{
  6035. 								'cont':
  6036. 								{
  6037. 									'position': 'absolute',
  6038. 									'bottom': 0
  6039. 								}
  6040. 							},
  6041. 							'tableOptions':
  6042. 							{
  6043. 								'button':
  6044. 								{
  6045. 									'height': '25px',
  6046. 									'width': '40%',
  6047. 									'margin': '50px 0 0 15px',
  6048. 									'textAlign': 'center',
  6049. 									'background': '#4e4e4e',
  6050. 									'color': '#8b8b8b',
  6051. 									'fontSize': '12px',
  6052. 									'lineHeight': '25px',
  6053. 									'over': {'background': '#266589', 'color': '#c2c2c2'},
  6054. 									'out': {'background': '#4e4e4e', 'color': '#8b8b8b'},
  6055. 									'cursor': 'pointer',
  6056. 									'display': 'inline-block'
  6057. 								},
  6058. 								'inputCont':
  6059. 								{
  6060. 									'position': 'relative'
  6061. 								},
  6062. 								'input':
  6063. 								{
  6064. 									'width': '150px',
  6065. 									'border': '1px solid #1f1f1f',
  6066. 									'background': '#323232',
  6067. 									'color': '#6c6d6d',
  6068. 									'fontSize': '12px',
  6069. 									'margin': '10px 15px 0 15px',
  6070. 									'paddingLeft': '10px',
  6071. 									'outline': 'none',
  6072. 									'focus': {'outline': 'none'},
  6073. 									'blur': {'outline': 'none'},
  6074. 									'height': '23px',
  6075. 									'lineHeigt': '25px'
  6076. 								},
  6077. 								'label':
  6078. 								{
  6079. 									'display': 'inline-block',
  6080. 									'verticalAlign': 'top',
  6081. 									'height': '25px',
  6082. 									'marginTop': '10px',
  6083. 									'lineHeight': '25px',
  6084. 									'color': '#6c6d6d',
  6085. 									'fontSize': '12px'
  6086. 								},
  6087. 								'span':
  6088. 								{
  6089. 									'position': 'absolute',
  6090. 									'top': '-5px',
  6091. 									'left': '25px',
  6092. 									'height': '20px',
  6093. 									'lineHeight': '20px',
  6094. 									'color': '#6c6d6d',
  6095. 									'width': '190px',
  6096. 									'fontSize': '12px'
  6097. 								},
  6098. 								'checkbox':
  6099. 								{
  6100. 									'border': '1px solid #5b5e5e',
  6101. 									'width': '10px',
  6102. 									'height': '10px',
  6103. 									'margin': '15px 0 0 15px',
  6104. 									'cursor': 'pointer',
  6105. 									'position': 'relative'
  6106. 								}
  6107. 							},
  6108. 							'contacts':
  6109. 							{
  6110. 								'main':
  6111. 								{
  6112. 									'position': 'absolute',
  6113. 									'bottom': '40px',
  6114. 									'left': '16px',
  6115. 									'color': '#999',
  6116. 									'width': '230px'
  6117. 								},
  6118. 								'ul':
  6119. 								{
  6120. 									'main':
  6121. 									{
  6122. 										'listStyleType': 'none',
  6123. 										'display': 'block',
  6124. 										'margin': '0',
  6125. 										'padding': '0',
  6126. 										'color': '#a3a2a2'
  6127. 									},
  6128. 									'sub':
  6129. 									{
  6130. 										'listStyleType': 'none',
  6131. 										'display': 'block',
  6132. 										'margin': '0',
  6133. 										'padding': '0',
  6134. 										'color': '#808080'
  6135. 									},
  6136. 									'span':
  6137. 									{
  6138. 										'listStyleType': 'none',
  6139. 										'display': 'block',
  6140. 										'margin': '0',
  6141. 										'padding': '0',
  6142. 										'width': 'inherit',
  6143. 										'color': '#808080',
  6144. 										'position': 'absolute',
  6145. 										'top': 0
  6146. 									}
  6147. 								},
  6148. 								'li':
  6149. 								{
  6150. 									'main':
  6151. 									{
  6152. 										'fontSize': '24px',
  6153. 										'width': '240px'
  6154. 									},
  6155. 									'sub':
  6156. 									{
  6157. 										'fontSize': '12px',
  6158. 										'position': 'relative',
  6159. 										'height': '20px',
  6160. 										'over': {'color': '#a3a2a2'},
  6161. 										'out': {'color': '#808080'}
  6162. 									},
  6163. 									'span':
  6164. 									{
  6165. 										'width': '100%',
  6166. 										'paddingLeft': '10px',
  6167. 										'boxSizing': 'border-box',
  6168. 										'MoxBoxSizing': 'border-box',
  6169. 										'borderBottom': '1px solid #464646',
  6170. 										'fontSize': '12px',
  6171. 										'height': '24px',
  6172. 										'lineHeight': '24px',
  6173. 										'over': {'background': '#434343', 'color': '#a3a2a2'},
  6174. 										'out': {'background': 'transparent', 'color': '#808080'}
  6175. 									}
  6176. 								},
  6177. 								'span':
  6178. 								{
  6179. 									'main':
  6180. 									{
  6181. 										'position': 'absolute',
  6182. 										'display': 'none',
  6183. 										'cursor': 'pointer',
  6184. 										'right': '16px',
  6185. 										'top': 0
  6186. 									},
  6187. 									'sub':
  6188. 									{
  6189. 										'position': 'absolute',
  6190. 										'bottom': '20px',
  6191. 										'left': '0',
  6192. 										'display': 'none',
  6193. 										'background': '#3a3b3b',
  6194. 										'border': '2px solid #1c1c1c',
  6195. 										'width': '100%',
  6196. 										'boxSizing': 'border-box',
  6197. 										'MoxBoxSizing': 'border-box',
  6198. 										'maxHeight': '178px',
  6199. 										'overflow': 'hidden'
  6200. 									}
  6201. 								},
  6202. 								'select':
  6203. 								{
  6204. 									'position': 'relative',
  6205. 									'height': '20px',
  6206. 									'width': '120px',
  6207. 									'marginLeft': '16px',
  6208. 									'cursor': 'pointer'
  6209. 								},
  6210. 								'scrollbar':
  6211. 								{
  6212. 									'cont':
  6213. 									{
  6214. 										'position': 'absolute',
  6215. 										'top': 0,
  6216. 										'right': 0,
  6217. 										'width': '16px',
  6218. 										'height': '100%',
  6219. 										'background': '#363636',
  6220. 										'maxHeight': '178px',
  6221. 										'opacity': 0.6
  6222. 									},
  6223. 									'bar':
  6224. 									{
  6225. 										'position': 'absolute',
  6226. 										'top': '10px',
  6227. 										'background': '#454545',
  6228. 										'width': '16px',
  6229. 										'over': {'background': '#555555'},
  6230. 										'out': {'background': '#454545'},
  6231. 										'down': {'background': '#707070'},
  6232. 										'up': {'background': '#454545'}
  6233. 									}
  6234. 								}
  6235. 							}
  6236. 						},
  6237. 						'rightBar':
  6238. 						{
  6239. 							'cont': 
  6240. 							{
  6241. 								'height': '471px',
  6242. 								'display': 'table-cell',
  6243. 								'verticalAlign': 'top',
  6244. 								'position': 'relative',
  6245. 								'width': '100%'
  6246. 							},
  6247. 							'msgMask': 
  6248. 							{
  6249. 								'overflow': 'hidden',
  6250. 								'position': 'relative',
  6251. 								'height': '471px',
  6252. 								'width': 'inherit'					
  6253. 							},
  6254. 							'msgCont': 
  6255. 							{
  6256. 								'width': '100%',
  6257. 								'position': 'absolute',
  6258. 								'top': 0,
  6259. 								'overflowX': 'hidden',
  6260. 								'padding': '100px 30px 25px 20px',
  6261. 								'boxSizing': 'border-box',
  6262. 								'MozBoxSizing': 'border-box'
  6263. 							},
  6264. 							'msgHeader':
  6265. 							{
  6266. 								'position': 'absolute',
  6267. 								'top': 0,
  6268. 								'left': 0,
  6269. 								'padding': '0 30px 0 14px',
  6270. 								'boxSizing': 'border-box',
  6271. 								'MozBoxSizing': 'border-box',
  6272. 								'background': '#292929',
  6273. 								'width': '100%'
  6274. 							},
  6275. 							'scrollBar': 
  6276. 							{
  6277. 								'cont': 
  6278. 								{
  6279. 									'width': '16px',
  6280. 									'position': 'absolute',
  6281. 									'background': '#333333',
  6282. 									'height': '471px',
  6283. 									'top': 0,
  6284. 									'right': 0
  6285. 								},
  6286. 								'bar': 
  6287. 								{
  6288. 									'width': '16px',
  6289. 									'background': '#3b3b3b',
  6290. 									'position': 'absolute',
  6291. 									'top': '10px',
  6292. 									'over': {'background': '#424242'},
  6293. 									'out': {'background': '#3b3b3b'},
  6294. 									'down': {'background': '#707070'},
  6295. 									'up': {'background': '#3d3d3d'},
  6296. 									'pointer': 'cursor'
  6297. 								}
  6298. 							},
  6299. 							'textField':
  6300. 							{
  6301. 								'color': '#6c6d6d',
  6302. 								'fontSize': '17px',
  6303. 								'fontWeight': 'bold',
  6304. 								'width': '100%',
  6305. 								'border': 'none',
  6306. 								'borderBottom': '2px solid #3f3e3e',
  6307. 								'margin': '0',
  6308. 								'padding': '13px 0 2px 0',
  6309. 								'outline': 'none',
  6310. 								'background': 'transparent',
  6311. 								'focus': {'outline': 'none'},
  6312. 								'blur': {'outline': 'none'},
  6313. 								'height': '24px',
  6314. 								'lineHeigt': '24px'
  6315. 							},
  6316. 							'textArea':
  6317. 							{
  6318. 								'margin': 0,
  6319. 								'padding': 0,
  6320. 								'border': 'none',
  6321. 								'width': '100%',
  6322. 								'minHeight': '30px',
  6323. 								'height': '100px',
  6324. 								'cursor': 'text',
  6325. 								'display': 'block'
  6326. 							},
  6327. 							'expand':
  6328. 							{
  6329. 								'position': 'absolute',
  6330. 								'top': '7px',
  6331. 								'right': '27px',
  6332. 								'backgroundPosition': 'center',
  6333. 								'backgroundRepeat': 'no-repeat',
  6334. 								'width': '30px',
  6335. 								'height': '30px',
  6336. 								'visibility': 'hidden',
  6337. 								'opacity': 0.3,
  6338. 								'cursor': 'pointer',
  6339. 								'over': {'opacity': 0.5},
  6340. 								'out': {'opacity': 0.3}
  6341. 							},
  6342. 							'toolbar':
  6343. 							{
  6344. 								'cont':
  6345. 								{
  6346. 									'height': '20px',
  6347. 									'margin': '7px 0 10px 0'
  6348. 								},
  6349. 								'icon':
  6350. 								{
  6351. 									'display': 'inline-block',
  6352. 									'verticalAlign': 'top',
  6353. 									'cursor': 'pointer',
  6354. 									'backgroundRepeat': 'no-repeat',
  6355. 									'backgroundPosition': 'center',
  6356. 									'width': '26px',
  6357. 									'height': '20px',
  6358. 									'opacity': 0.4,
  6359. 									'over': {'opacity': 0.8},
  6360. 									'out': {'opacity': 0.4}
  6361. 								}
  6362. 							},
  6363. 							'origionalMsg':
  6364. 							{
  6365. 								'cont':
  6366. 								{
  6367. 									'width': '100%',
  6368. 									'position': 'relative',
  6369. 									'background': '#262626',
  6370. 									'color': '#747474',
  6371. 									'border': '1px solid #3f3e3e',
  6372. 									'fontSize': '14px',
  6373. 									'padding': '15px',
  6374. 									'boxSizing': 'border-box',
  6375. 									'MozBoxSizing': 'border-box',
  6376. 									'margin': '5px 0',
  6377. 									'userSelect': 'text',
  6378. 									'MozUserSelect': 'text',
  6379. 									'cursor': 'text',
  6380. 									'lineHeight': '18px'
  6381. 								},
  6382. 								'close':
  6383. 								{
  6384. 									'width': '20px',
  6385. 									'height': '20px',
  6386. 									'position': 'absolute',
  6387. 									'top': '3px',
  6388. 									'right': '3px',
  6389. 									'color': '#9b9b9b',
  6390. 									'textAlign': 'center',
  6391. 									'lineHeight': '20px',
  6392. 									'fontSize': '12px',
  6393. 									'fontWeight': 'bold',
  6394. 									'cursor': 'pointer'
  6395. 								},
  6396. 								'date': 
  6397. 								{
  6398. 									'fontSize': '12px',
  6399. 									'position': 'absolute',
  6400. 									'top': '5px',
  6401. 									'right': '12px',
  6402. 									'margin': 0
  6403. 								},
  6404. 								'from': 
  6405. 								{
  6406. 									'position': 'relative',
  6407. 									'fontSize': '14px',
  6408. 									'paddingTop': '5px',
  6409. 									'margin': '0 0 10px 0',
  6410. 									'fontWeight': 'bold'
  6411. 								}
  6412. 							}
  6413. 						}
  6414. 					},
  6415. 					'quote':
  6416. 					{
  6417. 						'border': '1px solid #5a5a5a',
  6418. 						'background': '#303030',
  6419. 						'padding': '10px',
  6420. 						'box-sizing': 'border-box',
  6421. 						'MozBoxSizing': 'border-box'
  6422. 					},
  6423. 					'notification':
  6424. 					{
  6425. 						'cont':
  6426. 						{
  6427. 							'background': '#292929',
  6428. 							'width': '230px',
  6429. 							'height': '73px',
  6430. 							'border': '2px solid #8d8d8d',
  6431. 							'position': 'absolute',
  6432. 							'bottom': '30px',
  6433. 							'right': '30px',
  6434. 							'box-shadow': '5px 5px 25px rgba(0,0,0,0.7)',
  6435. 							'padding': '10px',
  6436. 							'color': '#9a9a9a',
  6437. 							'fontSize': '12px',
  6438. 							'fontFamily': 'vrinda',
  6439. 							'zIndex': 1000				
  6440. 						},
  6441. 						'header':
  6442. 						{
  6443. 							'cont':
  6444. 							{
  6445. 								'marginBottom': '5px'
  6446. 							},
  6447. 							'mail':
  6448. 							{
  6449. 								'backgroundPosition': 'center left',
  6450. 								'backgroundRepeat': 'no-repeat',
  6451. 								'width': '40px',
  6452. 								'height': '30px',
  6453. 								'display': 'inline-block',
  6454. 								'verticalAlign': 'top',
  6455. 								'position': 'relative'
  6456. 							},
  6457. 							'text':
  6458. 							{
  6459. 								'display': 'inline-block',
  6460. 								'verticalAlign': 'top',
  6461. 								'textAlign': 'center',
  6462. 								'margin': '0 0 0 5px',
  6463. 								'width': '182px',
  6464. 								'lineHeight': '30px',
  6465. 								'height': '30px',
  6466. 								'fontSize': '14px'
  6467. 							},
  6468. 							'textMultiple':
  6469. 							{
  6470. 								'display': 'inline-block',
  6471. 								'verticalAlign': 'top',
  6472. 								'textAlign': 'center',
  6473. 								'margin': '0 0 0 5px',
  6474. 								'width': '182px',
  6475. 								'lineHeight': '15px',
  6476. 								'height': '35px',
  6477. 								'fontSize': '14px'
  6478. 							},
  6479. 							'type':
  6480. 							{
  6481. 								'backgroundPosition': 'center',
  6482. 								'backgroundRepeat': 'no-repeat',
  6483. 								'width': '12px',
  6484. 								'height': '30px',
  6485. 								'display': 'inline-block',
  6486. 								'verticalAlign': 'top',
  6487. 								'position': 'absolute',
  6488. 								'top': 0,
  6489. 								'left': '40px'
  6490. 							}
  6491. 						},
  6492. 						'from':
  6493. 						{
  6494. 							'margin': 0,
  6495. 							'padding': 0,
  6496. 							'whiteSpace': 'nowrap',
  6497. 							'overflow': 'hidden',
  6498. 							'textOverflow': 'ellipsis'
  6499. 						},
  6500. 						'subject':
  6501. 						{
  6502. 							'margin': 0,
  6503. 							'padding': 0,
  6504. 							'whiteSpace': 'nowrap',
  6505. 							'overflow': 'hidden',
  6506. 							'textOverflow': 'ellipsis'
  6507. 						},
  6508. 						'remove':
  6509. 						{
  6510. 							'position': 'absolute',
  6511. 							'top': '2px',
  6512. 							'right': '2px',
  6513. 							'width': '20px',
  6514. 							'height': '20px',
  6515. 							'lineHeight': '20px',
  6516. 							'textAlign': 'center',
  6517. 							'color': '#9a9a9a',
  6518. 							'fontSize': '10px',
  6519. 							'fontWeight': 'bold',
  6520. 							'cursor': 'pointer'
  6521. 						},
  6522. 						'link':
  6523. 						{
  6524. 							'fontSize': '12px',
  6525. 							'color': '#377395',
  6526. 							'textDecoration': 'none',
  6527. 							'cursor': 'pointer',
  6528. 							'marginRight': '10px'
  6529. 						},
  6530. 						'button':
  6531. 						{
  6532. 							'position': 'absolute',
  6533. 							'bottom': '10px',
  6534. 							'width': '100px',
  6535. 							'height': '25px',
  6536. 							'textAlign': 'center',
  6537. 							'background': '#4e4e4e',
  6538. 							'color': '#8b8b8b',
  6539. 							'fontSize': '12px',
  6540. 							'lineHeight': '25px',
  6541. 							'over': {'background': '#266589', 'color': '#c2c2c2'},
  6542. 							'out': {'background': '#4e4e4e', 'color': '#8b8b8b'},
  6543. 							'cursor': 'pointer'
  6544. 						}
  6545. 					},
  6546. 					'confirm':
  6547. 					{
  6548. 						'wrapper':
  6549. 						{
  6550. 							'position': 'absolute',
  6551. 							'top': 0,
  6552. 							'left': 0,
  6553. 							'width': '100%',
  6554. 							'height': '100%',
  6555. 							'background': '#000',
  6556. 							'opacity': 0.2,
  6557. 							'zIndex': 20000
  6558. 						},
  6559. 						'cont':
  6560. 						{
  6561. 							'position': 'absolute',
  6562. 							'top': '80px',
  6563. 							'right': '40px',
  6564. 							'background': '#292929',
  6565. 							'border': '2px solid #181818',
  6566. 							'width': '359px',
  6567. 							'padding': '20px 10px 10px 10px',
  6568. 							'zIndex': 25000
  6569. 						},
  6570. 						'input':
  6571. 						{
  6572. 							'width': '100%',
  6573. 							'border': '1px solid #1f1f1f',
  6574. 							'background': '#323232',
  6575. 							'color': '#6c6d6d',
  6576. 							'fontSize': '12px',
  6577. 							'padding': '2px 10px',
  6578. 							'margin': '0 0 10px 0',
  6579. 							'outline': 'none',
  6580. 							'focus': {'outline': 'none'},
  6581. 							'blur': {'outline': 'none'},
  6582. 							'height': '29px',
  6583. 							'lineHeigt': '29px',
  6584. 							'boxSizing': 'border-box',
  6585. 							'MozBoxSizing': 'border-box'
  6586. 						},
  6587. 						'select':
  6588. 						{
  6589. 							'width': '150px',
  6590. 							'border': '1px solid #1f1f1f',
  6591. 							'background': '#323232',
  6592. 							'color': '#6c6d6d',
  6593. 							'fontSize': '12px',
  6594. 							'padding': '2px 10px',
  6595. 							'margin': '0 0 10px 0',
  6596. 							'height': '21px',
  6597. 							'lineHeigt': '21px',
  6598. 							'display': 'inline-block',
  6599. 							'position': 'relative',
  6600. 							'verticalAlign': 'top',
  6601. 							'textAlign': 'left'
  6602. 						},
  6603. 						'button':
  6604. 						{
  6605. 							'height': '25px',
  6606. 							'width': '100px',
  6607. 							'display': 'inline-block',
  6608. 							'textAlign': 'center',
  6609. 							'background': '#4e4e4e',
  6610. 							'color': '#8b8b8b',
  6611. 							'fontSize': '12px',
  6612. 							'lineHeight': '25px',
  6613. 							'over': {'background': '#266589', 'color': '#c2c2c2'},
  6614. 							'out': {'background': '#4e4e4e', 'color': '#8b8b8b'},
  6615. 							'cursor': 'pointer',
  6616. 							'margin': '0 5px'
  6617. 						},
  6618. 						'subCont':
  6619. 						{
  6620. 							'margin': '0 0 5px 0',
  6621. 							'padding': 0,
  6622. 							'height': '25px',
  6623. 							'lineHeight': '25px',
  6624. 							'font-size': '14px',
  6625. 							'color': '#6f6f6f',
  6626. 							'textAlign': 'center'
  6627. 						},
  6628. 						'list':
  6629. 						{
  6630. 							'cont':
  6631. 							{
  6632. 								'position': 'absolute',
  6633. 								'top': '28px',
  6634. 								'left': 0,
  6635. 								'display': 'none',
  6636. 								'background': '#323232',
  6637. 								'border': '1px solid #1c1c1c',
  6638. 								'width': '100%',
  6639. 								'boxSizing': 'border-box',
  6640. 								'MoxBoxSizing': 'border-box'
  6641. 							},
  6642. 							'ul':
  6643. 							{
  6644. 								'listStyleType': 'none',
  6645. 								'display': 'block',
  6646. 								'margin': '0',
  6647. 								'padding': '0',
  6648. 								'width': 'inherit',
  6649. 								'color': '#808080'
  6650. 							},
  6651. 							'li':
  6652. 							{
  6653. 								'width': '100%',
  6654. 								'paddingLeft': '10px',
  6655. 								'boxSizing': 'border-box',
  6656. 								'MoxBoxSizing': 'border-box',
  6657. 								'borderBottom': '1px solid #464646',
  6658. 								'fontSize': '12px',
  6659. 								'height': '24px',
  6660. 								'lineHeight': '24px',
  6661. 								'over': {'background': '#434343', 'color': '#a3a2a2'},
  6662. 								'out': {'background': 'transparent', 'color': '#808080'}
  6663. 							}
  6664. 						}
  6665. 					}
  6666. 				},
  6667. 				
  6668. 				res:
  6669. 				{
  6670. 					'controls':
  6671. 					{
  6672. 						'next': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXUlEQVQYV2Oct3DhBsZ//xISExM/MOABjPMXLvzP8P//AyAGqk08gEstRCECNCTGxzdiU4yukAGoa2FSfHwCumJ0hY1AExtwmgg05SHUQ7jdSLSv8QUJshwj1RUCALdQMQvYKq1HAAAAAElFTkSuQmCC',
  6673. 						'previous': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAZUlEQVQYV2NkwALmz58vwMDIOD8xISEQJs2Irg6oyAGkCIgVEuPj4fIoCucvXNgA1FgP04xV4byFCxcAdcUj20CZiTCTQG78z8QEMl0ep4lIigVAipPi4wNw+hpbcIHEMIKHYoUATvMeC0yTB00AAAAASUVORK5CYII=',
  6674. 						'first': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAd0lEQVQYV2Ocv3DhfwYg+PfnD19ycvJnEHv+/PkCDIyM8xMTEgJBfBBgRFcIVOQAUgTEConx8YxYFTKxsBQDJephktgV/v+/lImRMRqmCERTaCLUMyA3/mdiWgB0nDxOE5F9DVKcFB8fAPcMspvwseHeJ6SBaIUAZidKC2YCLWUAAAAASUVORK5CYII=',
  6675. 						'last': 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdElEQVQYV2Oct3DhBsZ//xISExM/MADB3LlzeZlYWD6B2Inx8YwgGgQY5y9c+J/h//8HQAxUm3gAv0KYNgaGhn9//vThNhGhkOHf//9LmRgZo7FbjVDYCDSxF6eJ/xkYHkI9hNuNRPsayXl4mfBwIqSBaIUAjElLC7H537YAAAAASUVORK5CYII='
  6676. 					},
  6677. 					'tools':
  6678. 					{
  6679. 						'bold': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAjElEQVQ4jeXSIQoCURCA4QWrYLJ6AMEqWD2DN/AYJu+xySSYBG9gtQqCYLIKewDhs0xYlo3zBPGHgceUD4ZXVX8balw6s8M0Gzrr74VJNtTEe4AlnoGti0Ct3b44hBUa3DHMhro9vv0Z5tlQ+3QjbAI7FoNiNw7oVhraBnTKhvp6Y1ESuuKAWRryU30AvDon2Jg0sc0AAAAASUVORK5CYII=)',
  6680. 						'italic': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAbElEQVQ4jc3SsQmDUABFUSshrZWQDQIOIKQSskoqIasEUrmKYBVwEsEqM5w02UD+I3eB09yq+udQo0tAPdYEdMeUgJ54JKAZtwS04VwaafApivygK94JKHbcC2MCWjAkoB1taSR23AmX4tCRvtMVYAewYq2yAAAAAElFTkSuQmCC)',
  6681. 						'underline': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAjElEQVQ4je3TsQkCQRBG4QNBuMgabMJW7OBSwcgChIss4DoQTO3ASDC1BlMjo4PPwAEvWRB2OQzuRcP+MI8ZZqvqn8ATbSLb+bCYRJNodFFdQvRAl8ha9NmSaHbBNZGdcS8l2sZ6DpgP3hv02JcSzXD05YZX1KehvJRwiXVMtsGqqGAU4rR/Jf8v5fIG4y4UzcoLKWQAAAAASUVORK5CYII=)',
  6682. 						'strikeThrough': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAABYUlEQVQ4T72UMUtDMRRGm0UoOAlO7VIRBLcurt1EsEsF0VFQBKe6Ci6CP8BJcSgUXBwEQdxEUBycBBdFJ0EQpEPBVSjP80keaA25QUoDhwe5r995N0njCkMaLsWTZdkI723ADEzBO5xByznXS8kwRUjGCLqECpzCJ2iuARdQT5GliHYJW4Uqgerke/AB6u4G1pg/srpKESnsjrDN/jBkx5qjtjwIkZatS9hiQFRibpTa8yBE64QcwhYcEPphhYbq5tL5/djj2QRJ2nANtz/3zJIHRax9Zv0wVucD/uQmdRTYm0nm5mAHXsmtWh8WFdHYOAH6v5wQ1g0I55k7hwnqL9EuY0Uv6vDOLEH6c/4a1KeZeIAy9bd/i/xBeOKp47vQfwMg0iFZ8qLoVWTuEWE1gq78SWvxfIQi6LZYAd0Mmo8OU+S7kmwftFT50FJtI2lbEtWTRHkQ3akTyXoI7lME+Ttfa410ERQq4hEAAAAASUVORK5CYII=)',
  6683. 						'quote': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAyElEQVQ4T2NkoBNgxGXP////tYByE4BYiEi3vAOqK2BkZLyGTT1Wi4CWMAMV3wZiRSItgSm7D2SoAi37i64Pl0X2QIUHSLQEptwBaNFBYi2KAipcSqZF0UCLlo1aRE7ojfCgMwOG2Ulywg2oxxyY6k4RlepAioCZdheQciXRst1AS9yILhmgFnEC6XwiSodkoJqtQHwciCcCLfpOkkXE+AToawmguu1AbIKt2EE2A2ehSqRFoKD9DrTkCCH1lFokDbTkKSFLQPIAtAVOEc/UEFUAAAAASUVORK5CYII=)',
  6684. 						'player': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAoUlEQVQ4jc3PsQpBYQCG4VMmk9XkJpTJBSjX4AJMymo6ZTIppUzuQLkMk9WkTCYXoNRjIcrf4fSfv7wX8D19WfaPoYERJminQpo4e3VDPwWU+2yXAloHoFMKqBeA5pVDD2z+hhxQT4FMA4+2qFWJjAPIs2VVSAvXAggGVUCLLwgcYpEaLj9A0I2BOj8ikMdAwxLQJgaalYD2MdCqBHQs2roDRL7rpNTLvRUAAAAASUVORK5CYII=)',
  6685. 						'alliance': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAABGklEQVQ4jc3U0UdDYRjH8RGxq66ivyEiRv9EtxG7jRGxq4gRIyJijIjoPxgR3XYVY3Q1RoyuInYVMcani206PXsdOxT9rs55/J7f93nf876nVPqPwhrqaKDyV5ANvPnWBLu/FVzHKXbQtKhu9BWFbOIjE9jHbQL0ilao1YqArkPzBNUEqIWnCC8CaiRCj8P0A1QSvscioDIeMs1dXCZC71DLvL9gqwhoH++z5r70QZjrCu3Z8ycusLoM5DAEHWCcA4IjjMJKV/Ig26Yffq5eZto8DXAeavU8UCeYT8KkeYo7MUI5BVkPq0k156np558DqinQXjCNTW/8surgPtRuUqCzYBqanqBl9WzxovdSoGhKNeZpaPFADOf5X3Iixhnv5aZoAAAAAElFTkSuQmCC)',
  6686. 						'coords': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAA00lEQVQ4jc3SIQoCQRTG8YVNWz2AYDIJpk0eYGGryQMIgrDJKphMgskDmASrJzGZBGFBEASTICz8DY7weDiLzkzwi/Ox78fOvCj6twApsAPOvHICtkA7JDIDKj7nDgxDIIUYegFSc54BD9HlPkgCXMWwQvVL0R18oFxdk4YWqu+4QhM16Ai0TNcFbqrvu0IjywKUlnO3dwJ6loG2NF0hvQx12TshAtMPbsvYF2p88VclkHhBBhvUIBWQeSMCW1mgaTDEQDGwVsgGiINCAnwvx/yX757Sbx5xpkiHLQAAAABJRU5ErkJggg==)',
  6687. 						'table': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAgUlEQVQ4je3RIQ6DQBRFUSyKBIvForqnJii2UlvFhpqQsIbaWuzBjJ0MM2JSwUuee/k3P7dpIkGLR2bb2L1oMMnP9NegEQc2fBLdwnbMBgXYju7CrsNeBKkGwoAfVrwTXcN2KAH1+GLBM9ElbPvSr25Ht6OKoNqOXpgvOJrDNuroBLUtQ3//HcJ5AAAAAElFTkSuQmCC)',
  6688. 						'insertunorderedList': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAO0lEQVQ4jWNgGEjw//9/g////z/4//+/Aa0tevAfAh4giRENSLEIw0c0sWj4gdHEMJoY4GA0MYzMxAAA6QxndHKcgPEAAAAASUVORK5CYII=)',
  6689. 						'insertorderedList': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAcElEQVQ4je3SMQ2AQAxG4UpBAhKQgDSkIOEkIAEJOPhYbrgQBiCUiTe2aV7b/BEnYIGz3qugP4rc4K4sX/R4ux+s9XNLtqjDgLWppYRhqFeN2SJVVC4P/UREoGD7KnUFc1NLCUOHqR3KEpWautdetwOK5H3Pn7B4CQAAAABJRU5ErkJggg==)',
  6690. 						'indent': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAUUlEQVQ4jdWRwQkAIAwD3X+KbBq/UiIF20p7z2A8jGt1hYLZohJI4peIVqamC095dCGyuOjSh1sMvKRWJIQQWfxvzKUQWboI7qHxpE7WQvTKBmYgK+hcRGVIAAAAAElFTkSuQmCC)',
  6691. 						'outdent': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAS0lEQVQ4jWNgGEzgPxYwtC0aVOD///8LyNFEEKBbQlZwkmIRzBKaxhuyJTRNKFSziG5BR4xFyJaRbRGJjlpAF4uoAuiSsuhqETUAAAP+K+ha7EZ4AAAAAElFTkSuQmCC)',
  6692. 						'justifyleft': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAALElEQVQ4jWNgGEjwn0Iw+CwafoBuQTUaJ2QDUoOO7KCkm0XDD9AtqIZ0nAAA5z6+ULjEuxYAAAAASUVORK5CYII=)',
  6693. 						'justifycenter': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAALElEQVQ4jWNgGEjwn0Iw+Cwa3oBuwTUaLyQB8hI1GcFIN4uGN6BbcA25eAEAdxKecO5FA68AAAAASUVORK5CYII=)',
  6694. 						'justifyright': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAALElEQVQ4jWNgGEjwn0Iw+Cwa/oBuQTcaR0QDUoOK7KCjm0XDH9At6IZUHAEA8oq+UNVXS0cAAAAASUVORK5CYII=)',
  6695. 						'link': 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAiElEQVQ4je2S3Q2AIAyEHcFRGIERGIERHIERGMURGMUR3ODzwWoqIUZ8MJhwSV96lOvPDUPHbwEEIGXhFG8KfHgjAjADFvDAIjkLjMAq4SU3C/9cTD5IVd3tdQlYawrOztR0d7i8bVLos9UdU0Q59KSOPwJO+EWZIVabQYnl9jWKdwW+TqSjKWyaolPi2Vd/5AAAAABJRU5ErkJggg==)'
  6696. 					},
  6697. 					'mail': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAYCAYAAAEKfQTmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN\/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz\/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH\/w\/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA\/g88wAAKCRFRHgg\/P9eM4Ors7ONo62Dl8t6r8G\/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt\/qIl7gRoXgugdfeLZrIPQLUAoOnaV\/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl\/AV\/1s+X48\/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H\/LcL\/\/wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93\/+8\/\/UegJQCAZkmScQAAXkQkLlTKsz\/HCAAARKCBKrBBG\/TBGCzABhzBBdzBC\/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD\/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q\/pH5Z\/YkGWcNMw09DpFGgsV\/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY\/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4\/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L\/1U\/W36p\/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N\/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26\/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE\/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV\/MN8C3yLfLT8Nvnl+F30N\/I\/9k\/3r\/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt\/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi\/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a\/zYnKOZarnivN7cyzytuQN5zvn\/\/tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO\/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3\/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA\/0HIw6217nU1R3SPVRSj9Yr60cOxx++\/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3\/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX\/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8\/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb\/1tWeOT3dvfN6b\/fF9\/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR\/cGhYPP\/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF\/6i\/suuFxYvfvjV69fO0ZjRoZfyl5O\/bXyl\/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o\/2j5sfVT0Kf7kxmTk\/8EA5jz\/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5\/wAAgOkAAHUwAADqYAAAOpgAABdvkl\/FRgAAButJREFUeNpifPr0KYO0tHQmAxJgZGBgMDx69OhRVlZWTpggCwMDA8OpU6duS0lJ6cEEAQAAAP\/\/YmRgYEDR+v\/\/\/+ksp06dmgYT+P79+ydGRsbzLPfv34erev369XMGBgYGAAAAAP\/\/YmBgYDAMDAxsv3Hjxn9s2MnJqYGBgcGCkYGBwXDXrl3nYLpOnjy5hYODg1NfX98ZJubm5mbJzMDAIHn+\/PlnGhoajh8\/fmTg4eFR4+DgUPr48SPDx48fGbq7u1uePXt2GwAAAP\/\/dI0xCsIwAEV\/VQISyNTSpkMRuhQPIHToATxAzyHewNMIHXubLAVRawYzfQhkKXXRpeCDzxv+8CIARwA7\/OcZGWNma+2gtS6Xr3PuHsdxsSIJKWVZ1\/WJJH5rmuYshChIYt227SWEgGmaHuM43rIs2\/d9f03TdFtV1SGEgKjrutl7\/5ZSJsscyZdSKt+QBIDk6yU5SXwAAAD\/\/5xSsUqFUAA999HkUPBwfIu4C28QkeAiRE4RtDSFm9APtAvOfURORrTcFqHJC8JtuYSDo4tIaos83nCRwKYeEUHxDpzlcM4ZDocAOAJwXNf1EyFkgT1gGMY5gJwAWJdlKQGgqipRFMVrGIbXfxWkaXpnmubKtu0TALAsyyUA1pxz+dNMKT3Nsuxe07Tll6aU2vi+f8Y557\/43QUAjOO4o5Typeu6DWPseZqmZdu275TSoGmaN6XUIWOMD8OwFULw77nd65MkkfM8f+R5nnqed\/XfrYQQD47jXBBCDoIgcAmAla7rl1EU3WJPxHF80\/f94yep5A+aRhxH8ef5Kx50kkxdup2DU6losMQ\/4KJEKUW4TWg4XKQ1oi3kpHCWDieJWBJKb3FxchLCUUodNGbRrZTeIG51c+ns\/X73u9qhWKQtJbZf+CwP3uPB+3oA3AVwiP+7DySZTD6WZfleJpN59C8J4\/H4fafT2RPy+fz9cDgcz2azJ5RS7IIsyy+CwWBIUZQDwjmHz+fb6\/V6zWg0ejwcDk8JIb6\/tXBd14nFYrXJZHIBAJxzEMdxYNs2AGAwGJwbhvE2kUiEAoHA\/p9CFovFZ9M0r0aj0cXGxxiDwBiDbds\/KRQKJcaYoGlac1u3bRutVuv1crn8WiwWj7d1xhiETaNtptPpp0ql8iwej2c3WiqVeqIoytPZbPZltVp9+y3o10blcrmey+WKlFJimuY7TdNeqaqq9fv9N5RSkk6nj+r1+sttj+M48NRqtctIJPIQAFRVPdF1vXmT2avV6vN2u30GAJZlDQTOOSil6Ha7541Go3nT6XVdPzMM45RS+qNRqVS6FEVRlCTpgBBye5dn5Jyv5vP5tSAIHq\/f738gSVJIFMU7rutiF9br9S2v10ssy\/r4XYwMDAysEhIS2StWrEhUVlbWYxgg8Pjx4+txcXHz7ty5M5mZgYFBv6urK0FQUFA4JCSk+969e1cNDQ21GRkZ2Un1Lan4+\/fvXydMmDCroKBgubu7u6apqanEhg0bbrIwMDAw\/P79m0FSUlJn06ZN3X\/\/\/v29cePG1U1NTcdmzZoVCCv2qQkuXbp0JDU1dVV2drZ+ampqamZmJjsDAwPD8+fPd8JbKchFAQMDA6unp2eUp6dn1Lt3754kJSXVsrCwMDU2NqYLCgpKkeuQz58\/v25vb5\/5\/Pnzbx0dHckHDx6El0V\/\/vyBFycojvr58yeGQdzc3DL9\/f3N0FbNjrKysraysjIrT0\/PMCYmJhZCDvn\/\/\/+\/AwcObKyurp7d3t6eXldXVwWr8bHZ9\/v3bwZcIYUV6OjoOLu5uV369+8fS1dX14QLFy68bG1tTZSWltZCV\/vq1au7dXV1s5WUlATMzc3VnZycrIyNjd1+\/vyJtwmCElKw4g4XOHbs2MYzZ87czM7OLmRmZma1tbWFlejnQ0NDC52dnZXCw8OjN2\/evGb9+vVXW1tboyZMmAAv6czMzHynTJkyUUVFRdrFxSWCaEd9\/\/6dAYuPbzY0NMzq6OgoNjQ09IdpggExMTHDWbNmGf79+\/f35cuXD3h5ecX7+vqyQ9vGyEpZ4uPjiz9\/\/vw8NTW1tKqqKlFCQkILl6OYkNMUDH\/9+vV7c3Nz\/ZMnTx719\/f3srOzS+Erjv\/8+cOqpqbm+ufPH3Z86tjY2CS7u7u737x586a+vr728+fPX5DlMdMUNOEdOnRoyYsXL97m5uXVMjIysvzAkiApBbJycnaFRUU2mzZtmsXBwcHu4uqayMDAwPAL3VGPHj68NGPGjMVlZWVl5mZmor9o4Bg0wOTq6prx8+fPD7U1NWWJiYnhv6HRxzhx4kSG\/Px8GQYGBnYGBgZtBgYG6QGoZV4xMDBcZWBg+Pn\/\/\/\/7gAEAb05N4qKYeo4AAAAASUVORK5CYII=",
  6698. 					'compose': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAAHeTXxYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA5QkJFRjAyMUM4MTFFM0FFNDdDRTZFMkNGQ0U4QjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA5QkJFRjEyMUM4MTFFM0FFNDdDRTZFMkNGQ0U4QjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDlCQkVFRTIxQzgxMUUzQUU0N0NFNkUyQ0ZDRThCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDlCQkVFRjIxQzgxMUUzQUU0N0NFNkUyQ0ZDRThCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PiCpd68AAAM7SURBVHjaYjx16hQDCJiamoJpJgYkcPr06aUgAU4ksUCQwHcgXgSUfQvUxgUQQAwgM4A47f\/\/\/3D9XRiGwTh3QARAADFC7f0AxAIw+4EGrgbSoSCVFVCJNCD+BpRIA0kA6WMwnauBOBTZ5SAAEEAwSRAwBmIDoORcEIcFKgjyyVkoBtmnC7JrO9RHcADUdRlmlBYQ2yBJzAIZ5QfEm4D4GnrQHWdAA0A7boMkXkP5\/4H4IVDQDKhLFSCAkJ0LAiuAmB+Io4H4HVQsCoiXArEwUMM7ZD+CBFPQXY4eIECbLgH5eiAnWAJxFhYNH7AYoAfU+AfkU10kT4kCsRyUzQwKYaAimIazUPHXMOeBPMqIxSYBNOeBwvYXLHoYoTYuAmJDqJgAmuJFQAOUQHyAAEIPPRhIhjrvLJKz4IAFiS0ExG+hwT0XJga0BZQePgI1R6AnXZDTZkKduQzJoHdAxZ5AOhGo+QO6pqWwhIoNADWCokMSlNNgmkCe18OidgsWjUIwTVEMxIMIUEiCAgI5+NKQ2KBIToNG7jKgTV+A+CNMkyKSQuTg\/YjE\/4UcOCzQVI1TE1qKAGWuxSA\/OSBnPQJgIyhAYH66B8RKaAp80HIlqPwQQ44nJahGrDYCNZwHUk1AW16jJyOQRjNoUvoCzeqgrLEYqNgQ2RCAAMOVYJFLrHwg9oZG7AsgfgqVkwZiCWixsBWIJ2JL3NgSOQyAyrGNUBfmAnEcPpfAYgQU51Cv8wCxP1D8Gi4fgUqHY0B8AV96x1dWoUWOARBbwcIbFkmgcH4FymlEWPIBPc9gsTwUatYrUJEMswhUSRwA4iAgPsJAJQC07AjUzANAyzhBFsVCI3k9A5UB0LL1ULNjWaCp6R0WdZlAPA2HGd7QQpwBVspDgTzQ8EdoakFmC4ESgw006ASgKY2BiDg6Asud2BIDUqLggap3YIJqWgNtBlAbgMxcA4ovWD6KgNbNoHxgha3KRQILYE0cPD7hhGaVm7BKBjnDRkArmudAvBuaUbFZWEDAAlA14grEtqDWDKEiSAhas4UA8Q6oL3ZAy2dkACrHPYA4AUqDoiAd1jIhpaxDL\/eMoZU2CPzFVXljAwBsiybgUCzWVAAAAABJRU5ErkJggg==",
  6699. 					'sendMail': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAAHeTXxYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkJBMDU2QjAyMUM4MTFFMzhENTM5NzJBMTI2OEM2QjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkJBMDU2QjEyMUM4MTFFMzhENTM5NzJBMTI2OEM2QjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQkEwNTZBRTIxQzgxMUUzOEQ1Mzk3MkExMjY4QzZCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQkEwNTZBRjIxQzgxMUUzOEQ1Mzk3MkExMjY4QzZCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PspK+6wAAANsSURBVHjaYjx16hQDCJiamoJpJgYkcPr06aUgAU4ksUCQwHcgXgSUfQvUxgUQQAwgM4A47f\/\/\/3D9lsiGaSFzmEEEQAAxQu39AMQCMPuBBq4G0qEsQH4FTALqjv9ACUYgfQymczUQhyK7HAQAAggmCQLGQGwAlJwL4rBABUE+OQvFIGN1Qa7aDvWRGUwrUNdlkIQnlH8KOVBAEn5IfDlkieNIEo+gdtwGSbyGCv4H4odAQTOgHaoAAYTsXBBYAcT8QBwNxO+gYlFAvBSIhYEa3iH7ESSYAnU5CkAOEKBNl4B8PSZolGRh0cADchKaAXpAjX9AmnSB+CMDJvgCxOuBimLRxF\/DnAfyKCOSBMgfy7A4zwZI\/YJFDyPUxkVAbAjTgKZ4EdAAJRAfIIDQQw8GkqGJ7CxQ4Vl0SRYkthAQv4UG91yYGNAWUHr4CNQcgRyzDFCnzYQ6E9lp74CKQWklEaj5A7qmpbCEig0ANYKiQxKU02CaQJ7XQ1P3HIjZsGgUgmmKwmK4JBBvhDobGUSAQpIJPV0jAZBfvIGKKpBsAyUCG1DoKTLgBnXg8gAVvGOCpmp0IAHE54GYCy2SQZlrMUiTA8hKNE1O0JSBDjaCAoQF6qd7QKyEJLkMXTWopAFSYsjxpATVaIPNY0ANIKc2AW15jZ6MlKBFx1totgApMAZqWAxUjOJUgADDlWCRS6x8UNBDI\/YFED+FyklDAwxUBGwF4onYEje2RM6AVAZvhLowF4jj8LkElkdBCQXqdVAp4Q8Uv4bLR6JAfAyIL+BL7\/jKKrTIMQBiK1h4wyIJFM6vQDkNhyWgfA8qkkKItDwUatYrUJEMswhUSRwA4iAgPoJD719QIoUmt0tAfBIaP\/gsOwI18wDQMk4mqEtBkbyeCMc+gpYKtkDcDsSfgYZ447FsPdTsWCZoanrHQBr4BQ2aSlDCAVrWjkctyGwhFmhwtUBTyxciLOGElnc20NTFgksh0AE80ERRwAS1aA20GYAP6EIrt0XQJC+Jp9iDAZCZa0DxBXNNBLRuBuUDK2xVLhBcBmJ5YsIVFPnQrHITVskgezsC6mpQkb8b6urvpEQc1AKQj11BCQbUmiFUBAlBazZQvtkBxAugNHrVDyrHPYA4AUqDoiAd1jIhpaxDL\/eMYS1DaN46i698QwYA7ichDuh2+qMAAAAASUVORK5CYII=",
  6700. 					'expand': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAAG3oLd4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENBNTNFOTYyMUM5MTFFMzgxQ0U4NURBODIyODZFQjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENBNTNFOTcyMUM5MTFFMzgxQ0U4NURBODIyODZFQjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0E1M0U5NDIxQzkxMUUzODFDRTg1REE4MjI4NkVCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0E1M0U5NTIxQzkxMUUzODFDRTg1REE4MjI4NkVCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PkXCZdMAAAB7SURBVHjaYrhy5UoUQAAxAIk6gABiBBJODAwMpQABBOIxMAFZiwACCCTEA2R8BmIrFiDxBYjFgPg1QACBZHSBjMsgdQlA\/BDEyARiNpA6LiBmAAgwkJocIN0IxBFAnAzE9iBZkJHdQCwNxBNBNEiwA4jNgHg7EG8CYmcAZrIfR0hmuRcAAAAASUVORK5CYII=",
  6701. 					'collapse': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAAG3oLd4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJFQkEwM0YyMUM5MTFFMzgwM0JDNkQ5QzlCNjQ3MUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJFQkEwNDAyMUM5MTFFMzgwM0JDNkQ5QzlCNjQ3MUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkVCQTAzRDIxQzkxMUUzODAzQkM2RDlDOUI2NDcxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkVCQTAzRTIxQzkxMUUzODAzQkM2RDlDOUI2NDcxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/Pi65wUkAAAB0SURBVHjaYrhy5QoDQAAxgAiAAGIEEjwMDAxaAAEE4okyAVmvAAIIJOQEZKQBMT9IRAKII4D4FEAAMYK1AQELEH8D4o8g6elA\/AvEWADE8gABBlNjBsTbgXgTEKeD1FcwQEAxEN8E4sMgLV+gEk+BuAiIpQHP\/SBDZEL2QgAAAABJRU5ErkJggg==",
  6702. 					'drop': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAAEle4U0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM5REMxOTYyMUM3MTFFM0JBODRGNUVCNzE5NTlBMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM5REMxOTcyMUM3MTFFM0JBODRGNUVCNzE5NTlBMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzlEQzE5NDIxQzcxMUUzQkE4NEY1RUI3MTk1OUExRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzlEQzE5NTIxQzcxMUUzQkE4NEY1RUI3MTk1OUExRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/Phn5Ps0AAADuSURBVHjaYjh16pTx\/\/\/\/GUCYhQEITp8+DaIYAAKIESQCAkxQUX6AAGKAqQXS3kAMotsBAgiuDAbgAkAt34DURxYkSS4QARBAjCBzTE1Nz8JEgSpVgNQdJIWWTAyYAKSgHYhB5q8D4uMAAQRywTuY67FhFnQjgFaJAqnXUC4bNmteAXEUyA1A\/JMFiwKQ2B8omxebgr8gX8I4AAEGDjZCDiWEsdmC7jFvIDUNiP2B+AKSlDQ0uPYxMRAGR4D4GhCfh4bzalAgAPETIOYE4rnEGPIRiD2hYRAKxCCXNUH5eqCIJOgdYPJA5q6BYhQAAIt8mGSW9QmrAAAAAElFTkSuQmCC",
  6703. 					'expandDocument': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkMwNUExQzUyRUU4MTFFMzg3NTJCREMxQTk3RTE1MDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkMwNUExQzYyRUU4MTFFMzg3NTJCREMxQTk3RTE1MDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQzA1QTFDMzJFRTgxMUUzODc1MkJEQzFBOTdFMTUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQzA1QTFDNDJFRTgxMUUzODc1MkJEQzFBOTdFMTUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PgfANO8AAADLSURBVHjaYvz\/\/z8DEIAJJiCeCcSMIA4jsgxAAME5TFARRiaouv8AAQSTQgZgZRgAIIBQTAQBFmRJmAP+wzgwAUZkM2Ba4GYABBC69f\/RdSA7ZzKyZfich1UBskmM6O5ABgABhM1NGAA9iD5CTUXGDEwMRACiHf4fn3tg1k3BF0awKMgF4hfEuAkGPgCxALqbiAongADDlr4YCHmEHIM+YnEidgtBBiHhCWh8YjAYwDgz\/yMA2QYhG\/KfDAMxFLdT4iKqBTbdDCIaAAAnZT5x4V7D2wAAAABJRU5ErkJggg==",
  6704. 					'contractDocument': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUNCOUQ5OUYyRUU4MTFFM0I1MkY5QTdFQTI4NzY0REMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUNCOUQ5QTAyRUU4MTFFM0I1MkY5QTdFQTI4NzY0REMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQ0I5RDk5RDJFRTgxMUUzQjUyRjlBN0VBMjg3NjREQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQ0I5RDk5RTJFRTgxMUUzQjUyRjlBN0VBMjg3NjREQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PgMVm38AAADUSURBVHjaYvwPBAxQwATEjFDMwALEcBmAAGKEKWOCCcAY\/wECCCbFyIAA\/2EmVSMJMgAEECOyXTArkLWBTf+PbC+GChRXgQBAAMEMNWHADc4gG4PuVhTLkcFkbIpYkExgxGUfQABheBSXSQyEHI4tcNEBPLBxOhrZOpi7OIE4BZvDGQiE03\/kcMLpLib0eCLGTVgBQIARFZjEABZi3E0A\/MfIJoTCHb9xQJ+hYRiYiUUOp3psBvwn0TAMg5Al2ol0Ddwg5HzKSEmgMzFQCbCgRyO5AABZbenazpGa4wAAAABJRU5ErkJggg==",
  6705. 					'arrowLeft': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAAE8d1zJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NDMTZCMEQyRTAxMTFFM0FCOUVDMjExNEU2NDMwOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NDMTZCMEUyRTAxMTFFM0FCOUVDMjExNEU2NDMwOTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0MxNkIwQjJFMDExMUUzQUI5RUMyMTE0RTY0MzA5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0MxNkIwQzJFMDExMUUzQUI5RUMyMTE0RTY0MzA5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PgV0+agAAADOSURBVHjaYlyxYgUDCDAxQAFAADGAREC8RoAAYoTK\/QcRAAEE40gA8QuQ9BMgfg6SBXFkoHoZAQIIpgwE6kCGgARBHBao4HOoGXCDYRZLQlXKQGlGgABCNgoEVID4DqpTGRj+ALE6jAOSsIGaywzEW6DsDyAJNgYsACSxD8l1PlDLBWB2\/IUK3IHpAAgwdFfBgBMQLwXiFCDeiizBgsQWhSpyRRLbgmbQR5AGXSA+g8vR2DxxGYjZoaG4jxgNMPACiJ2hnnQD4tdIoQDDAgDdNimjM3GYdAAAAABJRU5ErkJggg==",
  6706. 					'arrowRight': "data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAAE8d1zJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw\/eHBhY2tldCBiZWdpbj0i77u\/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEyMTUyQkMyRTAxMTFFMzk2OThFRTA1MDBFRkVGQkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEyMTUyQkQyRTAxMTFFMzk2OThFRTA1MDBFRkVGQkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMTIxNTJCQTJFMDExMUUzOTY5OEVFMDUwMEVGRUZCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMTIxNTJCQjJFMDExMUUzOTY5OEVFMDUwMEVGRUZCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/PhpmJE8AAADMSURBVHjaYlyxYgUDCDAxQAAzQAAxAEVUQDx1gABiBLI+ABn8IHGAAGKEKYQp\/g\/FNiAOI1TiCEAAISvzBuKNQMzCACXghkEBSLszSEIAKqAOxDdhsgABhGyUBBC\/QLYdBp4DcR02Z4FAIxA\/QdfBAPcoVIIRyf1NQCwJcy4MyADxUxgHIMBQwgHJo3OAOBqI96FLMkE9\/h8Jb4F6aS+UvwuIRbF5DxdwBeJXQPwTiHWJ0bAP6jF2IL7MBA1yRiTsA8SvgdgNyndGDnEARs4t\/52DDUYAAAAASUVORK5CYII="
  6707. 				}
  6708. 			}
  6709. 		});
  6710.     }
  6711.     
  6712.     function initialize_zmail() 
  6713.     {
  6714. 		console.log('zmail: ' + 'zmail retrying...');
  6715. 		if (typeof qx != 'undefined' && typeof qx.core != 'undefined' && typeof qx.core.Init != 'undefined' && typeof ClientLib != 'undefined' && typeof webfrontend != 'undefined' && typeof phe != 'undefined') 
  6716. 		{
  6717. 			var app = qx.core.Init.getApplication();
  6718. 			if (app.initDone == true) 
  6719. 			{
  6720. 				try
  6721. 				{
  6722. 					var isDefined = function(a){return (typeof a == 'undefined') ? false : true};
  6723. 					var data = ClientLib.Data.MainData.GetInstance();
  6724. 					var net = ClientLib.Net.CommunicationManager.GetInstance();
  6725. 					if (isDefined(data) && isDefined(net))
  6726. 					{
  6727. 						var alliance = data.get_Alliance();
  6728. 						var player = data.get_Player();
  6729. 						var mail = data.get_Mail();
  6730. 						if (isDefined(alliance) && isDefined(player) && isDefined(mail) && isDefined(alliance.get_Exists()) && isDefined(alliance.get_Relationships()) && isDefined(player.get_Name()) && player.get_Name() != '')
  6731. 						{
  6732. 							try
  6733. 							{
  6734. 								console.log('zmail: ' + 'initializing zmail');
  6735. 								createClass();
  6736. 								zmail.data.getInstance();
  6737. 							}
  6738. 							catch(e)
  6739. 							{
  6740. 								console.log('zmail: ' + "Zmail script init error:");
  6741. 								console.log('zmail: ' + e.toString());
  6742. 							}
  6743. 						}
  6744. 						else window.setTimeout(initialize_zmail, 10000);
  6745. 					}
  6746. 					else window.setTimeout(initialize_zmail, 10000);
  6747. 				}
  6748. 				catch(e)
  6749. 				{
  6750. 					console.log('zmail: ' + e.toString());
  6751. 				}
  6752. 			} 
  6753. 			else window.setTimeout(initialize_zmail, 10000);
  6754. 		} 
  6755. 		else window.setTimeout(initialize_zmail, 10000);
  6756.     };
  6757.     window.setTimeout(initialize_zmail, 10000);    
  6758. }
  6759.  
  6760.     var script = document.createElement("script");
  6761.     var txt = injectFunction.toString();
  6762.     script.innerHTML = "(" + txt + ")();";
  6763.     script.type = "text/javascript";
  6764.     document.getElementsByTagName("head")[0].appendChild(script);
  6765. })();