☰

WME Fix UI

Allows alterations to the WME UI to fix things screwed up or ignored by Waze

As of 2016-06-17. See the latest version.

  1. // ==UserScript==
  2. // @name                WME Fix UI
  3. // @namespace           https://greatest.deepsurf.us/en/users/46070
  4. // @description         Allows alterations to the WME UI to fix things screwed up or ignored by Waze
  5. // @include             https://www.waze.com/editor/*
  6. // @include             https://www.waze.com/*/editor/*
  7. // @include             https://editor-beta.waze.com/*
  8. // @exclude             https://www.waze.com/user/editor/*
  9. // @supportURL          https://www.waze.com/forum/viewtopic.php?f=819&t=191178
  10. // @version             0.10
  11. // @grant               none
  12. // ==/UserScript==
  13.  
  14. // Thanks to (in no particular order) Bellhouse, Twister-UK, Timbones, Dave2084, Rickzabel, Glodenox
  15.  
  16. (function()
  17. {
  18. // global variables
  19. var wmefu_version = "0.10";
  20. var applyCount = 0;
  21. var wmefuinit = false;
  22. var wmeFUAddon;
  23.  
  24. function createAddon() {
  25. 	var addon = document.createElement('section');
  26. 	addon.id = "wmefu-addon";
  27. 	var section = document.createElement('p');
  28. 	section.style.paddingTop = "0px";
  29. 	section.id = "fuContent";
  30. 	section.innerHTML  = '<b>UI Fixes</b><br>';
  31. 	section.innerHTML += '<input type="checkbox" id="_cbMoveZoomBar" /> ' +
  32. 			'<span title="Because nobody likes a pointless UI change that breaks your workflow, imposed by idiots who rarely use the editor and don\'t listen to feedback">Move zoom bar to left</span><br>';
  33. 	section.innerHTML += '<input type="checkbox" id="_cbHideUserInfo" /> ' +
  34. 			'<span title="Because we can earn points quicker without a massive chunk of space wasted on telling us how many we earnt up to yesterday">Hide user info in the side panel</span><br>';
  35. 	section.innerHTML += '<input type="checkbox" id="_cbShrinkBlackBar" /> ' +
  36. 			'<span title="Because we can\'t afford to waste screen space on stuff we didn\'t ask for and don\'t want">Shrink the black bar above the map</span><br>';
  37. 	section.innerHTML += '<input type="checkbox" id="_cbCompressSegmentTab" /> ' +
  38. 			'<span title="Because I\'m sick of having to scroll the side panel because of oversized fonts and wasted space">Compress the contents of the side panel</span><br>';
  39. 	section.innerHTML += '<input type="checkbox" id="_cbRestyleReports" /> ' +
  40. 			'<span title="Another UI element configured for developers with massive screens instead of normal users">Change formatting for report panels (UR/MP)</span><br>';
  41. 	section.innerHTML += '<input type="checkbox" id="_cbDisableMapBlocker" /> ' +
  42. 			'<span title="As if the crappy interface wasn\'t making life hard enough, now they force us to wait for an arbitrary time after every save!">Disable map blocking during/after saving.</span><span title="Use at your own risk. We don\'t know why it\'s there. Maybe there\'s a good reason but Waze can\'t be arsed to tell us what it is." style="font-size: 16px; color: red;">&#9888</span><br>';
  43. 	section.innerHTML += '<input type="checkbox" id="_cbNarrowSidePanel" /> ' +
  44. 			'<span title="If you have a netbook, Waze isn\'t interested in your experience. You need every bit of map space you can get - so have a present from me!">Reduce width of the side panel</span><span title="This will definitely interfere with scripts that rely on a fixed width for their tabs." style="font-size: 16px; color: red;">&#9888</span><br>';
  45. 	section.innerHTML += '<br>';
  46. 	section.innerHTML += '<b><a href="https://greatest.deepsurf.us/en/scripts/20077-wme-fix-ui" target="_blank"><u>' +
  47. 			'WME Fix UI</u></a></b> &nbsp; v' + wmefu_version;
  48.  
  49. 	addon.appendChild(section);
  50. 	addon.id = "sidepanel-FixUI";
  51. 	addon.className = "tab-pane";
  52. 	return addon
  53. }
  54.  
  55. function addMyTab(model,modeID) {
  56. 	if (modeID === 0) {
  57. 		console.log("WMEFU: entering default mode, so creating tab");
  58. 		var userTabs = getId('user-info');
  59. 		var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  60. 		if (typeof navTabs === "undefined") {
  61. 			console.log("WMEFU: not logged in - will initialise later");
  62. 			Waze.loginManager.on("login", initialiseFixUI);
  63. 			return;
  64. 		}
  65. 		var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  66. 	
  67. 		newtab = document.createElement('li');
  68. 		newtab.innerHTML = '<a href="#sidepanel-FixUI" data-toggle="tab" title="Fix UI">FU</a>';
  69. 		navTabs.appendChild(newtab);
  70. 	
  71. 		tabContent.appendChild(wmeFUAddon);
  72. 	} else {
  73. 		console.log("WMEFU: entering event mode, so not initialising");
  74. 		return;
  75. 	}
  76. }
  77.  
  78. function initialiseFixUI() {
  79. 	if (wmefuinit) {
  80. 		return;
  81. 	}
  82.  
  83. 	// go round again if map container isn't there yet
  84. 	if(!window.Waze.map)
  85. 	{
  86. 			window.console.log("WME FixUI: waiting for WME...");
  87. 			setTimeout(initialiseFixUI, 1000);
  88. 			return;
  89. 	}
  90.  
  91. 	// create tab content
  92. 	wmeFUAddon = createAddon();
  93.  
  94. 	// insert the content as a tab
  95. 	addMyTab(null,0);
  96.  
  97. 	// recreate my tab when MTE mode is exited
  98. 	Waze.app.modeController.model.bind('change:mode', addMyTab);
  99.  
  100. 	// setup event handlers for user actions:
  101. 	getId('_cbMoveZoomBar').onclick = moveZoomBar;
  102. 	getId('_cbShrinkBlackBar').onclick = shrinkBlackBar;
  103. 	getId('_cbHideUserInfo').onclick = hideUserInfo;
  104. 	getId('_cbCompressSegmentTab').onclick = compressSegmentTab;
  105. 	getId('_cbRestyleReports').onclick = restyleReports;
  106. 	getId('_cbDisableMapBlocker').onclick = disableMapBlocker;
  107. 	getId('_cbNarrowSidePanel').onclick = narrowSidePanel;
  108.  
  109. 	// restore saved settings
  110. 	if (localStorage.WMEFixUI) {
  111. 		console.log("WMEFU: loading options");
  112. 		options = JSON.parse(localStorage.WMEFixUI);
  113.  
  114. 		getId('_cbMoveZoomBar').checked = options[1];
  115. 		getId('_cbShrinkBlackBar').checked = options[2];
  116. 		getId('_cbHideUserInfo').checked = options[3];
  117. 		getId('_cbCompressSegmentTab').checked = options[4];
  118. 		getId('_cbRestyleReports').checked = options[5];
  119. 		getId('_cbDisableMapBlocker').checked = options[6];
  120. 		getId('_cbNarrowSidePanel').checked = options[7];
  121. 	} else {
  122. 		// default values if option isn't stored
  123. 		getId('_cbMoveZoomBar').checked = true;
  124. 		getId('_cbShrinkBlackBar').checked = true;
  125. 		getId('_cbHideUserInfo').checked = true;
  126. 		getId('_cbCompressSegmentTab').checked = true;
  127. 		getId('_cbRestyleReports').checked = true;
  128. 		getId('_cbDisableMapBlocker').checked = false;
  129. 		getId('_cbNarrowSidePanel').checked = false;
  130. 	}
  131.  
  132. 	if (Waze.loginManager.user.userName == 'iainhouse') {
  133. 		// Adds an extra checkbox so I can test segment panel changes easily
  134. 		var brand = getId('brand');
  135. 		extraCBSection = document.createElement('p');
  136. 		extraCBSection.innerHTML = '<input type="checkbox" id="_cbextraCBSection" />';
  137. 		brand.appendChild(extraCBSection);
  138. 		getId('_cbextraCBSection').onclick = FALSEcompressSegmentTab;
  139. 		_cbextraCBSection.checked = _cbCompressSegmentTab.checked;
  140. 	}
  141.  
  142. 	// overload the WME exit function
  143. 	saveOptions = function() {
  144. 		if (localStorage) {
  145. 			console.log("WMEFU: saving options");
  146. 			var options = [];
  147.  
  148. 			// preserve previous options which may get lost after logout
  149. 			if (localStorage.WMEFixUI)
  150. 				options = JSON.parse(localStorage.WMEFixUI);
  151.  
  152. 			options[1] = getId('_cbMoveZoomBar').checked;
  153. 			options[2] = getId('_cbShrinkBlackBar').checked;
  154. 			options[3] = getId('_cbHideUserInfo').checked;
  155. 			options[4] = getId('_cbCompressSegmentTab').checked;
  156. 			options[5] = getId('_cbRestyleReports').checked;
  157. 			options[6] = getId('_cbDisableMapBlocker').checked;
  158. 			options[7] = getId('_cbNarrowSidePanel').checked;
  159.  
  160. 			localStorage.WMEFixUI = JSON.stringify(options);
  161. 		}
  162. 	};
  163. 	window.addEventListener("beforeunload", saveOptions, false);
  164.  
  165. 	// apply the settings
  166. 	setTimeout(applyAllSettings, 2000);
  167. 	
  168. 	wmefuinit = true;
  169. 	window.console.log("WMEFU: Initialised");
  170. 	}
  171.  
  172. function applyAllSettings() {
  173. 	moveZoomBar();
  174. 	shrinkBlackBar();
  175. 	hideUserInfo();
  176. 	compressSegmentTab();
  177. 	restyleReports();
  178. 	disableMapBlocker();
  179. 	narrowSidePanel();
  180. 	applyCount += 1;
  181. }
  182.  
  183. function moveZoomBar() {
  184. 	var reportPanel = getId('panel-container');
  185. 	
  186. 	reportPanel.style.position = "absolute";
  187. 	if (_cbMoveZoomBar.checked) {
  188. 		addGlobalStyle('.olControlPanZoomBar { left: 10px; width: 30px; right: inherit; }');
  189. 		addGlobalStyle('#WMETB_ZoomLevelIndicator { left: 43px !important; right: inherit !important; }');
  190. 		if (document.body.dir != "rtl") {
  191. 			addGlobalStyle('.panel { left: 61px; }');
  192. 		} else {
  193. 			addGlobalStyle('.panel { right: inherit; }');
  194. 		}
  195. 	} else {
  196. 		addGlobalStyle('.olControlPanZoomBar { left: inherit; width: 30px; right: 10px; }');
  197. 		addGlobalStyle('#WMETB_ZoomLevelIndicator { left: inherit !important; right: 43px !important; }');
  198. 		if (document.body.dir != "rtl") {
  199. 			addGlobalStyle('.panel { left: inherit; }');
  200. 		} else {
  201. 			addGlobalStyle('.panel { right: 61px; }');
  202. 		}
  203. 	}
  204. }
  205.  
  206. function hideUserInfo() {
  207. 	// WME Panel Swap buttons - move them up if user info is hidden
  208. 	var PSButton1 = getId('WMEPS_UIButton');
  209. 	var PSButton2 = getId('WMEPS_EditButton');
  210. 	if (_cbHideUserInfo.checked) {
  211. 		addGlobalStyle('#sidebar #user-info #user-box { padding: 0px; }');
  212. 		addGlobalStyle('#sidebar #user-details .user-profile { display: none !important; }');
  213. 		if (PSButton1) PSButton1.style.top = '-27px';
  214. 		if (PSButton2) PSButton2.style.top = '-27px';
  215. 		// Keep My Layers toggle - move up if user info is hidden
  216. 		addGlobalStyle('.kml-toggle-container { top: -25px; }');
  217. 	} else {
  218. 		addGlobalStyle('#sidebar #user-info #user-box { padding: 20px; }');
  219. 		addGlobalStyle('#sidebar #user-details .user-profile { display: inherit !important; }');
  220. 		if (PSButton1) PSButton1.style.top = '0px';
  221. 		if (PSButton2) PSButton2.style.top = '0px';
  222. 		// Keep My Layers toggle - move back down if user info is shown
  223. 		addGlobalStyle('.kml-toggle-container { top: 13px; }');
  224. 	}
  225. }
  226.  
  227. function shrinkBlackBar() {
  228. 	var wm = getId('WazeMap');
  229. 	if (_cbShrinkBlackBar.checked) {
  230. 		addGlobalStyle('.topbar { height: 20px; line-height: 20px; }');
  231. 		addGlobalStyle('.topbar .location-info { font-size: 12px; }');
  232. 	} else {
  233. 		addGlobalStyle('.topbar { height: 30px; line-height: 30px; }');
  234. 		addGlobalStyle('.topbar .location-info { font-size: 15px; }');
  235. 	}
  236. //	$(window).trigger('resize');
  237. 	window.dispatchEvent(new Event('resize'));
  238. }
  239.  
  240. function FALSEcompressSegmentTab() {
  241. 	_cbCompressSegmentTab.checked = _cbextraCBSection.checked;
  242. 	compressSegmentTab();
  243. }
  244.  
  245. function compressSegmentTab() {
  246. 	var ep=getId('edit-panel');
  247. 	if (_cbCompressSegmentTab.checked) {
  248. 		// shrink address
  249. 		addGlobalStyle('#edit-panel .primary-street { font-size: 14px; line-height: 15px; font-weight: 600; color: black; }');
  250. 		addGlobalStyle('#edit-panel .address-edit-view .preview .address-edit-btn:not(.disabled) { background-color: #FFF9C4; }');
  251. 		addGlobalStyle('#edit-panel .segment .address-edit-view, .edit-panel .segment .address-edit-view { margin-bottom: 5px; }');
  252. 		//shrink tabs
  253. 		addGlobalStyle('#sidebar .nav-tabs li a { padding: 4px; }');
  254. 		addGlobalStyle('#sidebar .nav-tabs { margin-bottom: 5px; }');
  255. 		//reduce some vertical margins
  256. 		addGlobalStyle('#edit-panel .contents { padding-top: 0px; }');
  257. 		addGlobalStyle('#edit-panel .form-group { margin-bottom: 2px; line-height: 1; font-size: 11px; }');
  258. 		addGlobalStyle('#edit-panel .selection { margin-bottom: 5px; }');
  259. 		addGlobalStyle('#sidebar .side-panel-section:not(:last-child) { margin-bottom: 2px; }');
  260. 		addGlobalStyle('#sidebar .side-panel-section:not(:last-child)::after { margin-top: 5px; margin-bottom: 2px; }');
  261. 		addGlobalStyle('#edit-panel .control-label { margin-bottom: 1px; }');
  262. 		addGlobalStyle('#sidebar .controls-container { padding-top: 2px; }');
  263. 		addGlobalStyle('#edit-panel .segment .speed-limit label { margin-bottom: 0px; }');
  264. 		addGlobalStyle('#edit-panel .more-actions { padding-top: 2px; }');
  265. 		addGlobalStyle('#edit-panel .segment .speed-limit .direction-label, #edit-panel .segment .speed-limit .unit-label { line-height: 2.1em; }');
  266. 		//shrink dropdown controls & buttons
  267. 		addGlobalStyle('#edit-panel button, #edit-panel select, #edit-panel .form-control { font-size: 11px; height: 22px; padding: 0px 4px; }');
  268. 		addGlobalStyle('#edit-panel .more-actions button:not(:last-of-type) { margin-bottom: 2px; }');
  269. 		addGlobalStyle('.edit-closure .input-group-addon { padding: 2px 8px; }');
  270. 		//fit road property checkboxes on one line for all three (if text length allows)
  271. 		addGlobalStyle('#edit-panel .controls-container { display: inline-block; }');
  272. 		addGlobalStyle('#edit-panel .controls-container label { font-size: 12px; line-height: 18px; padding-left: 22px; }');
  273. 		addGlobalStyle('#edit-panel .select-entire-street { width: 49%; overflow: hidden; }');
  274. 		addGlobalStyle('#edit-panel .edit-house-numbers { width: 49%; overflow: hidden; }');
  275. 		addGlobalStyle('#edit-panel .action-button { color: black; }');
  276. 	} else {
  277. 		//enlarge address
  278. 		addGlobalStyle('#edit-panel .primary-street { font-size: 18px; line-height: 24px; font-weight: inherit; color: inherit; }');
  279. 		addGlobalStyle('#edit-panel .address-edit-view .preview .address-edit-btn:not(.disabled) { background-color: inherit; }');
  280. 		addGlobalStyle('#edit-panel .segment .address-edit-view, .edit-panel .segment .address-edit-view { margin-bottom: 20px; }');
  281. 		//enlarge tabs
  282. 		addGlobalStyle('#sidebar .nav-tabs li a { padding: 5px 15px; }');
  283. 		addGlobalStyle('#sidebar .nav-tabs { margin-bottom: 20px; }');
  284. 		//restore vertical margins
  285. 		addGlobalStyle('#edit-panel .contents { padding-top: 20px; }');
  286. 		addGlobalStyle('#edit-panel .form-group { margin-bottom: 10px; line-height: 1.43; font-size: 13px; }');
  287. 		addGlobalStyle('#edit-panel .selection { margin-bottom: 20px; }');
  288. 		addGlobalStyle('#sidebar .side-panel-section:not(:last-child) { margin-bottom: 21px; }');
  289. 		addGlobalStyle('#sidebar .side-panel-section:not(:last-child)::after { margin-top: 21px; margin-bottom: 21px; }');
  290. 		addGlobalStyle('#edit-panel .control-label { margin-bottom: 5px; }');
  291. 		addGlobalStyle('#sidebar .controls-container { padding-top: 7px; }');
  292. 		addGlobalStyle('#edit-panel .segment .speed-limit label { margin-bottom: 5px; }');
  293. 		addGlobalStyle('#edit-panel .more-actions { padding-top: 10px; }');
  294. 		addGlobalStyle('#edit-panel .segment .speed-limit .direction-label, #edit-panel .segment .speed-limit .unit-label { line-height: 2.5em; }');
  295. 		//enlarge dropdown controls & buttons
  296. 		addGlobalStyle('#edit-panel button, #edit-panel select, #edit-panel .form-control { font-size: 13px; height: 32px; padding: 6px 12px; }');
  297. 		addGlobalStyle('#edit-panel .more-actions button:not(:last-of-type) { margin-bottom: 10px; }');
  298. 		addGlobalStyle('.edit-closure .input-group-addon { padding: 6px 8px; }');
  299. 		//restore road property checkboxes to one line per item
  300. 		addGlobalStyle('#edit-panel .controls-container { display: inherit; }');
  301. 		addGlobalStyle('#edit-panel .controls-container label { font-size: inherit; line-height: inherit; padding-left: 25px; }');
  302. 		addGlobalStyle('#edit-panel .select-entire-street { width: 100%; overflow: inherit; }');
  303. 		addGlobalStyle('#edit-panel .edit-house-numbers { width: 100%; overflow: inherit; }');
  304. 		addGlobalStyle('#edit-panel .action-button { color: inherit; }');
  305. 	}
  306. 	//tweak required for Speedhelper script
  307. 	addGlobalStyle('div[id^="spd_"] { line-height: 1.43; }');
  308. }
  309.  
  310. function restyleReports() {
  311. 	if (_cbRestyleReports.checked) {
  312. 		addGlobalStyle('#panel-container .panel { font-size: 12px; line=height: 1; }');
  313. 		addGlobalStyle('#panel-container .problem-edit .header { padding: 5px 10px; line-height: 15px; }');
  314. 		addGlobalStyle('#panel-container .problem-edit .problem-data .title { line-height: 22px; }');
  315. 		addGlobalStyle('#panel-container .problem-edit .section .content { padding: 5px; }');
  316. 		addGlobalStyle('#WMEFP-UR-ALLPM { top: -2px !important; }');
  317. 		addGlobalStyle('#panel-container .problem-edit .conversation.section .comment .comment-content { padding: 5px; }');
  318. 		addGlobalStyle('#panel-container .problem-edit .conversation.section .new-comment-form { padding: 5px; }');
  319. 		addGlobalStyle('#panel-container .problem-edit .conversation.section .new-comment-form textarea { resize: vertical; height: 110px; margin-bottom: 5px; padding: 3px 5px; font-size: 12px; }');
  320. 		addGlobalStyle('#panel-container .btn { height: 20px; padding: 0px 10px;}');
  321. 		addGlobalStyle('#panel-container .problem-edit .actions .content { padding: 2px 5px;}');
  322. 		addGlobalStyle('#panel-container .problem-edit .actions .controls-container label { margin-bottom: 2px; }');
  323. 		addGlobalStyle('#panel-container .problem-edit .actions .navigation { margin-top: 5px;}');
  324. 		addGlobalStyle('#panel-container .problem-edit .actions .controls-container { display: inline-flex; flex-wrap: wrap; }');
  325. 	} else {
  326. 		addGlobalStyle('#panel-container .panel { font-size: inherit; line=height: inherit; }');
  327. 		addGlobalStyle('#panel-container .problem-edit .header { padding: 10px 15px; line-height: 21px; }');
  328. 		addGlobalStyle('#panel-container .problem-edit .problem-data .title { line-height: 40px; }');
  329. 		addGlobalStyle('#panel-container .problem-edit .section .content { padding: 15px; }');
  330. 		addGlobalStyle('#WMEFP-UR-ALLPM { top: 10px !important; }');
  331. 		addGlobalStyle('#panel-container .problem-edit .conversation.section .comment .comment-content { padding: 10px 15px 10px 15px; }');
  332. 		addGlobalStyle('#panel-container .problem-edit .conversation.section .new-comment-form { padding: 15px 15px 10px 15px; }');
  333. 		addGlobalStyle('#panel-container .problem-edit .conversation.section .new-comment-form textarea { resize: none; height: 70px; margin-bottom: 10px; padding: 6px 10px; font-size: 13px; }');
  334. 		addGlobalStyle('#panel-container .btn { height: inherit; padding: 6px 20px;}');
  335. 		addGlobalStyle('#panel-container .problem-edit .actions .content { padding: 15px;}');
  336. 		addGlobalStyle('#panel-container .problem-edit .actions .controls-container label { margin-bottom: 12px; }');
  337. 		addGlobalStyle('#panel-container .problem-edit .actions .navigation { margin-top: 10px;}');
  338. 		addGlobalStyle('#panel-container .problem-edit .actions .controls-container { display: inherit; flex-wrap: inherit; }');
  339. 	}
  340. }
  341.  
  342. function disableMapBlocker() {
  343. 	if (_cbDisableMapBlocker.checked) {
  344. 		addGlobalStyle('#popup-overlay { width: 0%; height: 0%; }');
  345. 	} else {
  346. 		addGlobalStyle('#popup-overlay { width: 100%; height: 100%; }');
  347. 	}
  348. }
  349.  
  350. function narrowSidePanel() {
  351. 	if (_cbNarrowSidePanel.checked) {
  352. 		addGlobalStyle('.row-fluid #sidebar { width: 250px; }');
  353. 		addGlobalStyle('.col-fixed-330 { width: 250px; }');
  354. 		if (document.body.dir != "rtl") {
  355. 			addGlobalStyle('.show-sidebar .row-fluid .fluid-fixed { margin-left: 250px; }');
  356. 			addGlobalStyle('.col-offset-330 { padding-left: 250px; }');
  357. 		} else {
  358. 			addGlobalStyle('.show-sidebar .row-fluid .fluid-fixed { margin-right: 250px; }');
  359. 			addGlobalStyle('.col-offset-330 { padding-right: 250px; }');
  360. 		}
  361. 		addGlobalStyle('.edit-closure .form { padding: 2px; }');
  362. 		addGlobalStyle('.edit-closure .date-input-group { width: 56%; }');
  363. 	} else {
  364. 		addGlobalStyle('.row-fluid #sidebar { width: 330px; }');
  365. 		addGlobalStyle('.col-fixed-330 { width: 330px; }');
  366. 		if (document.body.dir != "rtl") {
  367. 			addGlobalStyle('.show-sidebar .row-fluid .fluid-fixed { margin-left: 330px; }');
  368. 			addGlobalStyle('.col-offset-330 { padding-left: 330px; }');
  369. 		} else {
  370. 			addGlobalStyle('.show-sidebar .row-fluid .fluid-fixed { margin-right: 330px; }');
  371. 			addGlobalStyle('.col-offset-330 { padding-right: 330px; }');
  372. 		}
  373. 		addGlobalStyle('.edit-closure .form { padding 15px; }');
  374. 		addGlobalStyle('.edit-closure .date-input-group { width: 62%; }');
  375. 	}
  376. //	$(window).trigger('resize')
  377. 	window.dispatchEvent(new Event('resize'));
  378. }
  379.  
  380. //Helper functions
  381.  
  382. function addGlobalStyle(css) {
  383. 	var head, style;
  384. 	head = document.getElementsByTagName('head')[0];
  385. 	if (!head) {
  386. 		return;
  387. 	}
  388. 	style = document.createElement('style');
  389. 	style.type = 'text/css';
  390. 	style.innerHTML = css;
  391. 	head.appendChild(style);
  392. }
  393.  
  394. function getElementsByClassName(classname, node) {
  395. 	if(!node) node = document.getElementsByTagName("body")[0];
  396. 	var a = [];
  397. 	var re = new RegExp('\\b' + classname + '\\b');
  398. 	var els = node.getElementsByTagName("*");
  399. 	for (var i=0,j=els.length; i<j; i++)
  400. 		if (re.test(els[i].className)) a.push(els[i]);
  401. 	return a;
  402. }
  403.  
  404. function getId(node) {
  405. 	return document.getElementById(node);
  406. }
  407.  
  408. // Start it running
  409. setTimeout(initialiseFixUI, 500);
  410. })();