☰

BBCode-Edit Pennergame *edit by moustiC76*

BB-Code Editor + Smileys

  1. // ==UserScript==
  2. // @name           	BBCode-Edit Pennergame *edit by moustiC76*
  3. // @namespace      	11235813 *edit by Luana*
  4. // @description    	BB-Code Editor + Smileys
  5. // @include        http://*.sylt.pennergame.de/*
  6. // @include        http://sylt.pennergame.de/*
  7. // @include        http://*.clodogame.fr/*
  8. // @include        http://clodogame.fr/*
  9. // @exclude		   	*change*
  10. // @version			smileys by moustiC76
  11. // ==/UserScript==
  12.  
  13. var THISSCRIPTVERSION = GM_info.script.version.split(" ")[0];
  14. var THISSCRIPTINSTALL_URL = GM_info.script.namespace;
  15. var THISSCRIPTINSTALL_URLGF = "https://greasyfork.org/scripts/3078-infozentrale";
  16. // var THISSCRIPTSOURCE_URL = THISSCRIPTINSTALL_URL.replace('show', 'source'); // URL für Sourceseite bei userscripts.org
  17. var THISSCRIPTID = THISSCRIPTINSTALL_URL.split("/").pop();
  18.  
  19. //==========================================================//
  20. //
  21. // @version			smileys BBcode by Luana
  22. // @version        smileys BBcode by Luana
  23. //
  24. //==========================================================//
  25.  
  26. var language = {
  27. 	de: {
  28. 		change_text:'*Mir Spenden*',
  29. 		quote:'Zitat von',
  30. 		chose_color:'Farbwahl:',
  31. 		preview_window:'Vorschau-Bereich',
  32. 		send:'Abschicken',
  33. 		preview:'Vorschau',
  34. 		help: {
  35. 			url:'Bitte die URL(Adresse) eingeben',
  36. 			color:'Bitte die Farbe als Hex-Wert eingeben',
  37. 			quote:'Bitte den Namen(Autor) des Zitats angeben',
  38. 		},
  39. 	},
  40. 	fr: {
  41. 		change_text:'*Me faire un don*',
  42. 		quote:'Citation de',
  43. 		chose_color:'Coleur:',
  44. 		preview_window:'zone de prévision',
  45. 		send:'Envoyer',
  46. 		preview:'Prévision',
  47. 		help: {
  48. 			url:'Entre l\'adresse du site',
  49. 			color:'Entre le coleur (HEX)',
  50. 			quote:'Entre le nom de l\'auteur du citation',
  51. 		},
  52. 	},
  53. 	en: {
  54. 		change_text:'*Donate me*',
  55. 		quote:'Quote by',
  56. 		chose_color:'Chose the color:',
  57. 		preview_window:'Preview-Area',
  58. 		send:'Post',
  59. 		preview:'Preview',
  60. 		help: {
  61. 			url:'Please enter the link\'s URL',
  62. 			color:'Please enter a HEX-Format color',
  63. 			quote:'Please enter the author\'s name',
  64. 		},
  65. 	},
  66. };
  67.  
  68.  
  69. var url = document.location.hostname;
  70. var language_code = url.match(/pennergame/) ? 'de' : (url.match(/clodogame/) ? 'fr' : 'en');
  71. var language = language[language_code];
  72. function $(id) {
  73. 	return document.getElementById(id);
  74. }
  75. editor = {
  76.   init:function(node,smilenode,buttonnode) {
  77. 	  if(!smilenode) smilenode = node.parentNode;
  78. 	  if(!buttonnode) buttonnode = node.parentNode;
  79. 	  editor.area = node;
  80. 	  editor.smilies = smilenode;
  81. 	  editor.buttons = buttonnode;
  82. 	  editor.smilies_ob = {};
  83. 	  editor.offered_codes = [];
  84.   },
  85.   getArea:function() {
  86. 	  return editor.area;
  87.   },
  88.   addBBCode:function(typ) {
  89. 	  var ele = editor.createElement('input',typ);
  90. 	  editor.buttons.appendChild(ele);
  91.   },
  92.   addSmilie:function(src,short) {
  93. 	  var ele = editor.createElement('img',src,false,false,short);
  94. 	  editor.smilies.appendChild(ele);
  95.  
  96. 	  if(short) editor.smilies_ob[short] = src;
  97.   },
  98.   addExtendetBBCode:function(typ,title) {
  99. 	  var ele = editor.createElement('input',typ,true,title);
  100. 	  editor.buttons.appendChild(ele);
  101.   },
  102.   insertCode:function() {
  103. 	if(!this) return false;
  104. 	var area = editor.getArea();
  105. 	var start = area.selectionStart;
  106. 	var ende = area.selectionEnd;
  107. 	var text = area.value;
  108. 	var vor = text.substr(0,start);
  109. 	var sel = text.substr(start,ende-start);
  110. 	var nach = text.substr(ende,text.length);
  111. 	area.value = vor+'['+this.value+']'+sel+'[/'+this.value+']'+nach;
  112.   },
  113.   insertExtCode:function() {
  114. 	if(!this) return false;
  115. 	if(this.value=='color'&&editor.color_input) arg = "#"+editor.color_input.value;
  116. 	else arg = window.prompt(this.title);
  117. 	var area = editor.getArea();
  118. 	var start = area.selectionStart;
  119. 	var ende = area.selectionEnd;
  120. 	var text = area.value;
  121. 	var vor = text.substr(0,start);
  122. 	var sel = text.substr(start,ende-start);
  123. 	var nach = text.substr(ende,text.length);
  124. 	if(arg==null || arg=='') {
  125. 		txt ='['+this.value+']';
  126. 	} else {
  127. 		if(this.value=='url') {
  128. 			if(sel!='') {
  129. 				txt = '['+this.value+'='+arg+']';			
  130. 			} else {
  131. 				txt = '['+this.value+']'+arg;
  132. 			}
  133. 		} else {
  134. 			txt = '['+this.value+'='+arg+']';
  135. 		}
  136. 	}
  137. 	
  138. 	
  139. 	area.value = vor+txt+sel+'[/'+this.value+']'+nach;
  140.   },
  141.   insertSmilie:function() {
  142. 	if(!this.src) return false;	
  143. 	else code = '[img]'+this.src+'[/img]';
  144. 	if(this.alt) code = this.alt;
  145. 	var area = editor.getArea();
  146. 	var start = area.selectionStart;
  147. 	var ende = area.selectionEnd;
  148. 	var text = area.value;
  149. 	var vor = text.substr(0,start);
  150. 	var nach = text.substr(ende);
  151. 	area.value = vor+code+nach;
  152.   },
  153.   createElement:function(typ,value,ext,title,alt) {
  154. 	  var ele = document.createElement(typ);
  155. 	  if(typ=='img') {
  156. 		  ele.src = value;
  157. 		  if(alt) ele.alt = alt;
  158. 		  edit = editor.insertSmilie;
  159. 	  } else if(typ=='input') {
  160. 		  ele.value = value;
  161. 		  ele.type = 'button';
  162. 		  if(title) ele.title = title;
  163. 		  edit = editor.insertCode;
  164. 		  editor.offered_codes.push(value);
  165. 	  }
  166. 	  if(ext==true) {
  167. 		  edit = editor.insertExtCode;		  
  168. 	  }
  169. 	  editor.lastele = ele;
  170. 	  ele.addEventListener('click',edit,false);
  171. 	  return ele;
  172.   },
  173.   lineBreak:function() {
  174. 	  editor.lastele.parentNode.appendChild(document.createElement('br'));
  175.   },
  176.   addPreview:function(ele,div) {
  177. 	  editor.preview_div = div;
  178. 	  ele.addEventListener('click',editor.triggerPreview,false);
  179.   },
  180.   triggerPreview:function() {
  181. 	  code = editor.area.value;
  182. 	  code = code.replace(/</g,'&lt;').replace(/>/g,'&gt;');
  183. 	  code = code.replace(new RegExp("\\n","g"),"<br />");
  184. 	 
  185. 	  editor.preview_code = code;
  186. 	  editor.replaceSmilies();
  187. 	  for(var a=0;a<editor.offered_codes.length;a++) {
  188. 		  editor.triggerPreviewFragment(editor.offered_codes[a]);
  189. 	  }
  190. 	  editor.preview_div.innerHTML = editor.preview_code;
  191.   },
  192.   triggerPreviewFragment:function(node) {
  193. 	  var reg = new RegExp('\\['+node+'(?:=.*?|)\\].*?\\[/'+node+'\\]','g');
  194. 	  //reg is now for example /\[b(?:=.*?|)\].*?\[\/b\]/g
  195. 	  res = editor.preview_code.match(reg);
  196. 	  if(!res) return;
  197. 	  //if theres no result (unknown error), just return
  198. 	  
  199. 	  //Here , the error seems as it already took place, alerting res just returns the first code-occurence
  200. 	  //alert(res); 
  201. 	  for(b=0;b<res.length;b++) {
  202. 		  cur_res = res[b];
  203. 		  //cur_res is now the matched code-tag
  204. 		  if(cur_res && cur_res != '') {
  205. 			//the raw bbcode tag.
  206. 			var arg_e = cur_res.match(/=/) ? cur_res.match(/=(.*?)\]/)[1] : false;
  207. 			//if, in the bbcode-tag theres an argument passed (like [url=...]..[/url], then match it
  208. 																				
  209. 			var inner = new RegExp('\\['+node+'(?:=.*?|)\\](.*?)\\[/'+node+'\\]');
  210. 			var inner = inner.exec(cur_res)[1];
  211. 			//get the inner"HTML" of the bbcode-tag
  212. 			
  213. 			node_new = node;
  214. 			if(!arg_e && node!='img' && node!='ref' &&node!='quote') {
  215. 				//if no args were passed and theres no img-tag
  216. 				arg = '';			  
  217. 			} else if(arg_e || node=='img' || node=='ref' || node=='quote') {
  218. 				switch(node) {
  219. 					case 'url':
  220. 					  arg = ' href="'+arg_e+'"';
  221. 					  node_new = 'a';
  222. 					  break;
  223. 					case 'color': 
  224. 					  arg = ' style="color:'+arg_e+'"';
  225. 					  node_new = 'span';
  226. 					  break;
  227. 					case 'img':
  228. 					  arg = ' src="'+inner+'"';
  229. 					  inner = '';
  230. 					  node_new = node;
  231. 					  break;
  232. 					case 'ref':
  233. 					  node_new = 'a';
  234. 					  arg = ' href="http://'+document.location.hostname+'/change_please/'+inner+'/"';
  235. 					  inner = language.change_text;
  236. 					  break;
  237. 					case 'quote':
  238. 					  node_new = 'div';
  239. 					  
  240. 					  inner = '<strong>'+language.quote+'<i>'+arg_e+'</i>:</strong><br />"<br />'+inner+'<br />"';
  241. 					  arg = ' class="user_quote"';
  242. 					  break;
  243. 					default:
  244. 					  arg='';
  245. 					  break;	
  246. 				}
  247. 			}
  248. 			//arg is the argument, formatted as style.. src, href or so
  249. 			new_code = '<'+node_new+arg+'>'+inner+'</'+node_new+'>';
  250. 			editor.preview_code = editor.preview_code.replace(cur_res,new_code);
  251. 			//Means, for each found tag of the node, replace it.
  252. 		  }
  253. 	  }
  254.   },
  255.   replaceSmilies:function() {
  256. 	  var sm = editor.smilies_ob;
  257. 	  for(smilie_code in sm) {
  258. 		  src = sm[smilie_code];
  259. 		  editor.preview_code = editor.preview_code.replace(smilie_code,'<img src="'+src+'"></img>');
  260. 	  }
  261.   }
  262. }
  263. /**
  264.  * jscolor, JavaScript Color Picker
  265.  *
  266.  * @version 1.3.1
  267.  * @license GNU Lesser General Public License, http://www.gnu.org/copyleft/lesser.html
  268.  * @author  Jan Odvarko, http://odvarko.cz
  269.  * @created 2008-06-15
  270.  * @updated 2010-01-23
  271.  * @link    http://jscolor.com
  272.  */
  273.  
  274.  
  275. var jscolor = {
  276.  
  277.  
  278. 	dir : '', // location of jscolor directory (leave empty to autodetect)
  279. 	bindClass : 'color', // class name
  280. 	binding : true, // automatic binding via <input class="...">
  281. 	preloading : true, // use image preloading?
  282.  
  283.  
  284. 	install : function() {
  285. 		jscolor.addEvent(window, 'load', jscolor.init);
  286. 	},
  287.  
  288.  
  289. 	init : function() {
  290. 		if(jscolor.binding) {
  291. 			jscolor.bind();
  292. 		}
  293. 		if(jscolor.preloading) {
  294. 			jscolor.preload();
  295. 		}
  296. 	},
  297.  
  298.  
  299. 	getDir : function() {
  300. 		if(!jscolor.dir) {
  301. 			var detected = jscolor.detectDir();
  302. 			jscolor.dir = detected!==false ? detected : 'jscolor/';
  303. 		}
  304. 		return jscolor.dir;
  305. 	},
  306.  
  307.  
  308. 	detectDir : function() {
  309. 		var base = location.href;
  310.  
  311. 		var e = document.getElementsByTagName('base');
  312. 		for(var i=0; i<e.length; i+=1) {
  313. 			if(e[i].href) { base = e[i].href; }
  314. 		}
  315.  
  316. 		var e = document.getElementsByTagName('script');
  317. 		for(var i=0; i<e.length; i+=1) {
  318. 			if(e[i].src && /(^|\/)jscolor\.js([?#].*)?$/i.test(e[i].src)) {
  319. 				var src = new jscolor.URI(e[i].src);
  320. 				var srcAbs = src.toAbsolute(base);
  321. 				srcAbs.path = srcAbs.path.replace(/[^\/]+$/, ''); // remove filename
  322. 				srcAbs.query = null;
  323. 				srcAbs.fragment = null;
  324. 				return srcAbs.toString();
  325. 			}
  326. 		}
  327. 		return false;
  328. 	},
  329.  
  330.  
  331. 	bind : function() {
  332. 		var matchClass = new RegExp('(^|\\s)('+jscolor.bindClass+')\\s*(\\{[^}]*\\})?', 'i');
  333. 		var e = document.getElementsByTagName('input');
  334. 		for(var i=0; i<e.length; i+=1) {
  335. 			var m;
  336. 			if(!e[i].color && e[i].className && (m = e[i].className.match(matchClass))) {
  337. 				var prop = {};
  338. 				if(m[3]) {
  339. 					try {
  340. 						eval('prop='+m[3]);
  341. 					} catch(eInvalidProp) {}
  342. 				}
  343. 				e[i].color = new jscolor.color(e[i], prop);
  344. 			}
  345. 		}
  346. 	},
  347.  
  348.  
  349. 	preload : function() {
  350. 		for(var fn in jscolor.imgRequire) {
  351. 			if(jscolor.imgRequire.hasOwnProperty(fn)) {
  352. 				jscolor.loadImage(fn);
  353. 			}
  354. 		}
  355. 	},
  356.  
  357.  
  358. 	images : {
  359. 		pad : [ 181, 101 ],
  360. 		sld : [ 16, 101 ],
  361. 		cross : [ 15, 15 ],
  362. 		arrow : [ 7, 11 ]
  363. 	},
  364.  
  365.  
  366. 	imgRequire : {},
  367. 	imgLoaded : {},
  368.  
  369.  
  370. 	requireImage : function(filename) {
  371. 		jscolor.imgRequire[filename] = true;
  372. 	},
  373.  
  374.  
  375. 	loadImage : function(filename) {
  376. 		if(!jscolor.imgLoaded[filename]) {
  377. 			jscolor.imgLoaded[filename] = new Image();
  378. 			jscolor.imgLoaded[filename].src = jscolor.getDir()+filename;
  379. 		}
  380. 	},
  381.  
  382.  
  383. 	fetchElement : function(mixed) {
  384. 		return typeof mixed === 'string' ? document.getElementById(mixed) : mixed;
  385. 	},
  386.  
  387.  
  388. 	addEvent : function(el, evnt, func) {
  389. 		if(el.addEventListener) {
  390. 			el.addEventListener(evnt, func, false);
  391. 		} else if(el.attachEvent) {
  392. 			el.attachEvent('on'+evnt, func);
  393. 		}
  394. 	},
  395.  
  396.  
  397. 	fireEvent : function(el, evnt) {
  398. 		if(!el) {
  399. 			return;
  400. 		}
  401. 		if(document.createEventObject) {
  402. 			var ev = document.createEventObject();
  403. 			el.fireEvent('on'+evnt, ev);
  404. 		} else if(document.createEvent) {
  405. 			var ev = document.createEvent('HTMLEvents');
  406. 			ev.initEvent(evnt, true, true);
  407. 			el.dispatchEvent(ev);
  408. 		} else if(el['on'+evnt]) { // alternatively use the traditional event model (IE5)
  409. 			el['on'+evnt]();
  410. 		}
  411. 	},
  412.  
  413.  
  414. 	getElementPos : function(e) {
  415. 		var e1=e, e2=e;
  416. 		var x=0, y=0;
  417. 		if(e1.offsetParent) {
  418. 			do {
  419. 				x += e1.offsetLeft;
  420. 				y += e1.offsetTop;
  421. 			} while(e1 = e1.offsetParent);
  422. 		}
  423. 		while((e2 = e2.parentNode) && e2.nodeName.toUpperCase() !== 'BODY') {
  424. 			x -= e2.scrollLeft;
  425. 			y -= e2.scrollTop;
  426. 		}
  427. 		return [x, y];
  428. 	},
  429.  
  430.  
  431. 	getElementSize : function(e) {
  432. 		return [e.offsetWidth, e.offsetHeight];
  433. 	},
  434.  
  435.  
  436. 	getMousePos : function(e) {
  437. 		if(!e) { e = window.event; }
  438. 		if(typeof e.pageX === 'number') {
  439. 			return [e.pageX, e.pageY];
  440. 		} else if(typeof e.clientX === 'number') {
  441. 			return [
  442. 				e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft,
  443. 				e.clientY + document.body.scrollTop + document.documentElement.scrollTop
  444. 			];
  445. 		}
  446. 	},
  447.  
  448.  
  449. 	getViewPos : function() {
  450. 		if(typeof window.pageYOffset === 'number') {
  451. 			return [window.pageXOffset, window.pageYOffset];
  452. 		} else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
  453. 			return [document.body.scrollLeft, document.body.scrollTop];
  454. 		} else if(document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
  455. 			return [document.documentElement.scrollLeft, document.documentElement.scrollTop];
  456. 		} else {
  457. 			return [0, 0];
  458. 		}
  459. 	},
  460.  
  461.  
  462. 	getViewSize : function() {
  463. 		if(typeof window.innerWidth === 'number') {
  464. 			return [window.innerWidth, window.innerHeight];
  465. 		} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
  466. 			return [document.body.clientWidth, document.body.clientHeight];
  467. 		} else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
  468. 			return [document.documentElement.clientWidth, document.documentElement.clientHeight];
  469. 		} else {
  470. 			return [0, 0];
  471. 		}
  472. 	},
  473.  
  474.  
  475. 	URI : function(uri) { // See RFC3986
  476.  
  477. 		this.scheme = null;
  478. 		this.authority = null;
  479. 		this.path = '';
  480. 		this.query = null;
  481. 		this.fragment = null;
  482.  
  483. 		this.parse = function(uri) {
  484. 			var m = uri.match(/^(([A-Za-z][0-9A-Za-z+.-]*)(:))?((\/\/)([^\/?#]*))?([^?#]*)((\?)([^#]*))?((#)(.*))?/);
  485. 			this.scheme = m[3] ? m[2] : null;
  486. 			this.authority = m[5] ? m[6] : null;
  487. 			this.path = m[7];
  488. 			this.query = m[9] ? m[10] : null;
  489. 			this.fragment = m[12] ? m[13] : null;
  490. 			return this;
  491. 		};
  492.  
  493. 		this.toString = function() {
  494. 			var result = '';
  495. 			if(this.scheme !== null) { result = result + this.scheme + ':'; }
  496. 			if(this.authority !== null) { result = result + '//' + this.authority; }
  497. 			if(this.path !== null) { result = result + this.path; }
  498. 			if(this.query !== null) { result = result + '?' + this.query; }
  499. 			if(this.fragment !== null) { result = result + '#' + this.fragment; }
  500. 			return result;
  501. 		};
  502.  
  503. 		this.toAbsolute = function(base) {
  504. 			var base = new jscolor.URI(base);
  505. 			var r = this;
  506. 			var t = new jscolor.URI;
  507.  
  508. 			if(base.scheme === null) { return false; }
  509.  
  510. 			if(r.scheme !== null && r.scheme.toLowerCase() === base.scheme.toLowerCase()) {
  511. 				r.scheme = null;
  512. 			}
  513.  
  514. 			if(r.scheme !== null) {
  515. 				t.scheme = r.scheme;
  516. 				t.authority = r.authority;
  517. 				t.path = removeDotSegments(r.path);
  518. 				t.query = r.query;
  519. 			} else {
  520. 				if(r.authority !== null) {
  521. 					t.authority = r.authority;
  522. 					t.path = removeDotSegments(r.path);
  523. 					t.query = r.query;
  524. 				} else {
  525. 					if(r.path === '') { // TODO: == or === ?
  526. 						t.path = base.path;
  527. 						if(r.query !== null) {
  528. 							t.query = r.query;
  529. 						} else {
  530. 							t.query = base.query;
  531. 						}
  532. 					} else {
  533. 						if(r.path.substr(0,1) === '/') {
  534. 							t.path = removeDotSegments(r.path);
  535. 						} else {
  536. 							if(base.authority !== null && base.path === '') { // TODO: == or === ?
  537. 								t.path = '/'+r.path;
  538. 							} else {
  539. 								t.path = base.path.replace(/[^\/]+$/,'')+r.path;
  540. 							}
  541. 							t.path = removeDotSegments(t.path);
  542. 						}
  543. 						t.query = r.query;
  544. 					}
  545. 					t.authority = base.authority;
  546. 				}
  547. 				t.scheme = base.scheme;
  548. 			}
  549. 			t.fragment = r.fragment;
  550.  
  551. 			return t;
  552. 		};
  553.  
  554. 		function removeDotSegments(path) {
  555. 			var out = '';
  556. 			while(path) {
  557. 				if(path.substr(0,3)==='../' || path.substr(0,2)==='./') {
  558. 					path = path.replace(/^\.+/,'').substr(1);
  559. 				} else if(path.substr(0,3)==='/./' || path==='/.') {
  560. 					path = '/'+path.substr(3);
  561. 				} else if(path.substr(0,4)==='/../' || path==='/..') {
  562. 					path = '/'+path.substr(4);
  563. 					out = out.replace(/\/?[^\/]*$/, '');
  564. 				} else if(path==='.' || path==='..') {
  565. 					path = '';
  566. 				} else {
  567. 					var rm = path.match(/^\/?[^\/]*/)[0];
  568. 					path = path.substr(rm.length);
  569. 					out = out + rm;
  570. 				}
  571. 			}
  572. 			return out;
  573. 		}
  574.  
  575. 		if(uri) {
  576. 			this.parse(uri);
  577. 		}
  578.  
  579. 	},
  580.  
  581.  
  582. 	/*
  583. 	 * Usage example:
  584. 	 * var myColor = new jscolor.color(myInputElement)
  585. 	 */
  586.  
  587. 	color : function(target, prop) {
  588.  
  589. 		editor.color_input = target;
  590. 		this.required = true; // refuse empty values?
  591. 		this.adjust = true; // adjust value to uniform notation?
  592. 		this.hash = false; // prefix color with # symbol?
  593. 		this.caps = true; // uppercase?
  594. 		this.valueElement = target; // value holder
  595. 		this.styleElement = target; // where to reflect current color
  596. 		this.hsv = [0, 0, 1]; // read-only  0-6, 0-1, 0-1
  597. 		this.rgb = [1, 1, 1]; // read-only  0-1, 0-1, 0-1
  598.  
  599. 		this.pickerOnfocus = true; // display picker on focus?
  600. 		this.pickerMode = 'HSV'; // HSV | HVS
  601. 		this.pickerPosition = 'bottom'; // left | right | top | bottom
  602. 		this.pickerFace = 10; // px
  603. 		this.pickerFaceColor = 'ThreeDFace'; // CSS color
  604. 		this.pickerBorder = 1; // px
  605. 		this.pickerBorderColor = 'ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight'; // CSS color
  606. 		this.pickerInset = 1; // px
  607. 		this.pickerInsetColor = 'ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow'; // CSS color
  608. 		this.pickerZIndex = 10000;
  609.  
  610.  
  611. 		for(var p in prop) {
  612. 			if(prop.hasOwnProperty(p)) {
  613. 				this[p] = prop[p];
  614. 			}
  615. 		}
  616.  
  617.  
  618. 		this.hidePicker = function() {
  619. 			if(isPickerOwner()) {
  620. 				removePicker();
  621. 			}
  622. 		};
  623.  
  624.  
  625. 		this.showPicker = function() {
  626. 			if(!isPickerOwner()) {
  627. 				var tp = jscolor.getElementPos(target); // target pos
  628. 				var ts = jscolor.getElementSize(target); // target size
  629. 				var vp = jscolor.getViewPos(); // view pos
  630. 				var vs = jscolor.getViewSize(); // view size
  631. 				var ps = [ // picker size
  632. 					2*this.pickerBorder + 4*this.pickerInset + 2*this.pickerFace + jscolor.images.pad[0] + 2*jscolor.images.arrow[0] + jscolor.images.sld[0],
  633. 					2*this.pickerBorder + 2*this.pickerInset + 2*this.pickerFace + jscolor.images.pad[1]
  634. 				];
  635. 				var a, b, c;
  636. 				switch(this.pickerPosition.toLowerCase()) {
  637. 					case 'left': a=1; b=0; c=-1; break;
  638. 					case 'right':a=1; b=0; c=1; break;
  639. 					case 'top':  a=0; b=1; c=-1; break;
  640. 					default:     a=0; b=1; c=1; break;
  641. 				}
  642. 				var l = (ts[b]+ps[b])/2;
  643. 				var pp = [ // picker pos
  644. 					-vp[a]+tp[a]+ps[a] > vs[a] ?
  645. 						(-vp[a]+tp[a]+ts[a]/2 > vs[a]/2 && tp[a]+ts[a]-ps[a] >= 0 ? tp[a]+ts[a]-ps[a] : tp[a]) :
  646. 						tp[a],
  647. 					-vp[b]+tp[b]+ts[b]+ps[b]-l+l*c > vs[b] ?
  648. 						(-vp[b]+tp[b]+ts[b]/2 > vs[b]/2 && tp[b]+ts[b]-l-l*c >= 0 ? tp[b]+ts[b]-l-l*c : tp[b]+ts[b]-l+l*c) :
  649. 						(tp[b]+ts[b]-l+l*c >= 0 ? tp[b]+ts[b]-l+l*c : tp[b]+ts[b]-l-l*c)
  650. 				];
  651. 				drawPicker(pp[a], pp[b]);
  652. 			}
  653. 		};
  654.  
  655.  
  656. 		this.importColor = function() {
  657. 			if(!valueElement) {
  658. 				this.exportColor();
  659. 			} else {
  660. 				if(!this.adjust) {
  661. 					if(!this.fromString(valueElement.value, leaveValue)) {
  662. 						styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
  663. 						styleElement.style.color = styleElement.jscStyle.color;
  664. 						this.exportColor(leaveValue | leaveStyle);
  665. 					}
  666. 				} else if(!this.required && /^\s*$/.test(valueElement.value)) {
  667. 					valueElement.value = '';
  668. 					styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
  669. 					styleElement.style.color = styleElement.jscStyle.color;
  670. 					this.exportColor(leaveValue | leaveStyle);
  671.  
  672. 				} else if(this.fromString(valueElement.value)) {
  673. 					// OK
  674. 				} else {
  675. 					this.exportColor();
  676. 				}
  677. 			}
  678. 		};
  679.  
  680.  
  681. 		this.exportColor = function(flags) {
  682. 			if(!(flags & leaveValue) && valueElement) {
  683. 				var value = this.toString();
  684. 				if(this.caps) { value = value.toUpperCase(); }
  685. 				if(this.hash) { value = '#'+value; }
  686. 				valueElement.value = value;
  687. 			}
  688. 			if(!(flags & leaveStyle) && styleElement) {
  689. 				styleElement.style.backgroundColor =
  690. 					'#'+this.toString();
  691. 				styleElement.style.color =
  692. 					0.213 * this.rgb[0] +
  693. 					0.715 * this.rgb[1] +
  694. 					0.072 * this.rgb[2]
  695. 					< 0.5 ? '#FFF' : '#000';
  696. 			}
  697. 			if(!(flags & leavePad) && isPickerOwner()) {
  698. 				redrawPad();
  699. 			}
  700. 			if(!(flags & leaveSld) && isPickerOwner()) {
  701. 				redrawSld();
  702. 			}
  703. 		};
  704.  
  705.  
  706. 		this.fromHSV = function(h, s, v, flags) { // null = don't change
  707. 			h<0 && (h=0) || h>6 && (h=6);
  708. 			s<0 && (s=0) || s>1 && (s=1);
  709. 			v<0 && (v=0) || v>1 && (v=1);
  710. 			this.rgb = HSV_RGB(
  711. 				h===null ? this.hsv[0] : (this.hsv[0]=h),
  712. 				s===null ? this.hsv[1] : (this.hsv[1]=s),
  713. 				v===null ? this.hsv[2] : (this.hsv[2]=v)
  714. 			);
  715. 			this.exportColor(flags);
  716. 		};
  717.  
  718.  
  719. 		this.fromRGB = function(r, g, b, flags) { // null = don't change
  720. 			r<0 && (r=0) || r>1 && (r=1);
  721. 			g<0 && (g=0) || g>1 && (g=1);
  722. 			b<0 && (b=0) || b>1 && (b=1);
  723. 			var hsv = RGB_HSV(
  724. 				r===null ? this.rgb[0] : (this.rgb[0]=r),
  725. 				g===null ? this.rgb[1] : (this.rgb[1]=g),
  726. 				b===null ? this.rgb[2] : (this.rgb[2]=b)
  727. 			);
  728. 			if(hsv[0] !== null) {
  729. 				this.hsv[0] = hsv[0];
  730. 			}
  731. 			if(hsv[2] !== 0) {
  732. 				this.hsv[1] = hsv[1];
  733. 			}
  734. 			this.hsv[2] = hsv[2];
  735. 			this.exportColor(flags);
  736. 		};
  737.  
  738.  
  739. 		this.fromString = function(hex, flags) {
  740. 			var m = hex.match(/^\W*([0-9A-F]{3}([0-9A-F]{3})?)\W*$/i);
  741. 			if(!m) {
  742. 				return false;
  743. 			} else {
  744. 				if(m[1].length === 6) { // 6-char notation
  745. 					this.fromRGB(
  746. 						parseInt(m[1].substr(0,2),16) / 255,
  747. 						parseInt(m[1].substr(2,2),16) / 255,
  748. 						parseInt(m[1].substr(4,2),16) / 255,
  749. 						flags
  750. 					);
  751. 				} else { // 3-char notation
  752. 					this.fromRGB(
  753. 						parseInt(m[1].charAt(0)+m[1].charAt(0),16) / 255,
  754. 						parseInt(m[1].charAt(1)+m[1].charAt(1),16) / 255,
  755. 						parseInt(m[1].charAt(2)+m[1].charAt(2),16) / 255,
  756. 						flags
  757. 					);
  758. 				}
  759. 				return true;
  760. 			}
  761. 		};
  762.  
  763.  
  764. 		this.toString = function() {
  765. 			return (
  766. 				(0x100 | Math.round(255*this.rgb[0])).toString(16).substr(1) +
  767. 				(0x100 | Math.round(255*this.rgb[1])).toString(16).substr(1) +
  768. 				(0x100 | Math.round(255*this.rgb[2])).toString(16).substr(1)
  769. 			);
  770. 		};
  771.  
  772.  
  773. 		function RGB_HSV(r, g, b) {
  774. 			var n = Math.min(Math.min(r,g),b);
  775. 			var v = Math.max(Math.max(r,g),b);
  776. 			var m = v - n;
  777. 			if(m === 0) { return [ null, 0, v ]; }
  778. 			var h = r===n ? 3+(b-g)/m : (g===n ? 5+(r-b)/m : 1+(g-r)/m);
  779. 			return [ h===6?0:h, m/v, v ];
  780. 		}
  781.  
  782.  
  783. 		function HSV_RGB(h, s, v) {
  784. 			if(h === null) { return [ v, v, v ]; }
  785. 			var i = Math.floor(h);
  786. 			var f = i%2 ? h-i : 1-(h-i);
  787. 			var m = v * (1 - s);
  788. 			var n = v * (1 - s*f);
  789. 			switch(i) {
  790. 				case 6:
  791. 				case 0: return [v,n,m];
  792. 				case 1: return [n,v,m];
  793. 				case 2: return [m,v,n];
  794. 				case 3: return [m,n,v];
  795. 				case 4: return [n,m,v];
  796. 				case 5: return [v,m,n];
  797. 			}
  798. 		}
  799.  
  800.  
  801. 		function removePicker() {
  802. 			delete jscolor.picker.owner;
  803. 			document.getElementsByTagName('body')[0].removeChild(jscolor.picker.boxB);
  804. 		}
  805.  
  806.  
  807. 		function drawPicker(x, y) {
  808. 			try {
  809. 			if(!jscolor.picker) {
  810. 				jscolor.picker = {
  811. 					box : document.createElement('div'),
  812. 					boxB : document.createElement('div'),
  813. 					pad : document.createElement('div'),
  814. 					padB : document.createElement('div'),
  815. 					padM : document.createElement('div'),
  816. 					sld : document.createElement('div'),
  817. 					sldB : document.createElement('div'),
  818. 					sldM : document.createElement('div')
  819. 				};
  820. 				for(var i=0,segSize=4; i<jscolor.images.sld[1]; i+=segSize) {
  821. 					var seg = document.createElement('div');
  822. 					seg.style.height = segSize+'px';
  823. 					seg.style.fontSize = '1px';
  824. 					seg.style.lineHeight = '0';
  825. 					jscolor.picker.sld.appendChild(seg);
  826. 				}
  827. 				jscolor.picker.sldB.appendChild(jscolor.picker.sld);
  828. 				jscolor.picker.box.appendChild(jscolor.picker.sldB);
  829. 				jscolor.picker.box.appendChild(jscolor.picker.sldM);
  830. 				jscolor.picker.padB.appendChild(jscolor.picker.pad);
  831. 				jscolor.picker.box.appendChild(jscolor.picker.padB);
  832. 				jscolor.picker.box.appendChild(jscolor.picker.padM);
  833. 				jscolor.picker.boxB.appendChild(jscolor.picker.box);
  834. 			}
  835.  
  836. 			var p = jscolor.picker;
  837. /* between here*/
  838. 			// recompute controls positions
  839. 			posPad = [
  840. 				x+THIS.pickerBorder+THIS.pickerFace+THIS.pickerInset,
  841. 				y+THIS.pickerBorder+THIS.pickerFace+THIS.pickerInset ];
  842. 			posSld = [
  843. 				null,
  844. 				y+THIS.pickerBorder+THIS.pickerFace+THIS.pickerInset ];
  845.  
  846. 			// controls interaction
  847. 			var func1 = function() { target.focus(); };
  848. 			var func2 = function() { if(holdPad) { holdPad=false; jscolor.fireEvent(valueElement,'change'); } };
  849. 			var func3 = function(e) {holdPad=true; setPad(e); };
  850. 			var func4 = function() { if(holdSld) { holdSld=false; jscolor.fireEvent(valueElement,'change'); } };
  851. 			p.box.addEventListener('mouseup',func1,false);
  852. 			p.box.addEventListener('mouseout',func1,false);
  853. 			p.box.addEventListener('mousedown',function() { abortBlur=true; },false);
  854. 			p.box.addEventListener('mousemove',function(e) {holdPad && setPad(e); holdSld && setSld(e); },false);
  855. 			p.padM.addEventListener('mouseup',func2,false);
  856. 			p.padM.addEventListener('mouseout',func2,false);	
  857. 			p.padM.addEventListener('mousedown',func3,true);
  858. 			p.sldM.addEventListener('mouseup',func4,false);
  859. 			p.sldM.addEventListener('mouseout',func4,false);		
  860. 			p.sldM.addEventListener('mousedown',function(e) {holdSld=true; setSld(e); },false);
  861.  
  862. /* and here*/
  863. 			// picker
  864. 			p.box.style.width = 4*THIS.pickerInset + 2*THIS.pickerFace + jscolor.images.pad[0] + 2*jscolor.images.arrow[0] + jscolor.images.sld[0] + 'px';
  865. 			p.box.style.height = 2*THIS.pickerInset + 2*THIS.pickerFace + jscolor.images.pad[1] + 'px';
  866.  
  867. 			// picker border
  868. 			p.boxB.style.position = 'absolute';
  869. 			p.boxB.style.clear = 'both';
  870. 			p.boxB.style.left = x+'px';
  871. 			p.boxB.style.top = y+'px';
  872. 			p.boxB.style.zIndex = THIS.pickerZIndex;
  873. 			p.boxB.style.border = THIS.pickerBorder+'px solid';
  874. 			p.boxB.style.borderColor = THIS.pickerBorderColor;
  875. 			p.boxB.style.background = THIS.pickerFaceColor;
  876.  
  877. 			// pad image
  878. 			p.pad.style.width = jscolor.images.pad[0]+'px';
  879. 			p.pad.style.height = jscolor.images.pad[1]+'px';
  880.  
  881. 			// pad border
  882. 			p.padB.style.position = 'absolute';
  883. 			p.padB.style.left = THIS.pickerFace+'px';
  884. 			p.padB.style.top = THIS.pickerFace+'px';
  885. 			p.padB.style.border = THIS.pickerInset+'px solid';
  886. 			p.padB.style.borderColor = THIS.pickerInsetColor;
  887.  
  888. 			// pad mouse area
  889. 			p.padM.style.position = 'absolute';
  890. 			p.padM.style.left = '0';
  891. 			p.padM.style.top = '0';
  892. 			p.padM.style.width = THIS.pickerFace + 2*THIS.pickerInset + jscolor.images.pad[0] + jscolor.images.arrow[0] + 'px';
  893. 			p.padM.style.height = p.box.style.height;
  894. 			p.padM.style.cursor = 'crosshair';
  895.  
  896. 			// slider image
  897. 			p.sld.style.overflow = 'hidden';
  898. 			p.sld.style.width = jscolor.images.sld[0]+'px';
  899. 			p.sld.style.height = jscolor.images.sld[1]+'px';
  900.  
  901. 			// slider border
  902. 			p.sldB.style.position = 'absolute';
  903. 			p.sldB.style.right = THIS.pickerFace+'px';
  904. 			p.sldB.style.top = THIS.pickerFace+'px';
  905. 			p.sldB.style.border = THIS.pickerInset+'px solid';
  906. 			p.sldB.style.borderColor = THIS.pickerInsetColor;
  907.  
  908. 			// slider mouse area
  909. 			p.sldM.style.position = 'absolute';
  910. 			p.sldM.style.right = '0';
  911. 			p.sldM.style.top = '0';
  912. 			p.sldM.style.width = jscolor.images.sld[0] + jscolor.images.arrow[0] + THIS.pickerFace + 2*THIS.pickerInset + 'px';
  913. 			p.sldM.style.height = p.box.style.height;
  914. 			try {
  915. 				p.sldM.style.cursor = 'pointer';
  916. 			} catch(eOldIE) {
  917. 				p.sldM.style.cursor = 'hand';
  918. 			}
  919.  
  920. 			// load images in optimal order
  921. 			switch(modeID) {
  922. 				case 0: var padImg = 'hs.png'; break;
  923. 				case 1: var padImg = 'hv.png'; break;
  924. 			}
  925. 			p.padM.style.background = "url('http://img6.imagebanana.com/img/5y4xelsm/cross.gif') no-repeat";
  926. 			p.sldM.style.background = "url('http://img7.imagebanana.com/img/8pk4oq7e/arrow.gif') no-repeat";
  927. 			p.pad.style.background = "url('http://jscolor.com/jscolor/"+padImg+"') 0 0 no-repeat";
  928.  
  929. 			// place pointers
  930. 			redrawPad();
  931. 			redrawSld();
  932.  
  933. 			jscolor.picker.owner = THIS;
  934. 			document.getElementsByTagName('body')[0].appendChild(p.boxB);
  935. 			}catch(e) {
  936. 				document.body.innerHTML += (e);
  937. 			}
  938. 		}
  939.  
  940.  
  941. 		function redrawPad() {
  942. 			// redraw the pad pointer
  943. 			switch(modeID) {
  944. 				case 0: var yComponent = 1; break;
  945. 				case 1: var yComponent = 2; break;
  946. 			}
  947. 			var x = Math.round((THIS.hsv[0]/6) * (jscolor.images.pad[0]-1));
  948. 			var y = Math.round((1-THIS.hsv[yComponent]) * (jscolor.images.pad[1]-1));
  949. 			jscolor.picker.padM.style.backgroundPosition =
  950. 				(THIS.pickerFace+THIS.pickerInset+x - Math.floor(jscolor.images.cross[0]/2)) + 'px ' +
  951. 				(THIS.pickerFace+THIS.pickerInset+y - Math.floor(jscolor.images.cross[1]/2)) + 'px';
  952.  
  953. 			// redraw the slider image
  954. 			var seg = jscolor.picker.sld.childNodes;
  955.  
  956. 			switch(modeID) {
  957. 				case 0:
  958. 					var rgb = HSV_RGB(THIS.hsv[0], THIS.hsv[1], 1);
  959. 					for(var i=0; i<seg.length; i+=1) {
  960. 						seg[i].style.backgroundColor = 'rgb('+
  961. 							(rgb[0]*(1-i/seg.length)*100)+'%,'+
  962. 							(rgb[1]*(1-i/seg.length)*100)+'%,'+
  963. 							(rgb[2]*(1-i/seg.length)*100)+'%)';
  964. 					}
  965. 					break;
  966. 				case 1:
  967. 					var rgb, s, c = [ THIS.hsv[2], 0, 0 ];
  968. 					var i = Math.floor(THIS.hsv[0]);
  969. 					var f = i%2 ? THIS.hsv[0]-i : 1-(THIS.hsv[0]-i);
  970. 					switch(i) {
  971. 						case 6:
  972. 						case 0: rgb=[0,1,2]; break;
  973. 						case 1: rgb=[1,0,2]; break;
  974. 						case 2: rgb=[2,0,1]; break;
  975. 						case 3: rgb=[2,1,0]; break;
  976. 						case 4: rgb=[1,2,0]; break;
  977. 						case 5: rgb=[0,2,1]; break;
  978. 					}
  979. 					for(var i=0; i<seg.length; i+=1) {
  980. 						s = 1 - 1/(seg.length-1)*i;
  981. 						c[1] = c[0] * (1 - s*f);
  982. 						c[2] = c[0] * (1 - s);
  983. 						seg[i].style.backgroundColor = 'rgb('+
  984. 							(c[rgb[0]]*100)+'%,'+
  985. 							(c[rgb[1]]*100)+'%,'+
  986. 							(c[rgb[2]]*100)+'%)';
  987. 					}
  988. 					break;
  989. 			}
  990. 		}
  991.  
  992.  
  993. 		function redrawSld() {
  994. 			// redraw the slider pointer
  995. 			switch(modeID) {
  996. 				case 0: var yComponent = 2; break;
  997. 				case 1: var yComponent = 1; break;
  998. 			}
  999. 			var y = Math.round((1-THIS.hsv[yComponent]) * (jscolor.images.sld[1]-1));
  1000. 			jscolor.picker.sldM.style.backgroundPosition =
  1001. 				'0 ' + (THIS.pickerFace+THIS.pickerInset+y - Math.floor(jscolor.images.arrow[1]/2)) + 'px';
  1002. 		}
  1003.  
  1004.  
  1005. 		function isPickerOwner() {
  1006. 			return jscolor.picker && jscolor.picker.owner === THIS;
  1007. 		}
  1008.  
  1009.  
  1010. 		function blurTarget() {
  1011. 			if(valueElement === target) {
  1012. 				THIS.importColor();
  1013. 			}
  1014. 			if(THIS.pickerOnfocus) {
  1015. 				THIS.hidePicker();
  1016. 			}
  1017. 		}
  1018.  
  1019.  
  1020. 		function blurValue() {
  1021. 			if(valueElement !== target) {
  1022. 				THIS.importColor();
  1023. 			}
  1024. 		}
  1025.  
  1026.  
  1027. 		function setPad(e) {
  1028. 			var posM = jscolor.getMousePos(e);
  1029. 			var x = posM[0]-posPad[0];
  1030. 			var y = posM[1]-posPad[1];
  1031. 			switch(modeID) {
  1032. 				case 0: THIS.fromHSV(x*(6/(jscolor.images.pad[0]-1)), 1 - y/(jscolor.images.pad[1]-1), null, leaveSld); break;
  1033. 				case 1: THIS.fromHSV(x*(6/(jscolor.images.pad[0]-1)), null, 1 - y/(jscolor.images.pad[1]-1), leaveSld); break;
  1034. 			}
  1035. 		}
  1036.  
  1037.  
  1038. 		function setSld(e) {
  1039. 			var posM = jscolor.getMousePos(e);
  1040. 			var y = posM[1]-posPad[1];
  1041. 			switch(modeID) {
  1042. 				case 0: THIS.fromHSV(null, null, 1 - y/(jscolor.images.sld[1]-1), leavePad); break;
  1043. 				case 1: THIS.fromHSV(null, 1 - y/(jscolor.images.sld[1]-1), null, leavePad); break;
  1044. 			}
  1045. 		}
  1046.  
  1047.  
  1048. 		var THIS = this;
  1049. 		var modeID = this.pickerMode.toLowerCase()==='hvs' ? 1 : 0;
  1050. 		var abortBlur = false;
  1051. 		var
  1052. 			valueElement = jscolor.fetchElement(this.valueElement),
  1053. 			styleElement = jscolor.fetchElement(this.styleElement);
  1054. 		var
  1055. 			holdPad = false,
  1056. 			holdSld = false;
  1057. 		var
  1058. 			posPad,
  1059. 			posSld;
  1060. 		var
  1061. 			leaveValue = 1<<0,
  1062. 			leaveStyle = 1<<1,
  1063. 			leavePad = 1<<2,
  1064. 			leaveSld = 1<<3;
  1065.  
  1066. 		// target
  1067. 		jscolor.addEvent(target, 'focus', function() {
  1068. 			if(THIS.pickerOnfocus) { THIS.showPicker(); }
  1069. 		});
  1070. 		jscolor.addEvent(target, 'blur', function() {
  1071. 			if(!abortBlur) {
  1072. 				window.setTimeout(function(){ abortBlur || blurTarget(); abortBlur=false; }, 0);
  1073. 			} else {
  1074. 				abortBlur = false;
  1075. 			}
  1076. 		});
  1077.  
  1078. 		// valueElement
  1079. 		if(valueElement) {
  1080. 			var updateField = function() {
  1081. 				THIS.fromString(valueElement.value, leaveValue);
  1082. 			};
  1083. 			jscolor.addEvent(valueElement, 'keyup', updateField);
  1084. 			jscolor.addEvent(valueElement, 'input', updateField);
  1085. 			jscolor.addEvent(valueElement, 'blur', blurValue);
  1086. 			valueElement.setAttribute('autocomplete', 'off');
  1087. 		}
  1088.  
  1089. 		// styleElement
  1090. 		if(styleElement) {
  1091. 			styleElement.jscStyle = {
  1092. 				backgroundColor : styleElement.style.backgroundColor,
  1093. 				color : styleElement.style.color
  1094. 			};
  1095. 		}
  1096.  
  1097. 		// require images
  1098. 		switch(modeID) {
  1099. 			case 0: jscolor.requireImage('hs.png'); break;
  1100. 			case 1: jscolor.requireImage('hv.png'); break;
  1101. 		}
  1102. 		jscolor.requireImage('cross.gif');
  1103. 		jscolor.requireImage('arrow.gif');
  1104.  
  1105. 		this.importColor();
  1106. 	}
  1107.  
  1108. };
  1109. jscolor.install();
  1110.  
  1111.  
  1112. var oldVersion = document.getElementsByClassName('zleft profile-data').length == 0;
  1113. if (!document.getElementById('smilies'))
  1114. 	init_shoutbox();
  1115.  
  1116. function init_shoutbox() {
  1117. 	var url = document.location.href;
  1118. 	if(url.match(/gang/) && !oldVersion) {
  1119. 		var name = 'f_text';
  1120. 		if (!document.getElementById('smilies'))
  1121. 			window.setTimeout(function() {init_shoutbox()}, 3000);
  1122. 		if (!document.getElementById(name))
  1123. 			exit;
  1124. 		var textarea = $(name);
  1125. 		var value = textarea.value;
  1126. 	} else if(!url.match(/settings/)) {
  1127. 		var textarea = $('f_text');
  1128. 		var value = textarea.value;
  1129. 		var name = 'f_text';
  1130. 	} else {
  1131. 		var textarea = document.getElementsByTagName('textarea')[0];
  1132. 		var value = textarea.value;
  1133. 		var name = 'description';
  1134. 	}
  1135. 	var par_div = textarea.parentNode;
  1136. 	par_div.innerHTML = "";
  1137. 	par_div.style.textAlign='center';
  1138. 	par_div.appendChild(createElement('style',{type:'text/css'},'#smilies,#buttons { text-align:center;}'));
  1139. 	par_div.appendChild(createElement('textarea',{id:'f_text',name:name,style:'width:98%',rows:7},value));
  1140. 	par_div.appendChild(createElement('div',{id:'smilies',width:'98%'}));
  1141. 	par_div.appendChild(createElement('div',{id:'buttons',width:'98%'}));
  1142. 	editor.init($('f_text'),$('smilies'),$('buttons'));	
  1143. 	add_funcs();
  1144. 	par_div.appendChild(createElement('span',{},language.chose_color));
  1145. 	par_div.appendChild(createElement('input',{class:'color',id:'color'}));
  1146. 	myColor = new jscolor.color($('color'));
  1147. 	par_div.appendChild(createElement('br'));
  1148. 	par_div.appendChild(createElement('input',{type:'submit',value:language.send,name:'submit'}));
  1149. 	par_div.appendChild(createElement('input',{id:'prev',value:language.preview,type:'button'}));
  1150. 	par_div.appendChild(createElement('div',{id:'preview',width:'98%',style:'border:1px solid #222;text-align:left;padding:5px;'},'<center>'+language.preview_window+'</center>'));
  1151. 	editor.addPreview($('prev'),$('preview'));	
  1152. 	par_div.appendChild(createElement('div',{id:'update',width:'98%',style:'border:1px solid #222;text-align:left;padding:5px;'}));
  1153. }
  1154. function createElement(type,attrs,inner) {
  1155. 	var tmp_elem = document.createElement(type);
  1156. 	if(!attrs) return tmp_elem;
  1157. 	for(var att_name in attrs) {
  1158. 		tmp_elem.setAttribute(att_name,attrs[att_name]);
  1159. 	}
  1160. 	if(inner==null || inner=='undefined') return tmp_elem;
  1161. 	tmp_elem.innerHTML = inner;
  1162. 	return tmp_elem;
  1163. }
  1164. function add_funcs() {
  1165. //normal
  1166.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_smilenew.gif');
  1167.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_begeistert.gif');
  1168.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_wink.gif');
  1169.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_verlegen.gif');
  1170.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_stevieh_seufz.gif');
  1171.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_megagrin.gif');
  1172.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_xd.gif');
  1173.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_fies.gif');
  1174.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts260.gif');
  1175.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_razz.gif');
  1176.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts23.gif');
  1177.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_papiertuete-kopf.gif');
  1178.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_lachtot.gif');
  1179.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_stumm.gif');
  1180.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_schweig.gif');
  1181.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_thumbs-up_new.gif');
  1182.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_no_sad.gif');
  1183.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_nosmile.gif');
  1184.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_unknownauthor_wink.gif');
  1185.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_frown.gif');
  1186.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_confused2.gif');
  1187.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_wp-question.gif');
  1188.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_wp-exclaim.gif');
  1189.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_wp-idea.gif');
  1190.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_kaffee2.gif');
  1191.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_blaues-auge.gif');
  1192.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_winken4.gif');
  1193.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_wink_gruen.gif');
  1194.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_applaus.gif');
  1195.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_bravo2.gif');
  1196.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_kolobok-hallo-kappe.gif');
  1197.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_baeh2.gif');
  1198.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_uergs.gif');
  1199.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_hecheln2.gif');
  1200.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_xp-ani01b.gif');
  1201.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_igitt.gif');
  1202.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_unknownauthor_bigtongue.gif');
  1203.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_nixweiss.gif');
  1204.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_gaehn.gif');
  1205.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_sleep.gif');
  1206.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_dream1.gif');
  1207.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_grab-schaufler2.gif');
  1208.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_panik3.gif');
  1209.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_panik.gif');
  1210.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_eek.gif');
  1211.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_scream-if-you-can.gif');
  1212.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_censored_GREEN.gif');
  1213.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_explode_GREEN.gif');
  1214.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts200.gif');
  1215.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_irre.gif');
  1216.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_aufsmaul.gif');
  1217.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_kotz.gif');
  1218.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_blog-messias.gif');
  1219.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_charly_rofl.gif');
  1220.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_blush-reloaded10.gif');
  1221.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_blush-pfeif.gif');
  1222.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_headset2.gif');
  1223.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_party.gif');
  1224.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_bier.gif');
  1225.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_fliegebaseball.gif');
  1226.     editor.addSmilie('http://www.tribuforex.fr/forum/img/smilies/smiley-vert-73.gif');
  1227.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts141.gif');
  1228.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts312.gif');
  1229.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts101.gif');
  1230.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts341.gif');
  1231.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts126.gif');
  1232.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts41.gif');
  1233.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts164.gif');
  1234.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts177.gif');
  1235.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts334.gif');
  1236.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts303.gif');
  1237.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts330.gif');
  1238.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts51.gif');
  1239.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts272.gif');
  1240.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts246.gif');
  1241.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts274.gif');
  1242.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts276.gif');
  1243.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts160.gif');
  1244.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts331.gif');
  1245.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts146.gif');
  1246.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts302.gif');
  1247.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts37.gif');
  1248.     editor.addSmilie('http://www.emoticonland.net/smileys/verts/verts50.gif');
  1249.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_helpnew.gif');
  1250.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_lol.gif');
  1251.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_mrgreen-dance.gif');
  1252.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_unknownauthor_respekt.gif');
  1253.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_lovelove_dark.gif');
  1254.     editor.addSmilie('http://www.emoticonland.net/smileys/boulets/boulet001.gif');
  1255.     editor.addSmilie('http://www.emoticonland.net/smileys/boulets/boul02.gif');
  1256.     editor.addSmilie('http://www.emoticonland.net/smileys/lol/lol003.gif');
  1257.     editor.addSmilie('http://www.emoticonland.net/smileys/bonjour/bonjour015.gif');
  1258.     editor.addSmilie('http://www.madhatter.free.fr/smileys/fouet.gif');
  1259.     editor.addSmilie('http://www.emoticonland.net/smileys/violents/violenc266.jpg');
  1260.     editor.addSmilie('http://www.emoticonland.net/smileys/panneaux/panneaux008.gif');
  1261.     editor.addSmilie('http://www.emoticonland.net/smileys/panneaux/pann205.gif');
  1262.     editor.addSmilie('http://www.emoticonland.net/smileys/panneaux/panne154.gif');
  1263.     editor.addSmilie('http://www.kolobok.us/smiles/light_skin/curtsey.gif');
  1264.     editor.addSmilie('http://tigresse004.t.i.pic.centerblog.net/5bfb908b.gif');
  1265.     editor.addSmilie('http://tigresse004.t.i.pic.centerblog.net/tfjjpy15.gif');
  1266.     editor.addSmilie('http://board.pennergame.de/images/smilies/smilie_girl_170.gif');
  1267.     editor.addSmilie('http://www.kolobok.us/smiles/big_he_and_she/girl_hospital2.gif');
  1268.     editor.addSmilie('http://www.kolobok.us/smiles/artists/laie/Laie_87B.gif');
  1269.     editor.addSmilie('http://www.kolobok.us/smiles/artists/big/Aiwan-JC_empathy4.gif');
  1270.     editor.addSmilie('http://www.kolobok.us/smiles/user/Vala_05.gif');
  1271.     editor.addSmilie('http://www.kolobok.us/smiles/standart/help.gif');
  1272.     editor.addSmilie('http://www.kolobok.us/smiles/standart/cray.gif');
  1273.     editor.addSmilie('http://www.kolobok.us/smiles/standart/dance4.gif');
  1274.     editor.addSmilie('http://www.kolobok.us/smiles/personal/beach.gif');
  1275.     editor.addSmilie('http://www.kolobok.us/smiles/remake/rtfm.gif');
  1276.     editor.addSmilie('http://www.kolobok.us/smiles/big_standart/empathy.gif');
  1277.     editor.addSmilie('http://www.kolobok.us/smiles/big_standart/i_am_so_happy.gif');
  1278.     editor.addSmilie('http://www.kolobok.us/smiles/big_standart/flag_of_truce.gif');
  1279.     editor.addSmilie('http://www.kolobok.us/smiles/big_he_and_she/girl_blum.gif');
  1280.     editor.addSmilie('http://www.kolobok.us/smiles/big_he_and_she/girl_cray.gif');
  1281.     editor.addSmilie('http://www.kolobok.us/smiles/big_he_and_she/girl_haha.gif');
  1282.     editor.addSmilie('http://www.kolobok.us/smiles/big_he_and_she/girl_flag_of_truce.gif');
  1283.     editor.addSmilie('http://www.kolobok.us/smiles/artists/vishenka/d_sunny.gif');
  1284.     editor.addSmilie('http://www.kolobok.us/smiles/user/crigon_03.gif');
  1285.     editor.addSmilie('http://www.kolobok.us/smiles/user/crigon_02.gif');
  1286.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_stevieh_teddy.gif');
  1287.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_auslachen2.gif');
  1288.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_knackarsch.gif');
  1289.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_danke_FR.gif');
  1290.     editor.addSmilie('http://board.pennergame.de/images/smilies/peace.gif');
  1291.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_mttao_star_wars.gif');
  1292.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_fips_baeh2.gif');
  1293.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_dinosaurier04.gif');
  1294.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_fips_aufsmaul.gif');
  1295.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_feuer_dance2.gif');
  1296.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_fips_fuck.gif');
  1297.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_fips_bigtongue.gif');
  1298.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_auslachen2.gif');
  1299.     editor.addSmilie('http://sd-4.archive-host.com/membres/images/124877394352349516/smiley_2/forum-1148.gif');
  1300.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_charly_staubsaugen.gif');
  1301.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_seb_browser-chrome1.gif');
  1302.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_ostern_eckbanner01a.gif');
  1303.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_charly_doppelknuddel_gr.gif');
  1304.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_ballon2.gif');
  1305.     editor.addSmilie('http://sd-4.archive-host.com/membres/images/124877394352349516/smiley_2/forum-1148.gif');
  1306.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_irony.gif');
  1307.     editor.addSmilie('http://r23.imgfast.net/users/2312/10/06/32/smiles/82028.gif');
  1308.     editor.addSmilie('http://sd-4.archive-host.com/membres/images/124877394352349516/smiley/lollol360.gif');
  1309.     editor.addSmilie('http://www.smiley-lol.com/smiley/ordinateurs/pancartes/bienvenue.gif');
  1310.     editor.addSmilie('http://www.smiley-lol.com/smiley/ordinateurs/pancartes/no.gif');
  1311.     editor.addSmilie('http://www.smiley-lol.com/smiley/ordinateurs/pancartes/yes.gif');
  1312.     editor.addSmilie('http://www.smiley-lol.com/smiley/ordinateurs/pancartes/panthankyou.gif');
  1313.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_mttao_hinterlistig.gif');
  1314.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_hurra_fruehling6.gif');
  1315.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_rennrad.gif');
  1316.     editor.addSmilie('http://www.greensmilies.com/smile/smiley_emoticons_ventilator.gif');	editor.lineBreak();
  1317. 	editor.lineBreak();
  1318. 	
  1319. 	editor.addBBCode('b');
  1320. 	editor.addBBCode('i');
  1321. 	editor.addBBCode('u');
  1322. 	editor.addExtendetBBCode('color',language.help.color);	
  1323. 	editor.addExtendetBBCode('quote',language.help.quote);	
  1324. 	editor.addExtendetBBCode('url',language.help.url);	
  1325. 	editor.addBBCode('img');
  1326. 	editor.addBBCode('marquee');	
  1327. 	editor.addBBCode('center');
  1328. 	
  1329. 	editor.addBBCode('big');
  1330. 	editor.addBBCode('small');
  1331. 	editor.addBBCode('ref');
  1332. 	editor.addBBCode('youtube_m');	
  1333. }
  1334. //updatefunktion 
  1335. function update(){		
  1336. 	var now = (new Date().getTime()/86400000).toString().split('\.')[0];
  1337. 	var last_update = GM_getValue('last_update','0');
  1338. 	if (now-last_update >= 1){
  1339. 		GM_xmlhttpRequest({
  1340. 			method: 'GET',
  1341. 			url: 'http://userscripts.org/scripts/source/'+ScriptID+'.meta.js',
  1342. 			onload: function(content) {
  1343. 				var scriptname = (/@name\s*(.*?)\s*$/m.exec(content.responseText))[1];
  1344. 				var newversionhistory = (/@version\s*(.*?)\s*$/m.exec(content.responseText))[1];
  1345. 				var newversion = (/@version\s*(.*?)\s*$/m.exec(content.responseText))[1].substr(0, 3);
  1346. 				if (newversion != version){
  1347. 					if (confirm('Es gibt eine neue Version des Skriptes '+scriptname+':\n\nVersion: \n'+newversionhistory+'\n\nDie neue Version kann Fehlerbehebungen und/oder neue Funktionen beinhalten.\nHier gibt es weitere Infos &uuml;ber die neue Version:\n\n '+THISSCRIPTINSTALL_URLQ+'\n\nEine Aktualisierung ist empfehlenswert und kann direkt anschliessend durchgeführt werden.\n\nHinweis: Die Überprüfung auf neue Versionen wird nur einmal pro Tag durchgeführt.')){
  1348. 						window.location.href = ''+THISSCRIPTSOURCE_URLQ+'';
  1349. 					}
  1350. 				}
  1351. 			}
  1352. 		}, false);
  1353. 		GM_setValue('last_update', now);
  1354. 	}
  1355. }