☰

Greasy Fork is available in English.

WM Config Interface

Creates a configuration interface which allows users to set and get options easily.

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greatest.deepsurf.us/scripts/419/27764/WM%20Config%20Interface.js 

  1. // ==UserScript==
  2. // @name           	WM Config Interface
  3. // @namespace           MerricksdadConfigInterface
  4. // @description	Creates a configuration interface which allows users to set and get options easily.
  5. // @license		http://creativecommons.org/licenses/by-nc-nd/3.0/us/
  6. // @version        	4.0.0.2
  7. // @copyright      	Charlie Ewing
  8. // ==/UserScript==
  9.  
  10. //this script is based on GM_config by JoeSimmons, sizzlemctwizzle, and izzysoft
  11. //this script requires some functions in the WM Common Library
  12.  
  13. (function(){
  14.  
  15. 	
  16.  
  17. 	
  18.  
  19. 	//config element types
  20. 	this.ConfigElementTypes = {
  21. 		checkbox:{defaultValue:false,valueMember:"checked"},
  22. 		text:{defaultValue:""},
  23. 		section:{defaultValue:"none",valueMember:"data-ft"}, //closed
  24. 		separator: {defaultValue:"none",valueMember:"data-ft"}, //closed
  25. 		optionblock: {doNotSave:true}, //not to be stored
  26. 		textarea: {defaultValue:""},
  27. 		radio: {defaultValue:false},
  28. 		select: {defaultValue:""}, //none selected
  29. 		button: {doNotSave:true}, //not to be stored
  30. 		"button_highlight": {doNotSave:true}, //not to be stored
  31. 		"button_selectmulti": {doNotSave:true}, //not to be stored
  32. 		"button_selectprefix": {doNotSave:true}, //not to be stored
  33. 		hidden: {defaultValue:false}, 
  34. 		link: {defaultValue:false}, //not to be stored
  35. 		tabcontrol: {doNotSave:true}, //not to be stored
  36. 		tabelement: {doNotSave:true}, //not to be stored
  37. 		tabbody: {defaultValue:"none",valueMember:"data-ft"}, //closed
  38. 		tab: {defaultValue:"none",valueMember:"data-ft"}, //closed
  39. 		"float": {defaultValue:0.0}, 
  40. 		"long": {defaultValue:0}, 
  41. 		"int": {defaultValue:0},
  42. 		colorbox: {defaultValue:"black"},
  43. 		"message": {doNotSave:true}, //not to be stored
  44. 		selecttime: {defaultValue:""},
  45. 	};
  46.  
  47. 	//instanceable config system
  48. 	this.Config = function(params){
  49. 		//alert(params);
  50. 		var self = this;
  51.  
  52. 		//defaults
  53. 		this.storageName = "settings";
  54. 		this.css = "";
  55. 		this.logo = null;
  56. 		this.onOpen = null;
  57. 		this.onClose = null;
  58. 		this.onSave = null;
  59. 		this.settings = {};
  60. 		this.title = "Settings - Anonymous Script";
  61. 		this.fields = {}; //list of ConfigField objects
  62. 		this.values = {}; //saveable list of data
  63. 		this.sectionsAsTabs = false;
  64. 		this.separatorsAsTabs = false;
  65. 		this.useScrollIntoView = false;
  66. 		this.confirms = {save:true,cancel:true,"import":true, restore:true};
  67.  
  68. 		//init
  69. 		this.init = function(params) {
  70. 		//debug.print("creating new config interface: "+params.title);
  71. 		try{
  72. 		
  73. 			params=params||{};
  74.  
  75. 			//get special params first
  76. 			if (exists(params.css)) {
  77. 				this.css.user = params.css;
  78. 				delete params.css;
  79. 			}
  80. 		
  81. 			//set params
  82. 			for (var p in params){
  83. 				this[p]=params[p];
  84. 			}
  85.  
  86. 			//get values
  87. 			this.values=this.read();
  88. 			
  89. 			//configure values and fields table
  90. 			this.configure();
  91. 		}catch(e){log("Config.init: "+e);}};
  92.  
  93. 		//read vars from local storage
  94. 		this.read = function(params) {try{
  95. 			params=params||{};
  96. 			return getOptJSON(params.storageName||this.storageName)||{};
  97. 		}catch(e){log("Config.read: "+e);}};
  98. 		
  99. 		//write vars to local storage
  100. 		this.write = function(params) {try{
  101. 			params=params||{};
  102. 			setOptJSON(params.storageName||this.storageName)||{};
  103. 		}catch(e){log("Config.write: "+e);}};
  104. 		
  105. 		//convert the tree structure to a 2D table of fields
  106. 		//get saved and default values as well as element types
  107. 		//pass destroy:true to clear the fields list and start over
  108. 		//pass reset:true to set all values to their defaults
  109. 		this.configure = function(params) {try{
  110. 			params=params||{};
  111. 			//destroy current config if requested
  112. 			if (params.destroy) this.fields={};
  113. 			
  114. 			//traverse the entire settings tree 
  115. 			//OR just the passed settings param
  116. 			var settings = params.settings || this.settings;
  117. 			for (var field in settings) {
  118. 			
  119. 				//copy branch to 2D table
  120. 				data = settings[field];
  121. 				this.fields[field] = data;
  122. 				
  123. 				//setup default values
  124. 				data["default"] = (exists(data["default"]))?data["default"]:ConfigElementTypes[data.type].defaultValue;
  125. 				
  126. 				//set value for saveable types only
  127. 				if (!(ConfigElementTypes[data.type].doNotSave||false)){
  128. 					if (params.reset||false) {
  129. 						//set the value to its default value
  130. 						data.value = data["default"];
  131. 						this.values[field]=data.value;				
  132. 					} else {
  133. 						if (exists(this.values[field])) {
  134. 							//a value exists, copy it to the field
  135. 							data.value = this.values[field];
  136. 						} else {
  137. 							//a value does not yet exist, create one
  138. 							data.value = data["default"];
  139. 							this.values[field]=data.value;
  140. 						}
  141. 					}
  142. 				}
  143. 				
  144. 				//traverse children if needed
  145. 				if (exists(data.kids)) {
  146. 					this.configure({
  147. 						settings:data.kids, //pass children
  148. 						parent:this.fields[field], //link parent
  149. 						reset:params.reset, //pass the reset command
  150. 					});
  151. 				}
  152. 			}
  153. 		}catch(e){log("Config.configure: "+e);}};
  154. 		
  155. 		//take additional settings data and append it to a specific field
  156. 		this.append = function(params) {try{
  157. 			params=params||{};
  158. 			//detect branch
  159. 			var branch = (exists(params.branch))?this.fields[params.branch].kids:this.settings;
  160. 			//copy data to specified branch
  161. 			for (var field in params.data) {
  162. 				branch[field]=params.data[field];
  163. 			}
  164.  
  165. 			//reconfigure just the passed branch
  166. 			this.configure({
  167. 				settings: params.data, //pass the new children
  168. 				parent: params.branch||null, //link parent
  169. 			});
  170. 			
  171. 			//return the branch to which we were appended
  172. 			return branch;
  173. 		}catch(e){log("Config.append: "+e);}};
  174. 		
  175. 		//open the config menu in an iframe
  176. 		this.open = function(params) {try{
  177. 			//confirm(this.sectionsAsTabs);
  178. 			params=params||{};
  179. 			//check if already open
  180. 			if (document.evaluate("//iframe[@id='Config']",document,null,9,null).singleNodeValue) return;
  181. 			
  182. 			//create iframe
  183. 			document.body.appendChild(
  184. 				this.frame = createElement("iframe",{
  185. 					id:"Config", 
  186. 					style:(
  187. 						"position:fixed;"+
  188. 						"top:0; left:0;"+
  189. 						"opacity:0;"+
  190. 						"display:none !important;"+
  191. 						"z-index:9998;"+
  192. 						"width:75%; height:75%;"+
  193. 						"max-height:95%; max-width:95%;"+
  194. 						"border:1px solid #000000;"+
  195. 						"overflow:auto;"+
  196. 						""//leave here
  197. 					)
  198. 				})
  199. 			);
  200. 			
  201. 			//load a blank document into our frame
  202. 			this.frame.src = "about:blank";
  203. 			
  204. 			//when it loads add our config page
  205. 			var self=this;
  206. 			this.frame.addEventListener("load", function(){
  207.  
  208. 				self.frameDoc=this.contentDocument;
  209. 				frameBody = this.contentDocument.getElementsByTagName("body")[0];
  210. 				
  211. 				//select display settings
  212. 				//use the passed field name as the top of our settings
  213. 				//or select the entire thing
  214. 				var settings=exists(params.field)?self.fields[params.field].kids:self.settings;
  215. 				
  216. 				//set up our frame's css
  217. 				self.frame.contentDocument.getElementsByTagName("head")[0].appendChild(
  218. 					createElement("style",{
  219. 						type: "text/css",
  220. 						textContent: self.css.basic + self.css.user
  221. 					})
  222. 				);
  223.  
  224. 				//add header and title
  225. 				frameBody.appendChild(
  226. 					createElement("div",{
  227. 						id: "header",
  228. 						className: "config_header block center", 
  229. 						innerHTML: self.title
  230. 					})
  231. 				);
  232.  
  233. 				//append elements
  234. 				var prevSibling=null; //<-this part allows tabs at the top level
  235. 				for (var i in settings) {
  236. 					var newElem = self.addToFrame(settings[i], i, true, prevSibling, null).elem;
  237. 					prevSibling=frameBody.appendChild(newElem);
  238. 				}
  239.  
  240. 				//add config toolbar
  241. 				frameBody.appendChild(
  242. 					createElement('div', {id:'buttons_holder'}, [
  243. 						createElement('button',{
  244. 							//id:'saveBtn',
  245. 							textContent:'Save',
  246. 							title:'Save options and close window',
  247. 							//className:'saveclose_buttons',
  248. 							onclick:function(){self.close({doSave:true});}
  249. 						}),
  250. 						createElement('button',{
  251. 							//id:'cancelBtn', 
  252. 							textContent:'Cancel',
  253. 							title:'Close window',
  254. 							//className:'saveclose_buttons',
  255. 							onclick:function(){self.close({doSave:false});}
  256. 						}),
  257. 						createElement('button', {
  258. 							//id:'resetBtn', 
  259. 							textContent:'Restore to default',
  260. 							title:'Restore settings to default configuration',
  261. 							//className:'saveclose_buttons',
  262. 							onclick:function(){self.reset();}
  263. 						}),
  264. 						createElement('button', {
  265. 							//id:'resetBtn', 
  266. 							textContent:'Import Settings',
  267. 							title:'Import saved settings as text.',
  268. 							//className:'saveclose_buttons',
  269. 							onclick:function(){self.importSettings();}
  270. 						}),
  271. 						createElement('button', {
  272. 							//id:'resetBtn', 
  273. 							textContent:'Export Settings',
  274. 							title:'Export settings as text for storage elsewhere.',
  275. 							//className:'saveclose_buttons',
  276. 							onclick:function(){self.exportSettings();}
  277. 						})
  278. 					])
  279. 				);
  280. 				
  281. 				//add some whitespace to the bottom of the page
  282. 				frameBody.appendChild(
  283. 					createElement("span",{className:"bigSpacer"})
  284. 				);
  285. 				
  286. 				// Show and center it
  287. 				self.center(); 
  288. 				
  289. 				// Center it on resize			
  290. 				window.addEventListener('resize', function(){self.center();}, false); 
  291. 				
  292. 				//call the onOpen function if available
  293. 				if (!(params.noEvents||false)) if (self.onOpen) doAction(self.onOpen);
  294. 		
  295. 				// Close frame on window close
  296. 				window.addEventListener('beforeunload', function(){
  297. 					remove(this);
  298. 				}, false);
  299. 				
  300. 			}, false);
  301. 		}catch(e){log("Config.open: "+e);}};
  302.  
  303. 		this.close = function(params) {try{
  304. 			params=params||{};
  305. 			//update the values list
  306. 			if (params.doSave||false) {
  307. 				var ask=this.confirms.save;
  308. 				if (params.noConfirm || !ask || (ask && confirm("Save options?"))) {
  309. 					var fields = this.fields, values = this.values;
  310. 					for (var f in fields) {
  311. 						var field=fields[f];
  312. 						var valueMember=ConfigElementTypes[field.type].valueMember||"value";
  313. 						var elem=this.frame.contentDocument.getElementById('field_'+f);
  314. 						if (elem) {
  315. 							//if (f.contains("interval")) debug.print(["before",values[f],field.value]);
  316. 							values[f]=(["value","checked"].inArray(valueMember))?elem[valueMember]:elem.getAttribute(valueMember);
  317. 							field.value=values[f];
  318. 							//if (f.contains("interval")) debug.print(["after",values[f],field.value]);
  319. 						} else {
  320. 							log("cannot find element: "+f);
  321. 						}
  322. 					}
  323. 					this.save();
  324. 					// Call the onSave function if available
  325. 					if (this.onSave) doAction(this.onSave); 
  326. 				}
  327. 			} else {
  328. 				//ask to cancel without save
  329. 				var ask=this.confirms.cancel;
  330. 				if (!(params.noConfirm || !ask || (ask && confirm("Close without saving?")))) return;
  331. 			}
  332. 			
  333. 			//destroy the iframe and forget it
  334. 			if (this.frame) remove(this.frame);
  335. 			delete this.frame;
  336. 			
  337. 			//call the onClose function if available
  338. 			if (!params.noEvents && this.onClose) doAction(this.onClose); 
  339. 		}catch(e){log("Config.close: "+e);}};
  340. 		
  341. 		this.reload=function(){
  342. 			this.close({noEvents:true, doSave:false, noConfirm:true})
  343. 			this.open({noEvents:true});
  344. 		};
  345.  
  346. 		this.set = function(name,val) {try{
  347. 			this.values[name] = val;
  348. 			this.fields[name].value = val;
  349. 		}catch(e){log("Config.set: "+e);}};
  350.  
  351. 		this.get = function(name) {try{
  352. 			return this.values[name];
  353. 		}catch(e){log("Config.get: "+e);}};
  354.  
  355. 		/* unused functions
  356. 		getValue : function(name, def) {try{ return (this.isGM?GM_getValue:(function(name,def){return localStorage.getItem(name)||def}))(name, def||""); }catch(e){log("Config.getValue: "+e);}},
  357.  
  358. 		setValue : function(name, value) {try{ return (this.isGM?GM_setValue:(function(name,value){return localStorage.setItem(name,value)}))(name, value||""); }catch(e){log("Config.setValue: "+e);}},
  359. 		*/
  360. 		
  361. 		this.save = function(storageName) {try{
  362. 			var shrunk={}, fields=this.fields;
  363.  
  364. 			//clone the values data to preserve items we no longer have
  365. 			//fields for
  366. 			var shrunk=mergeJSON(this.values);
  367. 			
  368. 			//do not store values that match the default value
  369. 			for (var f in fields) {
  370. 				if ((ConfigElementTypes[fields[f].type].doNotSave||false) || (fields[f].value==fields[f]["default"])) {
  371. 					delete shrunk[f];
  372. 				}
  373. 			}
  374. 			
  375. 			setOptJSON((storageName||this.storageName),shrunk);
  376. 		}catch(e){log("Config.save: "+e);}};
  377.  
  378. 		this.reset = function() {try{
  379. 			var ask=this.confirms.restore;
  380. 			if (!ask || (ask && confirm("Reset all values to defaults?"))) {
  381. 				this.configure({reset:true});
  382. 				this.save();
  383. 				this.reload();
  384. 			}
  385. 		}catch(e){log("Config.reset: "+e);}};
  386.  
  387. 		this.selectBlock = function(e) {try{
  388. 			var boxes = selectNodes(".//input[@type='checkbox']",{type:6,node:e.parentNode||$(e,$("Config").contentDocument).parentNode,doc:$("Config").contentDocument});
  389. 			for (var i=0,box;(box=boxes.snapshotItem(i)); i++) box.checked=true;
  390. 			//http://i55.tinypic.com/6ih93q.png
  391. 		}catch(e){log("Config.selectBlock: "+e);}};
  392.  
  393. 		this.deselectBlock = function(e) {try{
  394. 			var boxes = selectNodes(".//input[@type='checkbox']",{type:6,node:e.parentNode||$(e,$("Config").contentDocument).parentNode,doc:$("Config").contentDocument});
  395. 			for (var i=0,box;(box=boxes.snapshotItem(i)); i++) box.checked=false;
  396. 			//http://i55.tinypic.com/2lk2xyw.png
  397. 		}catch(e){log("Config.deselectBlock: "+e);}};
  398.  
  399. 		//highlights option menu elements in an array, first clearing any elements provided in clearFirst array
  400. 		this.highlightElements =function(options,clearFirst) {try{
  401. 			if (clearFirst) for (var i=0;i<clearFirst.length; i++) if (box=$('field_'+clearFirst[i],$("Config").contentDocument) ) box.parentNode.className=box.className.replace(" highlight","");
  402. 			if (options) for (var i=0;i<options.length; i++) if (box=$('field_'+options[i],$("Config").contentDocument) ) box.parentNode.className=box.className.replace(" highlight","")+" highlight";
  403. 		}catch(e){log("Config.highlightElements: "+e);}};
  404.  
  405. 		//selects option menu elements in an array, first clearing any elements provided in clearFirst array
  406. 		this.selectElements = function(options,clearFirst) {try{
  407. 			if (clearFirst) for (var i=0;i<clearFirst.length; i++) if (box=$('field_'+clearFirst[i],$("Config").contentDocument)) box.checked=true;
  408. 			if (options) for (var i=0;i<options.length; i++) if (box=$('field_'+options[i],$("Config").contentDocument)) box.checked=true;
  409. 		}catch(e){log("Config.selectElements: "+e);}};
  410.  
  411. 		//selects option menu elements with a certain prefix, first clearing any elements starting with text appearing in clearFirst
  412. 		//this button only selects elements at the level the button appears or deeper in the option menu tree
  413. 		this.selectElementsByPrefix =function(prefix,clearPrefix) {try{
  414. 			if (clearPrefix){
  415. 				forNodes(".//*[starts-with(@id, 'field_"+clearPrefix+"')]",{doc:$("Config").contentDocument}, function(box){box.checked=false;});
  416. 			};
  417.  
  418. 			if (prefix){
  419. 				alert("prefix:"+prefix);
  420. 				forNodes(".//*[starts-with(@id, 'field_"+prefix+"')]",{doc:$("Config").contentDocument}, function(box){alert("checking"); box.checked=true;});
  421. 			};
  422. 		}catch(e){log("Config.selectElementsByPrefix: "+e);}};
  423.  
  424. 		this.addToFrame = function(field, i, k, prevSibling, objReference) {try{
  425. 		
  426. 			var isForms2Ready = (exists(jsForms) && exists(jsForms.colorPicker));
  427. 		
  428. 			var elem, elemObj, nextElem;
  429. 			var anch = this.frame;
  430. 			var Options = field.options;
  431. 			var isKid = k!=null && k===true;
  432. 			var now = timeStamp();
  433. 			
  434. 			//prefetch some stuff
  435. 			var title = field.title||"", label = field.label||"", value = field.value;
  436. 			
  437. 			//check that it is switched on by time
  438. 			if (exists(field.startDate)) {
  439. 				if ((now-Date.parse(field.startDate))<0) return; //not started yet
  440. 			}
  441. 			
  442. 			//check that it has not been switched off
  443. 			if (exists(field.endDate)) {
  444. 				if ((now-Date.parse(field.endDate))>0) return; //already ended
  445. 			}
  446.  
  447. 			var styleItems=[];
  448. 			
  449. 			//check if options change separators and sections to tabs
  450. 			var swapType=
  451. 				(this.sectionsAsTabs && field.type=="section")?"tab":
  452. 				(this.separatorsAsTabs && field.type=="separator")?"tab":
  453. 				field.type;
  454. 			
  455. 			//check if previous element was a tab 
  456. 			var tabHeader, tabParent;
  457. 			if (prevSibling!=null && prevSibling.className.contains('tab_container')) tabParent = prevSibling;
  458.  
  459. 			/*if (swapType!="tab" && tabParent) {
  460. 				//detect if a tab is selected
  461. 				var tabSelected=selectSingleNode("./span/a[contains(@class,'tab_selected')]",{node:tabParent,doc:this.frameDoc});
  462. 				if (!tabSelected) {
  463. 					//detect the first tab element
  464. 					var firstTab=selectSingleNode("./span/a",{node:tabParent,doc:this.frameDoc});
  465. 					if (firstTab) {
  466. 						//toggle that tab
  467. 						//var e = firstTab.id.removePrefix("tab_");
  468. 						//this.toggleTab(e);
  469. 						click(firstTab);
  470. 						
  471. 					}
  472. 				}
  473. 			}*/
  474. 			
  475. 			//draw it
  476. 			var counterHolder=null;
  477. 			switch(swapType) {
  478. 				case 'section':
  479. 					elem = createElement('div', {title:title, className: 'section_header_holder'},[
  480. 						createElement('a', {className:'section_header center text_border_sec hottracking', href:"javascript:void(0);", onclick:function(){self.toggle(i,true);}},[
  481. 							createElement("span",{textContent:label}),
  482. 							counterHolder=createElement("span",{className:"counter"})
  483. 						]),
  484. 						nextElem = createElement('div', {id:'field_'+i, className:'section_kids',"data-ft":value, style:"display:"+((value=="none")?"none":"block")+";"})
  485. 					]);
  486. 					styleItems[0]=elem;
  487. 					break;
  488. 				case 'separator':
  489. 					elem = createElement("div", {title:title||'', className: 'separator section_header_holder'},[
  490. 						createElement('div', {id:'field_'+i+'_all',className:'field_label block_select_all littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select All',onclick:function(){self.selectBlock(this);},style:'float:right; margin-top:4px;'},[createElement("span",{className:"resourceIcon checkAll16"})]),
  491. 						createElement('div', {id:'field_'+i+'_none',className:'field_label block_select_none littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select None',onclick:function(){self.deselectBlock(this);},style:'float:right; margin-top:4px;'},[createElement("span",{className:"resourceIcon uncheckAll16"})]),
  492. 						styleItems[0]=createElement('a', {className:'separator_label text_border_sep hottracking', href:"javascript:void(0);", textContent:label, onclick:function(){self.toggle(i,true);}}),
  493. 						counterHolder=createElement("span",{className:"counter"}),
  494. 						styleItems[1]=(nextElem=createElement('div', {id:'field_'+i, className:'section_kids',"data-ft":value, style:"display:"+((value=="none")?"none":"block")+";"}))
  495. 					]);
  496. 					break;
  497. 				case 'optionblock':
  498. 					elem = createElement("div", {title:title||'', className: 'config_var underline'},[
  499. 						createElement('label', {textContent:label, className:'optionblock_label', "for":'field_'+i}),
  500. 						createElement('div', {id:'field_'+i+'_all',className:'field_label block_select_all littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select All',onclick:function(){self.selectBlock(this);}},[createElement("span",{className:"resourceIcon checkAll16"})]),
  501. 						createElement('div', {id:'field_'+i+'_none',className:'field_label block_select_none littleButton oddBlue',type:((field.hideSelectAll)?'hidden':'button'),title:'Select None',onclick:function(){self.deselectBlock(this);}},[createElement("span",{className:"resourceIcon uncheckAll16"})]),
  502. 						createElement('br'),
  503. 						createElement('input', {id:'field_'+i, type:'hidden', value:''}),
  504. 					]);
  505. 					styleItems[0]=elem;
  506. 					break;
  507. 				case 'textarea':
  508. 					elem = createElement("span", {title:title||'', className: 'config_var'},[
  509. 						createElement('span', {textContent:label, className:'field_label'}),
  510. 						createElement('textarea', {id:'field_'+i,innerHTML:value, cols:(field.cols?field.cols:20), rows:(field.rows?field.rows:2)})
  511. 					]);
  512. 					styleItems[0]=elem;
  513. 					break;
  514. 				case 'radio':
  515. 					var boxes = [];
  516. 					for (var j = 0,len = Options.length; j<len; j++) {
  517. 						boxes.push(createElement('span', {textContent:Options[j]}));
  518. 						boxes.push(createElement('input', {value:Options[j], type:'radio', name:i, checked:Options[j]==value?true:false}));
  519. 					}
  520. 					elem = createElement("span", {title:title||'', className: 'config_var '+(field.format||'block')},[
  521. 						createElement('span', {textContent:label, className:'field_label'}),
  522. 						createElement('span', {id:'field_'+iboxes},boxes)
  523. 					]);
  524. 					styleItems[0]=elem;
  525. 					break;
  526. 				case 'select':
  527. 					var options = [];
  528. 					if (isObject(Options)) for (var j in Options) options.push(createElement('option',{textContent:Options[j],value:j,selected:(j==value)}));
  529. 					else options.push(createElement("option", {textContent:"Error - options needs to be an object type, not an array.",value:"error",selected:"selected"}));
  530.  
  531. 					elem = createElement(isKid ? "span" : "div", {title:title||'', className: 'config_var'},[
  532. 						createElement('span', {textContent:label, className:'field_label'}),
  533. 						createElement('select',{id:'field_'+i},options)
  534. 					]);
  535. 					styleItems[0]=elem;
  536. 					break;
  537. 				case 'button':
  538. 					var tmp;
  539. 					elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  540. 						(tmp=createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||''}))
  541. 					]);
  542. 					if (field.script) self.addEvent(tmp, 'click', field.script);
  543. 					styleItems[0]=elem;
  544. 					break;
  545. 				case 'button_highlight':
  546. 					var tmp;
  547. 					elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  548. 						createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||'',onclick:function(){self.highlightElements(field.options,field.clearfirst);}})
  549. 					]);
  550. 					styleItems[0]=elem;
  551. 					break;
  552. 				case 'button_selectmulti':
  553. 					var tmp;
  554. 					elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  555. 						createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||'',onclick:function(){self.selectElements(field.options,field.clearFirst);}})
  556. 					]);
  557. 					styleItems[0]=elem;
  558. 					break;
  559. 				case 'button_selectprefix':
  560. 					var tmp;
  561. 					elem = createElement("span", {className: 'config_var '+(field.format||'inline')},[
  562. 						createElement('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:title||'',onclick:function(){self.selectElementsByPrefix(field.prefix,field.clearPrefix);}})
  563. 					]);
  564. 					styleItems[0]=elem;
  565. 					break;
  566. 				case 'hidden':
  567. 					elem = createElement("span", {title:title||'', className: 'config_var'},[
  568. 						createElement('input', {id:'field_'+i, type:'hidden', value:value})
  569. 					]);
  570. 					styleItems[0]=elem;
  571. 					break;
  572. 				case 'link':
  573. 					elem = createElement("span", {title:title||'', className: (field.format||'block')},[
  574. 						createElement('a', {id:'field_'+i, href:field.href, title:title||'', textContent:field.label, target:'_blank', className:'field_label link_label'+(field.newitem?' newopt':'')})
  575. 					]);
  576. 					styleItems[0]=elem;
  577. 					break;
  578.  
  579. 				case 'message':
  580. 					elem = createElement("span", {title:title||'', className: (field.format||'block')},[
  581. 						createElement('span', {id:'field_'+i, title:title||'', textContent:field.textContent, className:'field_label message_text'+(field.newitem?' newopt':'')})
  582. 					]);
  583. 					styleItems[0]=elem;
  584. 					break;
  585. 					
  586. 				case 'selecttime':
  587. 					//creates an interval from some text input
  588. 					var timevalue = calcTime(value);
  589. 					var timedays = parseInt(timevalue/day);
  590. 					var timehours = parseInt((timevalue-(timedays*day))/hour);
  591. 					var timeminutes = parseInt((timevalue-(timehours*hour)-(timedays*day))/minute);
  592. 					var timeseconds = parseInt((timevalue-(timeminutes*minute)-(timehours*hour)-(timedays*day))/second);
  593. 					
  594. 					var daynode, hournode, minutenode, secondnode, returnnode;
  595. 					var fnCalcTime = function(){
  596. 						returnnode.value = "t:"+daynode.value+"d:"+hournode.value+"h:"+minutenode.value+"m:"+secondnode.value+"s"
  597. 					};
  598.  
  599. 					elem = createElement("span", {title:title||'', className: 'config_var'},[
  600. 						createElement('span', {textContent:label, className:'field_label'}),
  601. 						returnnode=createElement('input', {id:'field_'+i,value:value,type:"hidden"}),
  602. 						
  603. 						daynode=createElement('input', {value:timedays, type:"number", onchange:fnCalcTime,size:2}),
  604. 						createElement('span', {textContent:"d", className:'field_label'}),
  605. 						hournode=createElement('input', {value:timehours, type:"number", onchange:fnCalcTime,size:2}),
  606. 						createElement('span', {textContent:"h", className:'field_label'}),
  607. 						minutenode=createElement('input', {value:timeminutes, type:"number", onchange:fnCalcTime,size:2}),
  608. 						createElement('span', {textContent:"m", className:'field_label'}),
  609. 						secondnode=createElement('input', {value:timeseconds, type:"number", onchange:fnCalcTime,size:2}),
  610. 						createElement('span', {textContent:"s", className:'field_label'}),
  611. 					]);
  612. 					styleItems[0]=elem;
  613. 					break;
  614. 					
  615. 					
  616. 				//deprecated
  617. 				case 'tabcontrol':
  618. 					elem = createElement("div",{title:title||'', className: 'tab_container'});
  619. 					styleItems[0]=elem;
  620. 					break;
  621. 				case 'tabelement':
  622. 					var value2 = self.values[field.key];
  623. 					elem = createElement("span",{title:title||'',className:'tab_element'},[
  624. 						createElement('a', {id:'tab_'+field.key,className:'tab_header text_border_sec hottracking'+((value2=='block')?" tab_selected":""),href:"javascript:void(0);", textContent:label, onclick:function(){self.toggleTab(field.key);}})
  625. 					]);
  626. 					styleItems[0]=elem;
  627. 					break;
  628. 				case 'tabbody':
  629. 					elem = createElement("div",{id:'field_'+i,title:title||'',"data-ft":value,style:("display:"+value+";"),className:'tab_body'});
  630. 					styleItems[0]=elem;
  631. 					break;
  632. 				//end deprecated
  633. 					
  634. 					
  635. 				case 'tab': //tab shortform
  636. 					var objRef=null;
  637. 					if (null && isForms2Ready) {
  638. 						//build tabs using the jsForms library
  639. 					
  640. 						//objReference should be a jsForms.tabControl object
  641. 						if (objReference) {
  642. 							//we have a reference to a jsForms.tabControl object
  643. 							objRef=objReference;
  644. 						} else {
  645. 							//need to realize a tabControl for this tab
  646. 							objRef=new jsForms.tabControl({
  647. 								dock:"fill",
  648. 								preventAutoSelectTab:true,
  649. 							});
  650. 						}
  651. 						//add our tab as a jsForms.tabPage
  652. 						var thisTab = objRef.addTab({
  653. 							text:label,
  654. 						});
  655. 						//prepare for child elements to be added
  656. 						elem=objRef.node; //always return the tabControl
  657. 						nextElem=thisTab.pageNode;
  658. 						
  659. 						//set tab and tab page to be stylized
  660. 						styleItems[0]=thisTab.buttonNode;
  661. 						styleItems[1]=nextElem;
  662. 						
  663. 						
  664. 					} else {	
  665. 						//build tabs using this library
  666. 					
  667. 						//create tab container if needed
  668. 						if (!tabParent){
  669. 							tabParent = createElement("div",{className:'tab_container'},[
  670. 								tabHeader=createElement("div",{className:'tab_header_container'}) 
  671. 							]);
  672. 						}
  673. 						
  674. 						//ALWAYS return the tabContainer element so the next
  675. 						//element can join with it if needed
  676. 						elem=tabParent;
  677.  
  678. 						//create tab header if needed
  679. 						if (!tabHeader){
  680. 							tabHeader = tabParent.firstChild; //assume no header
  681. 							if (!tabHeader.className.contains('tab_header_container')) {
  682. 								tabParent.appendChild(tabHeader=createElement("div",{className:'tab_header_container'}) );
  683. 							}
  684. 						}
  685.  
  686. 						//create tab element
  687. 						tabHeader.appendChild(
  688. 							styleItems[0]=createElement("span",{className:'tab_element '},[
  689. 								createElement('a', {id:'tab_'+i,className:'tab_header text_border_sec hottracking'+((value=='block')?" tab_selected":""),href:"javascript:void(0);", onclick:function(){self.toggleTab(i);}},[
  690. 									createElement("span",{textContent:label}),
  691. 									counterHolder=createElement("span",{className:"counter"})
  692. 								])
  693. 							])
  694. 						);
  695. 							
  696. 						//create tab body
  697. 						tabParent.appendChild(
  698. 							styleItems[1]=(nextElem=createElement("div",{id:'field_'+i,title:title||'',"data-ft":value,style:("display:"+value+";"),className:'tab_body'}) )
  699. 						);
  700. 					}
  701. 					
  702. 					break;
  703.  
  704. 				case 'text':
  705. 				case 'float':
  706. 				case 'long':
  707. 				case 'int':
  708. 				case 'colorbox':
  709. 					var box;
  710. 					if (isForms2Ready && field.type=="colorbox") {
  711. 						var o,l;
  712. 						elem = createElement(isKid ? "span" : "div", {title:title||'', className: 'config_var tablerow'},[
  713. 							createElement('span', {textContent:label, className:'field_label tablecell'}),
  714. 							box=(o=jsForms.createElement("colorPicker",{
  715. 								dropDownSize:{height:"200px"},
  716. 								text:value,
  717. 							})).node
  718. 						]);
  719. 						o.textNode.id="field_"+i;
  720. 						box.className="tablecell";
  721. 					} else {
  722. 						elem = createElement(isKid ? "span" : "div", {title:title||'', className: 'config_var'},[
  723. 							createElement('span', {textContent:label, className:'field_label'}),
  724. 							box=createElement('input', {id:'field_'+i, type:'text', value:value, size:(field.size?field.size:25)})
  725. 						]);
  726. 					}
  727. 					styleItems[0]=elem;
  728. 					if (field.type=="colorbox" && !isForms2Ready){
  729. 						box.style.setProperty("background-color",value,"important");
  730. 						box.style.color="white";
  731. 						box.style.textShadow="-1px -1px 1px #000000, 1px 1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000";
  732. 						box.style.fontWeight="bold";
  733. 						box.onchange=function(){
  734. 							this.style.setProperty("background-color",this.value,"important");
  735. 						}
  736. 					}
  737. 					break;
  738.  
  739. 				default:
  740. 				case 'checkbox':
  741. 					elem = createElement("span", {title:title||'', className: 'config_var '+(field.format||'block')},[
  742. 						createElement('label', {textContent:label, className:'field_label', "for":'field_'+i}),
  743. 						createElement('input', {id:'field_'+i, type:'checkbox', value:value, checked:value})
  744. 					]);
  745. 					styleItems[0]=elem;
  746. 			}
  747. 			
  748. 			//cleanup
  749. 			tabContainer=null; tabParent=null;
  750.  
  751. 			//add special classes and styles
  752. 			if (styleItems.length) for (si=0,silen=styleItems.length;si<silen;si++){
  753. 				styleItems[si].className+=(field.newitem?' newopt'+((field.newitem===true)?"":field.newitem):'')+" "+(field.css||"");
  754. 				if(field.backgroundColor) styleItems[si].style.backgroundColor=field.backgroundColor;
  755. 				if(field.fontColor) styleItems[si].style.color=field.fontColor;
  756. 			}
  757.  
  758. 			//add its kids
  759. 			var newCount=(field.newitem?1:0);
  760. 			if (field.kids) {
  761. 				var kids=field.kids,prev;
  762. 				for (var kid in kids) {
  763. 					var childRet = this.addToFrame(kids[kid], kid, true, prev, objRef);
  764. 					(nextElem||elem).appendChild(prev=childRet.elem);
  765. 					newCount=newCount+childRet.newCount
  766. 				}
  767. 			}
  768. 			
  769. 			//display the new item count for this branch
  770. 			if (newCount && (swapType=="tab" || swapType=="section" || swapType=="separator") && counterHolder){
  771. 				counterHolder.textContent=newCount;
  772. 				counterHolder.style.display="inline-block";
  773. 				counterHolder.title=newCount+" new items in this section.";
  774. 				counterHolder.className+=" newOpt"; //make it green
  775. 			}
  776.  
  777. 			//return this branch and its new item count
  778. 			return {elem:elem, newCount:newCount};
  779. 		}catch(e){log("Config.addToFrame: "+e);}};
  780.  
  781. 		this.exportSettings = function(){try{
  782. 			var v = JSON.stringify(this.values)
  783. 			prompt("Copy and save these settings with a text editor such as notepad.",v);
  784. 		}catch(e){log("Config.exportSettings: "+e);}};
  785.  
  786. 		this.importSettings = function(){try{
  787. 			var ask=this.confirms.import
  788. 			if (!ask || (ask && confirm("This will overwrite your current settings. Are you sure?"))) {
  789. 				var v = prompt("Paste saved settings below.",null);
  790. 				if (v!=null && v!=""){
  791. 					v=JSON.parse(v);
  792. 					if (v) {
  793. 						this.values = v;
  794. 						this.configure();
  795. 						this.save();
  796. 						alert("Please refresh your browser to use the new settings.");
  797. 					} else {
  798. 						alert("Could not import settings!");
  799. 					}
  800. 				}
  801. 			}
  802. 		}catch(e){log("Config.importSettings: "+e);}};
  803.  
  804. 		this.css = {
  805. 			basic: 'body {background:#FFFFFF;}\n' +
  806. 			'.indent40 {margin-left:40%;}\n' +
  807. 			'* {font-family: arial, tahoma, sans-serif, myriad pro;}\n' +
  808. 			'.field_label {font-weight:bold; font-size:12px; margin-right:6px;}\n' +
  809. 			'.block {display:block;}\n' +
  810. 			'.saveclose_buttons {margin:16px 10px 10px 10px;padding:2px 12px 2px 12px;}\n' +
  811. 			'.reset, #buttons_holder, .reset a {text-align:right; color:#000000;}\n' +
  812. 			'.config_header {font-size:20pt; margin:0;}\n' +
  813. 			'.config_desc, .section_desc, .reset {font-size:9pt;}\n' +
  814. 			'.center {text-align:center;}\n' +
  815. 			'.config_var {margin:0 0 4px 0; display:block;}\n' +
  816. 			'input[type="radio"] {margin-right:8px;}\n'+
  817.  
  818.  
  819. 			"body {color: buttontext !important; margin:0 !important; background:buttonface !important;}\n"+
  820. 			".logo {width:128px; height:74px;}\n"+
  821.  
  822. 			'.section_header {font-size:13pt; background:#414141; color:#FFFFFF; border:1px solid #000000; margin:0;}\n' +
  823. 			".section_header {border:1px solid #000000; border-radius: 5px 5px 5px 5px; color:white !important;background:buttonshadow !important; display:block; font-size: 15px !important; font-weight: 700 !important; line-height:23px !important;text-decoration:none !important;}\n"+
  824. 			'.section_desc {font-size:9pt; background:#EFEFEF; color:#575757; border:1px solid #CCCCCC; margin:0 0 6px 0;}\n' +
  825. 			".separator_label {border:1px solid #007195; border-radius: 5px 5px 5px 5px; font-size: 15px !important; line-height:19px !important; font-weight: 700 !important; color:white !important; text-decoration:none !important; margin:0 !important; padding:1px 0 1px 6px !important; display:block !important; background:buttonshadow !important;}\n"+
  826. 			".section_header_holder {border-radius: 5px 5px 5px 5px;padding:0 6px 0 6px !important; margin-bottom:6px !important; }\n"+
  827. 			".section_kids {background:buttonface !important;border-radius: 0 0 5px 5px;border: 1px solid #000000 !important;border-top:0 !important;padding: 0 6px 6px !important;margin: 0 6px 0 6px !important;}\n"+
  828. 			"#header {font-size:18px !important;}\n"+
  829. 			"div.config_var span.config_var {display:inline-block !important; margin-left:10px !important;}\n"+
  830. 			"div.config_var {margin:0 !important; padding: 2px 0 2px 0 !important;}\n"+
  831. 			".optionblock_label {display:inline-block; font-size:16px !important; font-weight:bold; padding-top:10px; color:buttontext;}\n"+
  832. 			//".block_select_all {margin-top:4px; background: #ccffff url('http://i55.tinypic.com/6ih93q.png') no-repeat center;width:17px;height:17px;border-radius: 2px 2px 2px 2px;}\n"+
  833. 			//".block_select_none {margin-top:4px; background: #ccffff url('http://i55.tinypic.com/2lk2xyw.png') no-repeat center;width:17px;height:17px;border-radius: 2px 2px 2px 2px;}\n"+
  834. 			".field_label {font-size:11px !important;}\n"+
  835. 			".link_label {line-height:19px; position:relative;z-index:0;padding:2px 6px 2px 6px; border-radius: 0px 25px 0px 25px / 0px 100px 0px 100px; margin-left:6px !important; text-decoration:none;border: 1px solid black; color:black !important; background:#EFF2F7 !important;}\n"+
  836. 			".link_label:hover, .link_label:active {z-index:1; background:#D8DFEA !important;}\n"+
  837. 			"span.field_label:not([class*=\"separator\"]) {margin-right:8px !important;} label.field_label {margin:0 !important;}\n"+
  838. 			"span > label.field_label {margin-right:0 !important;}\n"+
  839. 			"select, input[type=\"text\"], textarea {background-color:window !important; color:windowtext !important; border:none !important;}\n"+
  840.  
  841. 			".tab_element {display:inline-block !important;}\n"+
  842. 			".tab_header {background:buttonshadow !important;color:buttonface !important; padding:2px 6px;border:1px solid #000000; border-radius: 5px 5px 0 0; margin:0 !important; font-size: 13px !important; line-height:19px !important; font-weight: 700 !important; text-decoration:none !important;position:relative;z-index:0;}\n"+
  843. 			".hottracking:hover {background:highlight !important;}\n"+
  844. 			".tab_body {padding: 10px !important;margin: 0 !important; background:buttonface !important;border-radius: 0 5px 5px 5px;border: 1px solid #000000 !important;display:none;position:relative;z-index:1;top:0px;}\n"+
  845. 			".tab_selected {background:buttonface !important;border-bottom:0 !important;color:black !important; z-index:2; text-shadow:none !important;}\n"+
  846.  
  847. 			".inline {display:inline-block;}\n"+
  848. 			".block {display:block;}\n"+
  849. 			".tablerow {display:table-row;}\n"+
  850. 			".tablecell {display:table-cell;}\n"+
  851. 			".floatright {float:right;}\n"+
  852. 			".floatleft {float:left;}\n"+
  853.  
  854. 			".underline {border-bottom:1px solid #70BAFF;}\n"+
  855. 			".overline {border-bottom:1px solid #70BAFF;}\n"+
  856. 			".hidden {display:none;}\n"+
  857. 			".unreleased, .ghost, .ended {opacity:0.25;}\n"+
  858. 			".highlight {background:#94BC41 !important; color:black;}\n"+
  859. 			".green {background:green !important;color:black;}\n"+
  860. 			".red {background:darkred !important;color:black;}\n"+
  861. 			".blue {background:royalblue !important;color:black;}\n"+
  862. 			".orange {background:darkorange !important;color:black;}\n"+
  863. 			".yellow {background:gold !important;color:black;}\n"+
  864. 			".silver {background:silver !important;color:black;}\n"+
  865. 			".gray {background:gray !important;color:black;}\n"+
  866. 			".white {background:white !important;color:black;}\n"+
  867. 			".black {background:black !important;color:white;}\n"+
  868. 			".box {border:1px solid silver;}\n"+
  869. 			".newopt {background:#027B09 !important;}\n"+
  870. 			".newopt1 {background:green !important;}\n"+
  871. 			".newopt2 {background:darkred !important;}\n"+
  872. 			".newopt3 {background:royalblue !important;}\n"+
  873.  
  874. 			".text_border_sep {font-family:tahoma; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;text-transform:uppercase; font-weight:900 !important;}\n"+
  875. 			".text_border_sec {font-family:tahoma; text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;text-transform:uppercase; font-weight:900 !important;}\n"+
  876.  
  877. 			"#buttons_holder {bottom: 0; position: fixed; right: 0; z-index: 1;}\n"+
  878. 			".bigSpacer {height:50px; display:block;}\n"+
  879.  
  880. 			//little button div
  881. 			".littleButton {background-color:threedshadow; border-radius:5px; margin:1px; display:inline-block; vertical-align:middle;}\n"+
  882. 			".littleButton:hover {background-color:highlight !important;}\n"+
  883. 			".littleButton>img {position:relative; display:block;}\n"+
  884. 			".littleButton.oddOrange {background-color:#FF9968;}\n"+
  885. 			".littleButton.oddBlack {background-color:#82976E;}\n"+
  886. 			".littleButton.oddBlue {background-color:#51D1EA;}\n"+
  887. 			".littleButton.oddGreen {background-color:#B7E54F;}\n"+
  888. 				
  889. 			".counter {margin-left: 5px; margin-right:-5px; font-size: .75em; padding: 2px; border: 1px solid black; border-radius: 4px; position: relative; top: -1em; display: none; line-height:1em; text-shadow:none; color:white;}\n"+
  890. 			
  891. 			"", //leave here
  892. 			
  893. 			user: ""
  894. 		};
  895.  
  896. 		this.center = function() {try{
  897. 			var node = this.frame;
  898. 			if (!node) return;
  899. 			var style = node.style, beforeOpacity = style.opacity;
  900. 			if(style.display=='none') style.opacity='0';
  901. 			style.display = '';
  902. 			style.top = Math.floor((window.innerHeight/2)-(node.offsetHeight/2)) + 'px';
  903. 			style.left = Math.floor((window.innerWidth/2)-(node.offsetWidth/2)) + 'px';
  904. 			style.opacity = '1';
  905. 		}catch(e){log("Config.center: "+e);}};
  906.  
  907. 		this.addEvent = function(el,ev,scr) {try{
  908. 			el.addEventListener(ev, function() { typeof scr == 'function' ? doAction(scr) : eval(scr) }, false); 
  909. 		}catch(e){log("Config.addEvent: "+e);}};
  910.  
  911. 		this.toggle = function(e,newMode) {try{
  912. 			var node=this.frame.contentDocument.getElementById((newMode)?'field_'+e:e);
  913. 			node.style.display=(node.style.display!='none')?'none':'block';
  914. 			node.setAttribute("data-ft",node.style.display);
  915. 			if (this.useScrollIntoView && node.style.display!='none') node.parentNode.scrollIntoView(true);
  916. 			//Config.setValue(e, node.style.display);
  917. 		}catch(e){log("Config.toggle: "+e);}};
  918.  
  919. 		this.toggleTab = function(e) {try{
  920. 			var tabBodyNode=this.frame.contentDocument.getElementById('field_'+e);
  921. 			var tabHeaderNode=this.frame.contentDocument.getElementById('tab_'+e);
  922.  
  923. 			//unselect selected tabs
  924. 			var tabCtrl = tabBodyNode.parentNode;
  925. 			var tabs=selectNodes("./span[contains(@class,'tab_element')]/a[contains(@class,'tab_selected')] | ./div[contains(@class,'tab_header_container')]/span[contains(@class,'tab_element')]/a[contains(@class,'tab_selected')]",{node:tabCtrl,doc:$("Config").contentDocument});
  926. 			if (tabs) for (var i=0,tab;(tab=tabs.snapshotItem(i));i++) {
  927. 				var id=tab.id.substring(4);
  928. 				tab.className = tab.className.replace(' tab_selected','');
  929. 				var node=$('field_'+id,$("Config").contentDocument);
  930. 				node.style.display='none';
  931. 				node.setAttribute("data-ft","none");
  932. 				tab=null;
  933. 			}
  934.  
  935. 			//select the tab
  936. 			tabHeaderNode.className += " tab_selected";
  937. 			tabBodyNode.style.display="block";
  938. 			tabBodyNode.setAttribute("data-ft","block");
  939.  
  940. 			//bring into view
  941. 			if (this.useScrollIntoView) tabHeaderNode.scrollIntoView(true);
  942.  
  943. 			//cleanup
  944. 			tabBodyNode = null;tabHeaderNode=null;tabCtrl=null;tabs=null;
  945. 		}catch(e){log("Config.toggleTab: "+e);}};
  946.  
  947. 		//initialize
  948. 		if (exists(params)) {
  949. 			this.init(params);
  950. 		}
  951. 		
  952. 		return self;
  953. 	};	
  954. })();