SMarkUp.registerAddOns(
	{
		name: 'commons',
		style: true,
		addons: {
			specialChars: {
				name: 'omega',
				dialog: {
					content: function(content) {
						
						var chars 	 = [' ','¡','¢','£','¥','§','¨','©','«','¬','®','°','±','´','µ','¶','·','¸','»','¿','À','Á','Â','Ã','Ä','Å','Æ','Ç','È','É','Ê','Ë','Ì','Í','Î','Ï','Ñ','Ò','Ó','Ô','Õ','Ö','Ø','Ù','Ú','Û','Ü','ß','à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ñ','ò','ó','ô','õ','ö','÷','ø','ù','ú','&ucirc','&uuml','ÿ','‚','ƒ','„','…','†','‡','ˆ','‰','‹','Œ','‘','’','“','”','•','–','—','˜','™','›','œ','Ÿ'],
							table 	 = '<table class="smarkup-special-chars"><tbody>{rows}</tbody></table>',
							tr  	 = '<tr>{cols}</tr>',
							td 		 = '<td><a href="#">{char}</a></td>',
							rowCount = chars.length / 11,
							rows 	 = [];
			
						for (var i = 0; i < rowCount; i++) {
							var cols = [];
							for (var j = i * 11; j < (i * 11 + 11); j++) {
								cols.push(td.replace('{char}', chars[j]));
							}
							rows.push(tr.replace('{cols}', cols.join('')));
						}
						
						content.innerHTML = table.replace('{rows}', rows.join(''));
						
					},
					events: {
						onclick: function(e, fields) {
							this.paste((e.target || e.srcElement).innerHTML);
							this.hideDialog();
						}
					}
				}
			}, //end special chars
			colorPicker: {
				name: 'color',
				dialog: {
					
					content: function(content) {
						
						var r = g = b = 0,
							values = ['00', '33', '66', '99', 'CC', 'FF'];
				  
						var res = [];
						for (i = 0; i < 9; i++) {						    
							for (j = 0; j < 24; j++) {				
								res.push(values[r] + values[g] + values[b++]);
								if (b == values.length) {
									g++;
									b = 0;
								}
								if (g == 6) {
									r++;
									g = 0;
								}									
							}								
						}
						
						var rowCount = res.length / 18,
							table 	 = '<table cellspacing="0" class="smarkup-special-colors"><tbody>{rows}</tbody></table>',
							tr  	 = '<tr>{cols}</tr>',
							td 		 = '<td><a href="#" style="background-color: #{color};" rel="#{color}"></a></td>',
							rows	 = [];
						
						for (var i = 0; i < rowCount; i++) {
							var cols = [];
							for (var j = i * 18; j < (i * 18 + 18); j++) {
								cols.push(td.replace(new RegExp('{color}', 'g'), res[j]));
							}
							rows.push(tr.replace('{cols}', cols.join('')));
						}
						
						content.innerHTML = table.replace('{rows}', rows.join(''));
						
					},
					events: {
						onclick: function(e) {
							this.paste((e.target || e.srcElement).rel);
							this.hideDialog();
							return false;
						}
					}
				}
			}
		}
	}
);