☰

cendoldarkbb-qrfixer

darkbb-fixer (phpBB)

  1. // ==UserScript==
  2. // @name           cendoldarkbb-qrfixer
  3. // @namespace      http://userscripts.org/scripts/show/101076
  4. // @description    darkbb-fixer (phpBB) 
  5. // @author         idx (http://userscripts.org/users/idx)
  6. // @license        (CC) by-nc-sa 3.0
  7. // @include        http://*.darkbb.com/*
  8. // @match          http://*.darkbb.com/*
  9. // @version        0.7
  10. // @timestamp      1309373780487
  11. // ==/UserScript==
  12. // -!--latestupdate
  13. //
  14. // v0.7 - 2011-06-30
  15. //   Improve PM send-to like kaskus forum (vBulletin)
  16. //
  17. // v0.6 - 2011-04-26
  18. //   Fix failed shortcut
  19. //
  20. // -/!latestupdate---
  21. (function(){
  22. // Initialize Global Variables
  23. var gvar=function(){};
  24.  
  25. gvar.__DEBUG__ = false;
  26. /*
  27. javascript:window.alert(new Date().getTime());
  28. */
  29.  
  30. function init(){
  31.   
  32.   gvar.img_path= "http://illiweb.com/fa/wysiwyg/";
  33.   gvar.id_textarea= "text_editor_textarea";
  34.   
  35.   gvar.domain = location.protocol+'//'+location.host+'/';
  36.   gvar.pathloc = location.pathname||'';
  37.   
  38.   gvar.search_path = '';
  39.   
  40.   gvar.pasangan= rSRC.getSetOf('pasangan');
  41.   gvar.coloroptions= rSRC.getSetOf('color');
  42.   gvar.fontoptions= rSRC.getSetOf('font');
  43.   gvar.sizeoptions= rSRC.getSetOf('size'); 
  44.   
  45.   getAuth();
  46.   // --------
  47.   
  48.   // let's roll
  49.   if(gvar.auth) 
  50.     start_Main();  
  51.   
  52.   if(gvar.pathloc=='/privmsg') 
  53.     event_txta();  
  54. }
  55.  
  56. function start_Main(){
  57.   var par,el, vB01='vB_Editor_001';
  58.   
  59.   // relayout current editor
  60.   relayout_tpl();
  61.   
  62.   // place global style
  63.   GM_addGlobalStyle( rSRC.getCSS(), 'css_darkbb', true );
  64.  
  65.   if($D('#text_editor_controls'))
  66.     $D('#text_editor_controls').innerHTML = rSRC.getTPL_qr_control();
  67.  
  68.   if(Dom.g(gvar.id_textarea))
  69.     on('keydown',Dom.g(gvar.id_textarea),function(e){return is_keypress_pressed(e)});  
  70.   
  71.   // event for each element
  72.   for(var id in gvar.pasangan){
  73.     if(!isString(gvar.pasangan[id])) continue;
  74.  
  75. 	if(el=$D(id)) switch(gvar.pasangan[id]){
  76. 	  case "Bold":case "Ital.":case "Underl.":case "Strike":case "Left":case "Center":case "Right":case "Justified":
  77. 		on('click',el,function(e){do_align_BIU(e)});
  78. 	  break;
  79. 	  
  80. 	  case "Quote":case "Code":case "Image":case "Link":case "Video":
  81. 	   on('click',el,function(e){do_btncustom(e)});
  82. 	  break;
  83. 	  case "line_break":
  84. 	   on('click',el,function(e){do_btncustom_single(e)});
  85. 	  break;
  86. 	  case "dotlist":case "numberlist":
  87. 	   on('click',el,function(e){do_btncustom_list(e)});
  88. 	  break;
  89. 	  
  90. 	  default:
  91. 	  break;
  92. 	}    
  93.   } // end for  
  94.   
  95.   // event buat Other
  96.   el = create_popup_other();  
  97.   par = $D('popup_btn_other');
  98.   if(par) Dom.add(el,par);
  99.   el = $D('#btn_other');
  100.   if(el) on('click',el,function(e){clickpick(e,'popup_btn_other_menu')});
  101.  
  102.   
  103.   // fungsi click pick
  104.   var clickpick = function(el,id){
  105.     var ve=$D(id);
  106.     ve.style.display=(ve.style.display==''?'none':'');
  107.     if(ve.style.display!='none') try{Dom.g(id+'_dumy').focus();}catch(el){}
  108.   };
  109.   // event buat kolor
  110.   par = $D(vB01+'_popup_forecolor'), el = create_popup_color();  
  111.   if(par) Dom.add(el,par);
  112.   el = $D('#pick_kolor');
  113.   if(el) on('click',el,function(e){clickpick(e, vB01+'_popup_forecolor_menu');});
  114.   
  115.   // event buat size  
  116.   el = create_popup_size();
  117.   par = $D(vB01+'_popup_fontsize');
  118.   if(par && el) Dom.add(el,par);
  119.   el = $D('#pick_size');
  120.   if(el) on('click',el,function(e){clickpick(e,vB01+'_popup_size_menu')});
  121.   
  122.   // event buat font  
  123.   el = create_popup_font();  
  124.   par = $D(vB01+'_popup_fontname');
  125.   if(par) Dom.add(el,par);  
  126.   el = $D('#pick_font');
  127.   if(el) on('click',el,function(e){clickpick(e,vB01+'_popup_fontname_menu')});
  128.   
  129.   // event buat clear 
  130.   el = $D('btn_clear');
  131.   if(el) on('click',el,function(){vB_textarea.set('')});  
  132.   
  133. } // end start_main
  134.  
  135.  
  136. // event multiple send PM like kaskus.us (vBulletin)
  137. function event_txta(){
  138.     var els = $D('//input[contains(@name,"username")]'), el, txta, leng, inp, par, Attr, tmpTxt;
  139.     gvar.search_path = gvar.domain + 'search?mode=searchuser';
  140.     
  141.     // take one element & mae event for em
  142.     if(leng = els.snapshotLength){
  143.         inp = els.snapshotItem(0);
  144.         par = inp.parentNode;
  145.  
  146.         // get all value of username
  147.         tmpTxt = '';
  148.         for(var j=0; j<leng; j++){
  149.             inp = els.snapshotItem(j);
  150.             if(inp.value) tmpTxt+=inp.value + ' ; ';
  151.         }
  152.         // recreate with textarea
  153.         Attr={id:'send_to','tabindex':'100',dir:'ltr',name:'send_to_username','style':'width:450px!important; height:50px!important;float:left;'};
  154.         txta = createEl('textarea',Attr, tmpTxt);        
  155.         par.innerHTML = '';
  156.         Dom.add(txta, par);        
  157.         
  158.         //  == POPUP username ==
  159.         // create container of hidden username_list
  160.         el = createEl('div',{id:'hidden_username_list', style:'position:absolute; left:-10000;'}, '');
  161.         Dom.add(el, par);
  162.         // create container popup_cont
  163.         el = createEl('div',{style:'position:relative;'});
  164.         par.insertBefore(el, par.firstChild);
  165.          par = el;
  166.         el = createEl('div',{id:'popup_cont', 'class':'vbmenu_popup',style:'overflow:hidden; margin-top:50px!important; display:none;'});
  167.         Dom.add(el, par);
  168.         
  169.         // do event
  170.         vB_dbb_AJAX_NameSuggest('username', 'send_to');
  171.         
  172.         // event for preview & send buttons
  173.         els = ['btn_preview', 'btn_post'];
  174.         for(var i=0; i<els.length; i++){
  175.             el = $D('#'+els[i]);
  176.             if(el)
  177.                 on('click', el, function(e){
  178.                     e= e.target||e;
  179.                     var vals, par = $D('#hidden_username_list'), txta=$D('#send_to'), el, Attr;
  180.                     if(txta && par){
  181.                         vals = txta.value.split(';');
  182.                         for(var i=0; i<vals.length; i++){
  183.                             Attr = {'name':'username[]', 'type':'hidden', 'value':vals[i].trim()};
  184.                             el = createEl('input', Attr);
  185.                             Dom.add(el, par);
  186.                         }
  187.                     }
  188.                 });
  189.         }
  190.         
  191.     }
  192. }
  193.  
  194.  
  195. /*======================================================================*\
  196. || #################################################################### ||
  197. || # vBulletin 3.8.0
  198. || # ---------------------------------------------------------------- # ||
  199. || # Copyright ©2000-2009 Jelsoft Enterprises Ltd. All Rights Reserved. ||
  200. || # ---------------------------------------------------------------- # ||
  201. || # http://www.vbulletin.com | http://www.vbulletin.com/license.html # ||
  202. || #################################################################### ||
  203. \*======================================================================*/
  204. function vB_dbb_AJAX_NameSuggest(varname, txta_id){
  205.     this.textobj = $D('#'+txta_id);
  206.     this.varname = varname;
  207.     this.fragment = "";
  208.     this.donenames = "";
  209.     this.selected = 0;
  210.     this.menuopen = false;
  211.     this.timeout = null;
  212.     this.names = new Array();
  213.     this.active = false;
  214.     this.allow_multiple = true;
  215.     this.min_chars = 2;
  216.     
  217.     this.popupname = 'popup_cont';
  218.     var that = this;
  219.     
  220.     this.get_text = function () {
  221.         if (this.allow_multiple) {
  222.             var E = this.textobj.value.lastIndexOf(";");
  223.             if (E == -1) {
  224.                 this.donenames = new String("");
  225.                 this.fragment = new String(this.textobj.value);
  226.             } else {
  227.                 this.donenames = new String(this.textobj.value.substring(0, E + 1));
  228.                 this.fragment = new String(this.textobj.value.substring(E + 1));
  229.             }
  230.         } else {
  231.             this.fragment = new String(this.textobj.value);
  232.         }        
  233.         this.fragment = this.fragment.trim();
  234.     };    
  235.     this.set_text = function (E) {
  236.         if (this.allow_multiple) {
  237.             this.textobj.value = (this.donenames + " " + (this.names[E]).trim() + " ; ");
  238.         } else {
  239.             this.textobj.value = (this.names[E]).trim();
  240.         }
  241.         this.textobj.focus();
  242.         this.menu_hide();
  243.         return false;
  244.     };    
  245.     this.move_row_selection = function (E) {
  246.         var F = parseInt(this.selected, 10) + parseInt(E, 10);
  247.         if (F < 0) {
  248.             F = this.names.length - 1;
  249.         } else {
  250.             if (F >= this.names.length) {
  251.                 F = 0;
  252.             }
  253.         }
  254.         this.set_row_selection(F);
  255.         return false;
  256.     };    
  257.     this.set_row_selection = function (E) {
  258.         var P=$D('#'+this.popupname), F = getTag('div',P);
  259.         
  260.         F[this.selected].className = "vbmenu_option";
  261.         this.selected = E;
  262.         F[this.selected].className = "vbmenu_hilite";
  263.     };        
  264.     this.key_event_handler = function (E) {
  265.         E = E ? E : window.event;
  266.         if (this.menuopen) {
  267.             do_an_e(E);
  268.             switch (E.keyCode) {
  269.             case 38:
  270.                 this.move_row_selection(-1);
  271.                 return false;
  272.             case 40:
  273.                 this.move_row_selection(1);
  274.                 return false;
  275.             case 27:
  276.                 this.menu_hide();
  277.                 return false;
  278.             case 13:
  279.                 this.set_text(this.selected);
  280.                 return false;
  281.             }
  282.         }        
  283.         this.get_text();
  284.             
  285.         if (this.fragment.length >= this.min_chars) {
  286.             clearTimeout(this.timeout);
  287.             
  288.             if( this.fragment.indexOf('*')==-1 ) this.fragment+= '*';
  289.             var that = this;
  290.             this.timeout = window.setTimeout(function() { that.name_search(that.fragment); }, 500);
  291.         } else {
  292.             this.menu_hide();
  293.         }        
  294.     };    
  295.     this.menu_build = function(){
  296.         var el, that, upto=15, tgt=$D('#'+this.popupname), that=this;
  297.         if(tgt){            
  298.             tgt.innerHTML = '';
  299.             for(var i=0; i<this.names.length; i++){
  300.                 upto++;
  301.                 el = createEl('div', {'id':'mnu_el_'+i,'class':''+(i==0 ? 'vbmenu_hilite':'vbmenu_option'),'style':'text-align: left; font-size: 12px;'}, this.names[i]);
  302.                 on('click', el, function(e){
  303.                     e=e.target||e;
  304.                     var F=e.id.replace('mnu_el_', '');
  305.                     that.set_text(F);
  306.                 });
  307.                 Dom.add(el, tgt);
  308.                 if(i > upto) break;
  309.             }
  310.             this.active = true;
  311.             this.menu_show();
  312.         }    
  313.     };
  314.     this.menu_show = function(){
  315.         if (this.active) {
  316.             $D('#'+this.popupname).style.display = '';
  317.             this.menuopen = true;
  318.         }
  319.     };
  320.     this.menu_hide = function(){
  321.         var tgt=$D('#'+this.popupname);
  322.         if(tgt){
  323.             tgt.innerHTML = '';
  324.             tgt.style.display = 'none';
  325.             this.menuopen = false;
  326.             this.selected = 0;
  327.         }
  328.     };
  329.     this.name_search = function(q){
  330.         var that = this, spost = '&search_username='+q + '&search=Search';
  331.         GM_XHR.uri = gvar.search_path;
  332.         GM_XHR.cached = true;
  333.         GM_XHR.request(spost.toString(),'post', that.handle_ajax_request);
  334.     };
  335.     this.handle_ajax_request = function(reply_html){
  336.         if( isUndefined(reply_html) ) return false;
  337.         reply_html = reply_html.responseText;
  338.        
  339.         this.names = [];
  340.         var ret, that=this, parser = function(S, $1){that.names.push($1)}
  341.         ret = reply_html.replace(/>([^>]+)<\/option/gi, parser );
  342.         this.menu_build();
  343.     };    
  344.     
  345.     on('click', this.textobj, function(){
  346.         that.menu_hide();
  347.         that.active=true;
  348.     });
  349.     on('blur', this.textobj, function(){
  350.         that.active=false; var T=this;
  351.         window.setTimeout(function() { T.menu_hide(); }, 300);
  352.     });
  353.     on('focus', this.textobj, function(){that.active=true});
  354.     on('keyup', this.textobj, function(E){that.key_event_handler(E)});
  355.     on('keypress', this.textobj, function(E){
  356.         E = E ? E : window.event;
  357.         if (E.keyCode == 13) {
  358.             return (that.menuopen ? false : true)
  359.         }    
  360.     });
  361. }
  362.  
  363. // relayout, prep everything before making change
  364. function relayout_tpl(){
  365.   var tgt=Dom.g(gvar.id_textarea), par = tgt.parentNode, el, Attr, onc, cucok;
  366.   var delAttr=function(o,at){
  367.     if(isUndefined(at)) at='tabindex';
  368.     o.removeAttribute(at);
  369. 	return o;
  370.   };
  371.   
  372.   // recreate textarea to remove default event
  373.   if(tgt) {
  374. 	gvar.isQR = $D('#quick_reply');
  375. 	var tmpTxt = tgt.value, lW=tgt.clientWidth;
  376. 	if( Dom.g(gvar.id_textarea) ) Dom.remove( Dom.g(gvar.id_textarea) );
  377. 	Attr={id:gvar.id_textarea,'tabindex':'102',dir:'ltr',name:'message',
  378. 	   'style':'width:'+(gvar.isQR?'575px':(lW-5)+'px')+'!important;'+(gvar.isQR?'height:125px!important;':'')};
  379. 	el=createEl('textarea',Attr,tmpTxt);
  380. 	par.insertBefore(el, par.firstChild);
  381. 	
  382.     //resize textarea
  383.     par.style.setProperty('height', '125px', 'important');
  384.     if(gvar.isQR) par.style.setProperty('width', '580px', 'important');	
  385.   }
  386.   // reorder tabindex [title,txtarea,preview,post]
  387.   el=$D('.//input[@name="subject"]',null,true);
  388.   if(el){
  389. 	el=delAttr(el);
  390.     el.setAttribute('tabindex','101');
  391.   }
  392.   
  393.   // redesign preview and post
  394.   el=$D('.//input[@name="preview"]',null,true);
  395.   if(el) {
  396.     el.title="Preview (Alt+P)";
  397. 	el.id = "btn_preview";
  398. 	el=delAttr(el);
  399. 	el.setAttribute('tabindex','103');
  400.   }
  401.   el=$D('.//input[@name="post"]',null,true);
  402.   if(el) {
  403.     el.title="Post (Ctrl+Enter or Alt+X)";
  404. 	el.id = "btn_post";
  405. 	el=delAttr(el);
  406. 	el.setAttribute('tabindex','104');
  407.   }  
  408.   
  409.   // hide helpbox is available
  410.   if(el=$D('helpbox'))
  411.     el.style.display='none';
  412. }
  413.  
  414. // uploader auth
  415. function getAuth(){
  416.   // collect uploader auth
  417.   var el = $D('servimg'), onc=el.getAttribute('onclick').toString(), cucok;
  418.   if(cucok=/([^\(]+).([^,]+).\s*['"]([^'"]+).,\s*['"]([^'"]+).,\s*['"]([^'"]+)/.exec(onc)){
  419.     gvar.auth= {};
  420. 	gvar.auth.func = cucok[1];
  421. 	gvar.auth.obj = cucok[2];
  422. 	gvar.auth.email = cucok[3];
  423. 	gvar.auth.hash = cucok[4];
  424. 	gvar.auth.tid = cucok[5];
  425.   }else{
  426.     gvar.auth = false;
  427.   }
  428. }
  429.  
  430. // event for every button
  431. function do_insertTag(tag, value){
  432.   vB_textarea.init();
  433.   vB_textarea.wrapValue(tag, (value ? value :null) ); // phpBB no need this: (isNaN(value)?'"':'')
  434. }
  435.  
  436. function tTagFromAlt(e){
  437.   var tag=e;
  438.   if(typeof(e)=='object'){
  439. 	el=e.target||e;
  440.     e=el;
  441. 	if(el.nodeName!='IMG'){
  442. 	  e = getTag('img',el);
  443. 	  if(e.length) e=e[0];
  444. 	}
  445. 	return e.alt;
  446.   }else if(typeof(e)=='string'){
  447.     return e;
  448.   }else{
  449.     return false;
  450.   }
  451. }
  452. function do_align_BIU(e){
  453.   var el, tag=tTagFromAlt(e);
  454.   var pTag={
  455.     'Bold' :'B',    'Ital.' :'I',      'Underl.':'U','Strike':'STRIKE',
  456.     'Left' :'LEFT', 'Center' :'CENTER', 'Right'    :'RIGHT', 'Justified'    :'JUSTIFIED',
  457.   };
  458.   if(tag && tag.indexOf('Align ')!=-1) tag = tag.replace('Align ','');
  459.   if(isUndefined(pTag[tag])) return;
  460.   vB_textarea.init();
  461.   vB_textarea.wrapValue(pTag[tag],''); 
  462. }
  463. function do_btncustom_list(e, nospace){
  464.   var tag=tTagFromAlt(e), mode=(tag=='numberlist' ? 'number':'dot'), ins='1';
  465.   //case "-List":case "Ordered List":
  466.   // [LIST]  
  467.   do_insertTag('LIST', (mode=='number' ? 1:null) );
  468.   //gvar.firstRec = 1;
  469.   vB_textarea.focus();
  470.   reInsert();  
  471. }
  472. function reInsert(pass){
  473.    var ins=prompt("Enter a list item.\nLeave the box empty or press 'Cancel' to complete the list:");
  474.    vB_textarea.init();
  475.    if(isUndefined(pass)) vB_textarea.setValue( '\n' );
  476.    if(ins){    
  477. 	vB_textarea.setValue( '\n' + '[*]' + ins + '');
  478. 	reInsert(true);
  479.    }else{
  480.     return;	
  481.    }
  482. }
  483.  
  484. function do_btncustom_single(e, nospace){
  485.   var tag=tTagFromAlt(e);
  486.   var pTag={
  487.     'line_break' :'HR'
  488.   };
  489.   vB_textarea.init();
  490.   vB_textarea.setValue( '['+pTag[tag]+']' + (!nospace ? ' ':'') );
  491. }
  492. function do_btncustom(e){
  493.   var tag=tTagFromAlt(e);  
  494.   var tagprop = '';
  495.   if(tag) tag=tag.replace(/[\[\]]/g,'').replace('Insert ','').toLowerCase();
  496.  
  497.   var pTag={
  498.      'quote':'QUOTE','code' :'CODE'
  499.     ,'link' :'URL',  'image':'IMG'
  500.     ,'spoiler' :'SPOILER'
  501. 	//,'transparent':'COLOR','noparse' :'NOPARSE','youtube' :'YOUTUBE'
  502.     ,'video' :'YOUTUBE'
  503.   };
  504.   var endFocus=function(){ vB_textarea.focus(); return};
  505.   if(!tag || isUndefined(pTag[tag])) return endFocus();;
  506.   vB_textarea.init();
  507.   
  508.   if(tag=='quote' || tag=='code'){
  509.     vB_textarea.wrapValue( tag );  
  510.   }else if(tag=='spoiler'){
  511.   
  512.     var title = prompt('Please enter the TITLE of your Spoiler:', gvar.settings.lastused.sptitle );
  513.     if(title==null) return endFocus();
  514.     title = (title ? title : ' ');
  515.     gvar.settings.lastused.sptitle = trimStr(title);
  516.     //setValue(KS+'LAST_SPTITLE', title);
  517.     vB_textarea.wrapValue( 'spoiler', title );
  518.  
  519.   }else{
  520.     var text, selected = vB_textarea.getSelectedText();
  521.     var is_video_link = function(text){
  522.         text = trimStr ( text ); //trim
  523.         if( text.match(/youtube\.com\/watch\?v=[\w\d-]+/i) ){
  524.           var rx = /youtube\.com\/watch\?v=([^&]+)/i.exec(text);
  525.           text = ( rx ? rx[1] : '');
  526. 		  pTag['video'] = 'YOUTUBE';
  527.         }else if( /https?:\/\/(?:w{3}\.)?dailymotion\.com\/video\/.+/.test(text) ){		  
  528. 		  pTag['video'] = 'DAILYMOTION';
  529.         }else if(!/^[\d\w-]+$/.test(text))
  530.           text = false;
  531.         return text;
  532.     };
  533.     if(selected==''){
  534.       switch(tag){
  535.         case 'transparent':
  536.           tagprop = tag;
  537.           text = prompt('Please enter the Text to be transparent:', 'text hantu');
  538.         break;
  539.         case 'noparse':
  540.           text = prompt('Please enter Text or/with Tags to be no parsed:', '[code]-CODE-[/code]');
  541.         break;
  542.         case 'link':
  543.           text = prompt('Please enter the URL of your link:', 'http://');
  544.           tagprop = text;
  545.         break;
  546.         case 'image':
  547.           text = prompt('Please enter the URL of your image:', 'http://');
  548.         break;
  549.         case 'video':
  550.           text = prompt('Please enter the Youtube or dailymotion URL', '');
  551.         break;
  552.       }
  553.       if(text==null) return endFocus();
  554.       if(tag=='video')
  555.         text = is_video_link(text);
  556.       if(tag=='link' || tag=='image')
  557.         text = (isLink(text) ? text : null);
  558.       if(!text) 
  559.         return endFocus();
  560.       else{
  561.         var prehead = [('['+pTag[tag]+(tagprop!=''?'='+tagprop:'')+']').length, 0];
  562.         prehead[1] = (prehead[0]+text.length);        
  563.         vB_textarea.setValue( '['+pTag[tag]+(tagprop!=''?'='+tagprop:'')+']'+text+'[/'+pTag[tag]+']', prehead );
  564.       }
  565.       return endFocus();
  566.     } // end selected==''
  567.     
  568.     tagprop = (tag=='transparent' ? 'transparent' : '');
  569.     if(tag=='link'||tag=='image'||tag=='video'){
  570.        var ptitle=(tag=='video' ? ['Please enter the Youtube or dailymotion URL','']:['Please enter the URL of your '+tag+':','http://']);
  571.        text = prompt(ptitle[0], ptitle[1]);
  572.        if(text==null) return endFocus();
  573.        switch(tag){
  574.          case 'link':
  575.           tagprop = text;
  576.           text = selected;           
  577.          break;
  578.          case 'video':
  579.            text = is_video_link(text);
  580.            if(!text) return endFocus();
  581.          break;
  582.        }       
  583.        var prehead = [('['+pTag[tag]+(tagprop!=''?'='+tagprop:'')+']').length, 0];
  584.        prehead[1] = (prehead[0]+text.length);
  585.        vB_textarea.replaceSelected( '['+pTag[tag]+(tagprop!=''?'='+tagprop:'')+']'+text+'[/'+pTag[tag]+']', prehead );
  586.        return endFocus();
  587.     }
  588.     vB_textarea.wrapValue( pTag[tag], (tagprop!='' ? tagprop:'') );
  589.   }
  590. }
  591.  
  592. function create_popup_other(){
  593.   var el, id = 'popup_btn_other_menu', Attr, tCont;
  594.   Attr = {id:id,'class':'vbmenu_popup',
  595.     style:'width:130px;overflow:hidden;display:none;'
  596.   };
  597.   el = createEl('div',Attr);
  598.   var pasOther= {
  599.      'sub'    : 'Index'
  600.     ,'sup'    : 'Exponent'
  601.     ,'spoiler': 'Spoiler'
  602.     ,'hide'   : 'Hidden'
  603.     ,'scroll' : 'Horizontal scrolling'
  604.     ,'updown' : 'Vertical scrolling'
  605.     ,'rand'   : 'Random'
  606.     ,'wow'    : 'Wow'
  607.   };
  608.   for (var tag in pasOther) {
  609.     Attr={title:pasOther[tag],rel:tag,'class':'osize',style:'text-align:left;font-size:12px;'};
  610.     tCont = createEl('div',Attr,pasOther[tag]);
  611. 	on('click',tCont,function(e){
  612. 	  e=e.target||e;
  613. 	  var eTag=e.getAttribute('rel');
  614. 	  var cont=Dom.g(id);
  615.       cont.style.display='none';
  616. 	  do_insertTag(eTag);
  617. 	});
  618. 	Dom.add(tCont,el);
  619.   }
  620.   create_dummy_input(el, id+'_dumy');
  621.   return el;
  622.   
  623. }
  624. function create_popup_size(){
  625.   var id = 'vB_Editor_001_popup_size_menu';
  626.   var Attr = {id:id,'class':'vbmenu_popup',
  627.        style:'overflow:hidden;display:none;'
  628.     };
  629.   var el = createEl('div',Attr);
  630.   var tCont,prop, tFont;
  631.   for (var tipe in gvar.sizeoptions) {
  632.     prop = gvar.sizeoptions[tipe]; // ['', ''] = [inner, value]
  633.     Attr={title:prop[1],'class':'osize',style:'text-align:left;'};
  634.     tCont = createEl('div',Attr);
  635.     tFont = createEl('font',{size:prop[0]+'pt'},tipe);
  636.     Dom.add(tFont,tCont);
  637.     on('click',tCont,function(e){
  638.       e=e.target||e;
  639.       if(e.nodeName=='FONT') e=e.parentNode;      
  640.       var cont=Dom.g(id);
  641.       cont.style.display='none';
  642.       var eTitle = e.getAttribute('title');
  643.       do_insertTag('size',eTitle);
  644.     });
  645.     Dom.add(tCont,el);
  646.   }
  647.   create_dummy_input(el, id+'_dumy');
  648.   return el;
  649. }
  650. function create_popup_font(){
  651.   var id = 'vB_Editor_001_popup_fontname_menu';
  652.   var Attr = {id:id,'class':'vbmenu_popup',
  653.        style:'width:200px;height:250px;overflow:auto;display:none;'
  654.     };
  655.   var el = createEl('div',Attr), oL=gvar.fontoptions.length;
  656.   var tClr,tFont,font;
  657.   for (var idx=0; idx<oL; idx++) {
  658.     font = gvar.fontoptions[idx];
  659.     if(!isString(font)) continue; // should do this, coz Opera lil weirdo
  660.     Attr={'class':'ofont',title:font};
  661.     tClr = createEl('div',Attr);
  662.     tFont = createEl('font',{face:font},font);
  663.     Dom.add(tFont,tClr);
  664.     on('click',tClr,function(e){
  665.       e=e.target||e;
  666.       if(e.nodeName=='FONT') e=e.parentNode;      
  667.       var cont=Dom.g(id);
  668.       cont.style.display='none';
  669.       var sfont = e.getAttribute('title');
  670.       do_insertTag('font',sfont);
  671.     });    
  672.     Dom.add(tClr,el);
  673.   }
  674.   create_dummy_input(el, id+'_dumy');
  675.   return el;
  676. }
  677. function create_popup_color(){
  678.   var id = 'vB_Editor_001_popup_forecolor_menu';
  679.   var Attr = {id:id,'class':'vbmenu_popup',
  680.     style:'overflow:hidden;display:none;'
  681.   };
  682.   var el = createEl('div',Attr);
  683.   Attr = {cellPadding:0,cellSpacing:0,border:0};
  684.   var table = createEl('table', Attr);
  685.   Dom.add(table,el);
  686.   var i=0,tr,kolor,div,td;
  687.   var pickColor = function(e){
  688.     e=e.target||e;
  689.     if(e.nodeName=='DIV') e=e.parentNode;
  690.     var etitle = e.id.replace('pick_color_','');
  691.     do_insertTag('color',etitle);
  692.     Dom.g(id).style.display='none';
  693.   };
  694.   for (var hex in gvar.coloroptions) {
  695.     if(!isString(gvar.coloroptions[hex])) continue; // should do this, coz Opera lil weirdo
  696.     if (i % 8 == 0) 
  697.       tr = table.insertRow(-1);
  698.     i++;
  699.     kolor=gvar.coloroptions[hex];
  700.     div = createEl('div',{style:'background-color:'+kolor},'&nbsp;');
  701.     td = tr.insertCell(-1);
  702.     td.className = "ocolor";
  703.     Dom.add(div,td);
  704.     td.title = td.colorname = kolor;
  705.     td.id = "pick_color_"+td.colorname;
  706.     
  707.     on('click',td,function(e){ pickColor(e) });
  708.   }
  709.   // last row for transparent
  710.   tr = table.insertRow(-1);
  711.   kolor='transparent';
  712.   div = createEl('div',{style:'background-color:'+kolor+';width:100%;','class':'gensmall'},'transparent');
  713.   td = tr.insertCell(-1);
  714.   td.setAttribute("colspan",8);
  715.   Dom.add(div,td);
  716.   td.title = td.colorname = kolor;
  717.   td.id = "pick_color_"+td.colorname;    
  718.   on('click',td,function(e){ pickColor(e) });
  719.   
  720.   create_dummy_input(el, id+'_dumy');
  721.   return el;
  722. }
  723. function create_dummy_input(parent, dumy_id){
  724.   var dumyEl = createEl('input',{id:dumy_id,style:'width:0px;height:0px;line-height:0px;border:0px;margin-left:-999999px;',value:''});
  725.   on('blur',dumyEl,function(ec){
  726. 	if( gvar.stillOnIt ){
  727.         ec = ec.target||ec;
  728.         if(ec && ec.nodeName=='INPUT') ec=ec.parentNode;
  729. 		window.setTimeout(function(){
  730. 		  delete( gvar.stillOnIt );
  731. 		  if( !gvar.stillOnIt && ec ) ec.style.setProperty('display', 'none', '');
  732. 		}, 200);
  733. 	}
  734.   });
  735.   on('focus',dumyEl,function(ec){gvar.stillOnIt=true});
  736.   Dom.add(dumyEl,parent);
  737. }
  738.  
  739. // keydown on textarea
  740. // Ketika keydown tab dari textarea
  741. function is_keypress_pressed(C){
  742.   var C = (!C ? window.event : C), asocKey={};
  743.   if(C) {
  744.    if(C.ctrlKey){ // mijit + Ctrl
  745.     var B, A = C.keyCode ? C.keyCode : C.charCode;
  746.     asocKey={
  747. 	  '13':'btn_post' // Enter
  748. 	 ,'66':'Bold' // B
  749. 	 ,'73':'Ital.' // I
  750. 	 ,'85':'Underl.' // U
  751. 	 
  752. 	 ,'69':'Center' // E
  753. 	 ,'76':'Left' // L
  754. 	 ,'82':'Right' // R
  755. 	 ,'74':'Justified' // U
  756. 	};
  757. 	B = (isDefined(asocKey[A])? asocKey[A] : false);
  758. 	//alert('al;'+C + ' - ' + C.ctrlKey + ' - '+B);
  759. 	if(B===false) return false;
  760.     if(A==13){
  761.       if(C.shiftKey) B = 'btn_preview'; // preview
  762. 	  if(Dom.g(B)) SimulateMouse(Dom.g(B), 'click', true); 
  763.     }else{
  764.       do_align_BIU(B);
  765. 	}
  766. 	C = do_an_e(C);
  767.  
  768.    }else
  769.    if(C.altKey){ // mijit + Alt
  770.     var B='', A = C.keyCode ? C.keyCode : C.charCode;
  771. 	asocKey={
  772. 	   '83':'btn_post' // [S] Submit post
  773. 	  ,'80':'btn_preview' // [P] Preview
  774. 	};
  775. 	B = (isDefined(asocKey[A])? asocKey[A] : false);
  776. 	if(B===false) return false;
  777.     if(Dom.g(B)) SimulateMouse(Dom.g(B), 'click', true); 
  778. 	C = do_an_e(C);
  779. 	
  780.    }else
  781.    if(C.keyCode==9){ // mijit tab
  782.      C = do_an_e(C);
  783.      if($D('#btn_preview')) $D('#btn_post').focus();
  784.    } // end keyCode==9
  785.    return false;
  786.   } // end event C
  787. }
  788.  
  789.  
  790. // end event for every buttons
  791.  
  792.  
  793. function isThisThread(){ return $D('#text_editor_textarea') }
  794.  
  795. //=====
  796. // static routine
  797. function isDefined(x)   { return !(x == null && x !== null); }
  798. function isUndefined(x) { return x == null && x !== null; }
  799. function isString(x) { return (typeof(x)!='object' && typeof(x)!='function'); }
  800. function trimStr(x) { return (typeof(x)=='string' && x ? x.replace(/^\s+|\s+$/g,"") : '') };
  801. function isLink(x) { return x.match(/((?:http(?:s|)|ftp):\/\/)(?:\w|\W)+(?:\.)(?:\w|\W)+/); }
  802.  
  803. function on(m,e,f,p){Dom.Ev(e,m,function(e){typeof(f)=='function'?f(e):void(0)},!p?false:true)}
  804. function do_an_e(A) {
  805.   if (!A) {
  806.       window.event.returnValue = false;
  807.       window.event.cancelBubble = true;
  808.       return window.event
  809.   } else {
  810.       A.stopPropagation();
  811.       A.preventDefault();
  812.       return A
  813.   }
  814. }
  815. function createEl(type, attrArray, html){
  816.  var node = document.createElement(type);
  817.  for (var attr in attrArray) 
  818.    if (attrArray.hasOwnProperty(attr))
  819.     node.setAttribute(attr, attrArray[attr]);
  820.  if(html) node.innerHTML = html;
  821.    return node;
  822. }
  823. function createTextEl(txt){
  824.   return document.createTextNode(txt);
  825. }
  826. function getTag(name, parent){
  827.   var ret = (typeof(parent)!='object' ? document.getElementsByTagName(name) : parent.getElementsByTagName(name) );
  828.   return (isDefined(ret[0]) ? ret : false);
  829. }
  830. function addClass(cName, Obj){
  831.   if(cName=="") return;
  832.   var neocls = (Obj.className ? Obj.className : '');
  833.   if(neocls.indexOf(cName)!=-1) return;
  834.   neocls+=(neocls!=''?' ':'')+cName;
  835.   Obj.setAttribute('class', neocls);
  836. }
  837. function removeClass(cName, Obj){
  838.   if(cName=="") return;
  839.   var neocls = (Obj.className ? Obj.className : '');
  840.   neocls = trimStr ( neocls.replace(cName,"") ); // replace and trim
  841.   Obj.setAttribute('class', neocls);
  842. }
  843. function SimulateMouse(elem,event,preventDef) {
  844.   if(typeof(elem)!='object') return;
  845.   var evObj = document.createEvent('MouseEvents');
  846.   preventDef=(isDefined(preventDef) && preventDef ? true : false);
  847.   evObj.initEvent(event, preventDef, true);
  848.   try{elem.dispatchEvent(evObj);}
  849.    catch(e){ clog('Error. elem.dispatchEvent is not function.'+e)}
  850. }
  851.  
  852.  
  853. // ----my ge-debug--------
  854. function show_alert(msg, force) {
  855.   if(arguments.callee.counter) { arguments.callee.counter++; } else { arguments.callee.counter=1; }
  856.   GM_log('('+arguments.callee.counter+') '+msg);
  857.   if(force==0) { return; }
  858. }
  859. function clog(msg) {
  860.   if(!gvar.__DEBUG__) return;
  861.   show_alert(msg);
  862. }
  863.  
  864.  
  865. //========= Global Var Init ====
  866. var GM_addGlobalStyle=function(css, id, tobody) { // Redefine GM_addGlobalStyle with a better routine 
  867.   var sel=createEl('style',{type:'text/css'});
  868.   if(isDefined(id) && isString(id)) sel.setAttribute('id', id);
  869.   sel.appendChild(createTextEl(css));
  870.   if(isDefined(tobody) && tobody){
  871.     document.body.insertBefore(sel,document.body.firstChild);
  872.   }else{
  873.     var hds = getTag('head');
  874.     if( isDefined(hds[0]) && hds[0].nodeName=='HEAD' )
  875.      window.setTimeout(function() { hds[0].appendChild(sel); }, 100);
  876.     else
  877.      document.body.insertBefore(sel,document.body.firstChild);
  878.   }
  879.   return sel;
  880. };
  881. // Get Elements
  882. var $D=function (q, root, single) {
  883.   if (root && typeof root == 'string') {
  884.       root = $D(root, null, true);
  885.       if (!root) { return null; }
  886.   }
  887.   if( !q ) return false;
  888.   if ( typeof q == 'object') return q;
  889.   root = root || document;
  890.   if (q[0]=='/' || (q[0]=='.' && q[1]=='/')) {
  891.       if (single) { return document.evaluate(q, root, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; }
  892.       return document.evaluate(q, root, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  893.   }
  894.   else if (q[0]=='.') { return root.getElementsByClassName(q.substr(1)); }
  895.   else { return root.getElementById( (q[0]=='#' ? q.substr(1):q.substr(0)) ); }
  896.   return root.getElementsByTagName(q);
  897. };
  898. // utk add - remove element
  899. var Dom = {
  900.   g: function(el) {
  901.    if(!el) return false;
  902.    return ( isString(el) ? document.getElementById(el) : el );
  903.   },
  904.   add: function(el, dest) {    
  905.     var el = this.g(el);
  906.     var dest = this.g(dest);
  907.     if(el && dest) dest.appendChild(el);
  908.   },
  909.   remove: function(el) {
  910.     var el = this.g(el);
  911.     if(el && el.parentNode)
  912.       el.parentNode.removeChild(el);
  913.   },
  914.   Ev: function() {
  915.     if (window.addEventListener) {
  916.       return function(el, type, fn, ph) {
  917.         if(typeof(el)=='object')
  918.          this.g(el).addEventListener(type, function(e){fn(e);}, (isUndefined(ph) ? false : ph));
  919.       };      
  920.     }else if (window.attachEvent) {
  921.       return function(el, type, fn) {
  922.         var f = function() { fn.call(this.g(el), window.event); };
  923.         this.g(el).attachEvent('on' + type, f);
  924.       };
  925.     }
  926.   }()
  927. };
  928.  
  929. var GM_XHR = {
  930.   uri:null,
  931.   returned:null,
  932.   forceGM:false, // force with GM-XHR & avoid using Native-XHR when with multifox
  933.   cached:false,
  934.   events:false,
  935.   request: function(cdata,met,callback){
  936.     if(!GM_XHR.uri) return;
  937.     met=(isDefined(met) && met ? met:'GET');
  938.     cdata=(isDefined(cdata) && cdata ? cdata:null);
  939.     if(typeof(callback)!='function') callback=null;
  940. 	var pReq_xhr = {
  941.         method:met,
  942.         url:GM_XHR.uri + (GM_XHR.cached ? '':(GM_XHR.uri.indexOf('?')==-1?'?':'&rnd=') + Math.random().toString().replace('0.','')),
  943.         headers: {'Content-Type': 'application/x-www-form-urlencoded'},
  944.         data:(isString(cdata) ? cdata : ''),
  945.         onload: function(ret) {
  946.           if(ret.status==503){
  947.             show_alert('Reach 503, retrying...');
  948.             setTimeout(GM_XHR.request(cdata,met,callback), 777);
  949.           }else{
  950.             var rets=ret;
  951.             if(callback!=null)
  952.                callback(rets);
  953.             else
  954.                GM_XHR.returned = rets;
  955.           }
  956.         }
  957.     };	
  958.     if( !GM_XHR.forceGM ) // always use this native; except update checker
  959.       NAT_xmlhttpRequest( pReq_xhr );
  960.     else
  961. 	  GM_xmlhttpRequest( pReq_xhr );
  962.   }
  963. };
  964.  
  965. // native/generic XHR needed for Multifox, failed using GM_xmlhttpRequest.
  966. var NAT_xmlhttpRequest=function(obj) {
  967.   var request=new XMLHttpRequest();
  968.   request.onreadystatechange=function() { if(obj.onreadystatechange) { obj.onreadystatechange(request); }; if(request.readyState==4 && obj.onload) { obj.onload(request); } }
  969.   request.onerror=function() { if(obj.onerror) { obj.onerror(request); } }
  970.   try { request.open(obj.method,obj.url,true); } catch(e) { if(obj.onerror) { obj.onerror( {readyState:4,responseHeaders:'',responseText:'',responseXML:'',status:403,statusText:'Forbidden'} ); }; return; }
  971.   if(obj.headers) { for(name in obj.headers) { request.setRequestHeader(name,obj.headers[name]); } }
  972.   request.send(obj.data); return request;
  973. };
  974.  
  975. var vB_textarea = {
  976.   init: function(id) {
  977.     this.Obj = (isUndefined(id) ? Dom.g(gvar.id_textarea) : Dom.g(id));
  978.     this.content = (this.Obj ? this.Obj.value : "");
  979.     this.cursorPos = this.rearmPos(); // [start, end]
  980.     this.last_scrollTop = this.Obj.scrollTop; // last scrolltop pos
  981.   },
  982.   rearmPos: function(){ return [this.getCaretPos(), this.Obj.selectionEnd]; },
  983.   clear: function (id){
  984.     if(!this.Obj) this.Obj = (isUndefined(id) ? Dom.g(gvar.id_textarea) : Dom.g(id));
  985.     this.set('');
  986.     this.Obj.style.height='1px'; // min-height should be set before
  987.     this.enabled();
  988.     this.focus();
  989.   },
  990.   disabled: function(){ 
  991.     this.Obj.setAttribute('disabled','disabled');
  992.   },
  993.   readonly: function(id){
  994.     this.Obj = (isUndefined(id) ? Dom.g(gvar.id_textarea) : Dom.g(id));
  995.     removeClass('txa_enable', this.Obj);
  996.     addClass('txa_readonly', this.Obj);
  997.     this.Obj.setAttribute('readonly',true);
  998.   },
  999.   enabled: function(id){
  1000.     if(!this.Obj) this.Obj = (isUndefined(id) ? Dom.g(gvar.id_textarea) : Dom.g(id));
  1001.     this.Obj.removeAttribute('disabled');
  1002.     this.Obj.removeAttribute('readonly');
  1003.     removeClass('txa_readonly', this.Obj);
  1004.     addClass('txa_enable', this.Obj);
  1005.   },
  1006.   focus: function(){
  1007.     if(!this.Obj)
  1008.       this.Obj = Dom.g(gvar.id_textarea);
  1009.     this.Obj.focus(); 
  1010.   },
  1011.   set: function(value){
  1012.     if(!this.Obj)
  1013.       this.Obj = Dom.g(gvar.id_textarea);
  1014.     this.Obj.value = this.content = value;
  1015.   },
  1016.   lastfocus: function (){
  1017.     var pos = Dom.g(gvar.id_textarea).value.length; // use the actual content
  1018.     if(this.Obj.setSelectionRange)    {
  1019.         this.focus();
  1020.         this.Obj.setSelectionRange(pos,pos);
  1021.     }
  1022.     this.focus();
  1023.   },
  1024.   add: function(text){ // used on fetch post only
  1025.    this.Obj.value+=text; this.enabled(); this.focus();
  1026.    // fix chrome weird
  1027.    var lastpos=(this.cursorPos[0] + text.length);
  1028.    this.setCaretPos( lastpos, lastpos );
  1029.   },
  1030.   subStr: function(start, end){ return this.content.substring(start, end);},
  1031.   getSelectedText : function() {    
  1032.     return (this.cursorPos[0]==this.cursorPos[1]? '': this.subStr(this.cursorPos[0], this.cursorPos[1]) );
  1033.   },
  1034.   getCaretPos : function() {
  1035.     this.enabled(); /* this.focus();*/
  1036.     var CaretPos = 0;
  1037.     //Mozilla/Firefox/Netscape 7+ support 
  1038.     if(this.Obj)
  1039.       if (this.Obj.selectionStart || this.Obj.selectionStart == '0')
  1040.         CaretPos = this.Obj.selectionStart;
  1041.     return CaretPos;
  1042.   },  
  1043.   setCaretPos : function (pos,end){
  1044.     if(isUndefined(end)) end = pos;
  1045.     if(this.Obj.setSelectionRange)    { // Firefox, Opera and Safari
  1046.         this.focus();
  1047.         this.Obj.setSelectionRange(pos,end);
  1048.     }
  1049.   },
  1050.   // ptpos stand to puretext position [start, end]
  1051.   setValue : function(text, ptpos){
  1052.     var start=this.cursorPos[0];
  1053.     var end=this.cursorPos[1];
  1054.     if(isUndefined(ptpos)) ptpos=[text.length,text.length];
  1055.     if(start!=end) {
  1056.       this.replaceSelected(text,ptpos);
  1057.       return;
  1058.     }
  1059.     var bufValue = this.subStr(0, start) + text + this.subStr(start, this.content.length);
  1060.     this.set(bufValue);
  1061.     // fix chrome weird
  1062.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  1063.     if(vB_textarea.overflow!='hidden') this.Obj.scrollTop = (this.last_scrollTop+1);
  1064.     return bufValue; 
  1065.   },
  1066.   wrapValue : function(tag, title){
  1067.     var start=this.cursorPos[0], end=this.cursorPos[1],bufValue;
  1068.     tag = tag.toUpperCase();
  1069.     
  1070.     bufValue = this.subStr(0, start) + 
  1071.        '['+tag+(title?'='+title:'')+']' + 
  1072.         (start==end ? '' : this.subStr(start, end)) + 
  1073.        '[/'+tag+']' + this.subStr(end, this.content.length);
  1074.     
  1075.     this.set(bufValue);
  1076.     var st2 = (start + ('['+tag+(title?'='+title:'')+']').length);
  1077.     this.setCaretPos( st2, st2+this.subStr(start, end).length );    
  1078.     if(vB_textarea.overflow!='hidden') this.Obj.scrollTop = (this.last_scrollTop+1);
  1079.     return bufValue; 
  1080.   },
  1081.   replaceSelected : function(text, ptpos){
  1082.     var start=this.cursorPos[0];
  1083.     var end=this.cursorPos[1];
  1084.     if(start==end) return;    
  1085.     var bufValue = this.subStr(0, start) + text + this.subStr(end, this.content.length);
  1086.     this.set(bufValue);
  1087.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  1088.     if(vB_textarea.overflow!='hidden') this.Obj.scrollTop = (this.last_scrollTop+1);
  1089.   },
  1090. };
  1091.  
  1092. var rSRC = {
  1093.   getSetOf: function(type){
  1094.    if(isUndefined(type)) return false;
  1095.    switch(type){
  1096.     case "color":
  1097.      return {
  1098.      "#000000": "Black",
  1099.      "#A0522D": "Sienna",
  1100.      "#556B2F": "DarkOliveGreen",
  1101.      "#006400": "DarkGreen",
  1102.      "#483D8B": "DarkSlateBlue",
  1103.      "#000080": "Navy",
  1104.      "#4B0082": "Indigo",
  1105.      "#2F4F4F": "DarkSlateGray",
  1106.      "#8B0000": "DarkRed",
  1107.      "#FF8C00": "DarkOrange",
  1108.      "#808000": "Olive",
  1109.      "#008000": "Green",
  1110.      "#008080": "Teal",
  1111.      "#0000FF": "Blue",
  1112.      "#708090": "SlateGray",
  1113.      "#696969": "DimGray",
  1114.      "#FF0000": "Red",
  1115.      "#F4A460": "SandyBrown",
  1116.      "#9ACD32": "YellowGreen",
  1117.      "#2E8B57": "SeaGreen",
  1118.      "#48D1CC": "MediumTurquoise",
  1119.      "#4169E1": "RoyalBlue",
  1120.      "#800080": "Purple",
  1121.      "#808080": "Gray",
  1122.      "#FF00FF": "Magenta",
  1123.      "#FFA500": "Orange",
  1124.      "#FFFF00": "Yellow",
  1125.      "#00FF00": "Lime",
  1126.      "#00FFFF": "Cyan",
  1127.      "#00BFFF": "DeepSkyBlue",
  1128.      "#9932CC": "DarkOrchid",
  1129.      "#C0C0C0": "Silver",
  1130.      "#FFC0CB": "Pink",
  1131.      "#F5DEB3": "Wheat",
  1132.      "#FFFACD": "LemonChiffon",
  1133.      "#98FB98": "PaleGreen",
  1134.      "#AFEEEE": "PaleTurquoise",
  1135.      "#ADD8E6": "LightBlue",
  1136.      "#DDA0DD": "Plum",
  1137.      "#FFFFFF": "White"
  1138.      };
  1139.     break;
  1140.     case "font":
  1141.      return ["Arial","Arial Black","Arial Narrow","Book Antiqua","Century Gothic","Comic Sans MS","Courier New","Fixedsys","Franklin Gothic Medium","Garamond","Georgia","Impact","Lucida Console","Lucida Sans Unicode","Microsoft Sans Serif","Palatino Linotype","System","Tahoma","Times New Roman","Trebuchet MS","Verdana"];
  1142.     break;
  1143.     case "size":
  1144. 	 // name : [inner, value]
  1145.      return {
  1146. 	   'tiny'   : ["1","7"]
  1147. 	  ,'small'  : ["2","9"]
  1148. 	  ,'normal' : ["3","12"]
  1149. 	  ,'large'  : ["5","18"]
  1150. 	  ,'huge'   : ["7","24"]
  1151. 	 };
  1152.     break;
  1153.     case "pasangan":
  1154.      return {
  1155.        'addbbcode0' : 'Bold'
  1156.       ,'addbbcode2' : 'Ital.'
  1157.       ,'addbbcode4' : 'Underl.'
  1158.       ,'addbbcode34': 'Strike'
  1159.       ,'addbbcode52': 'Left'
  1160.       ,'addbbcode30': 'Center'
  1161.       ,'addbbcode32': 'Right'
  1162.       ,'addbbcode46': 'Justified'
  1163.       
  1164.       ,'addbbcode6' : 'Quote'
  1165.       ,'addbbcode8' : 'Code'
  1166.       ,'addbbcode14': 'Image'
  1167.       ,'addbbcode16': 'Link'
  1168.       ,'btn_video'  : 'Video'
  1169.    
  1170.       ,'addbbcode10':'dotlist'
  1171.       ,'addbbcode12':'numberlist'
  1172.       ,'addbbcode99':'line_break'
  1173.      };
  1174.     break;
  1175.    };
  1176.    return false;
  1177.  }
  1178.  
  1179.  ,getCSS: function(){
  1180.     return (''
  1181.   +'#'+gvar.id_textarea+'{min-height:'+(gvar.isQR?'125':'250')+'px}'
  1182.   +'.ofont:hover, .ocolor:hover, .osize:hover, .cdefault:hover {cursor:default!important;}'
  1183.   +'.ofont:hover, .osize:hover{border:1px solid #2085C1!important;background-color:#B0DAF2!important;}'
  1184.   +'.ofont, .osize, .ocolor {color:#000!important;background:#FFF!important;padding:1px!important;}'
  1185.   +'.ofont, .osize{border:1px solid transparent}'
  1186.   +'.ofont{text-align:left;}'
  1187.   +'div.vbmenu_popup table td {line-height:10px;width:13px!important;border:1px solid transparent;}'
  1188.   +'div.vbmenu_popup table td:hover {cursor:pointer!important;border:1px solid #2085C1;background-color:#B0DAF2;}'
  1189.   +'div.vbmenu_popup table td div {width:10px}'
  1190.   +'div.vbmenu_popup {z-index:99;position:absolute; background:#FFF; left:0; top:0; padding:3px; width:auto; height:auto; margin-top:21px!important;border:1px solid #DADADA;}'
  1191.   
  1192.   +'#text_edit button.button2{margin:0 1.5px!important}'
  1193.   +'.sepr{margin-left:1px;}'
  1194.   +'.vbmenu_option, .vbmenu_hilite{padding:1px 3px;}'
  1195.   +'.vbmenu_option:hover, .vbmenu_hilite:hover{background-color:#B0DAF2!important;color:blue;}'
  1196.   
  1197.   +'.vbmenu_option{background: #BBC7CE;color: #000000;font: 11px verdana, arial;white-space: nowrap;cursor: pointer;}'
  1198.   +'.vbmenu_hilite{background: #8A949E;color: #FFFFFF;font: 11px verdana, arial;white-space: nowrap;cursor: pointer;}'
  1199.   +''
  1200. 	);
  1201.  }
  1202.  ,getTPL_qr_control: function(){
  1203.   return (''
  1204.     +'<table align="center" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="left"><span id="text_edit" style=""><button class="button2" type="button" id="addbbcode0" accesskey="b" title="Bold"><img title="Bold" src="'+gvar.img_path+'text_bold.png" alt="Bold"></button><button class="button2" type="button" id="addbbcode2" accesskey="i" title="Ital."><img title="Italic" src="'+gvar.img_path+'text_italic.png" alt="Ital."></button><button class="button2" type="button" id="addbbcode4" accesskey="u" title="Underline"><img title="Underl." src="'+gvar.img_path+'text_underline.png" alt="Underl."></button><button class="button2" type="button" id="addbbcode34" accesskey="x" title="Strike"><img title="Strike" src="'+gvar.img_path+'text_strikethrough.png" alt="Strike"></button>'	
  1205. 	
  1206. 	// [left,center,right,justified]
  1207. 	+'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1208.     +'<button class="button2" type="button" id="addbbcode52" accesskey="m" title="Left"><img title="Left" src="'+gvar.img_path+'text_align_left.png" alt="Left"></button><button class="button2" type="button" id="addbbcode30" accesskey="t" title="Center"><img title="Center" src="'+gvar.img_path+'text_align_center.png" alt="Center"></button><button class="button2" type="button" id="addbbcode32" accesskey="g" title="Right"><img title="Right" src="'+gvar.img_path+'text_align_right.png" alt="Right"></button><button class="button2" type="button" id="addbbcode46" accesskey="jt" title="Justified"><img title="Justified" src="'+gvar.img_path+'text_align_justify.png" alt="Justified"></button>'
  1209. 	
  1210. 	
  1211. 	// [list,numberlist,hr]
  1212. 	+( !gvar.isQR ? ''
  1213. 	 +'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1214. 	 +'<button class="button2" type="button" id="addbbcode10" accesskey="l" title="dotlist"><img title="-List" src="'+gvar.img_path+'text_list_bullets.png" alt="-List"></button><button class="button2" type="button" id="addbbcode12" accesskey="o" title="Ordered List"><img title="Ordered List" src="'+gvar.img_path+'text_list_numbers.png" alt="numberlist"></button><button class="button2" type="button" id="addbbcode99" title="Insert a line break"><img title="Insert a line break" src="'+gvar.img_path+'text_horizontalrule.png" alt="line_break"></button>'
  1215. 	: '')
  1216.     
  1217. 	// [quote,code,table]
  1218. 	+'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1219.     +'<button class="button2" type="button" id="addbbcode6" accesskey="q" title="Quote"><img title="Quote" src="'+gvar.img_path+'comments.png" alt="Quote"></button><button class="button2" type="button" id="addbbcode8" accesskey="c" title="Code"><img title="Code" src="'+gvar.img_path+'page_white_code.png" alt="Code"></button>'
  1220. 	// table
  1221. 	+( !gvar.isQR ? ''
  1222. 	+'<button class="button2" onclick="selectWysiwyg(this,\'table_gui\')" onmouseover="helpline(\'tab\')" type="button" id="addbbcodetable" accesskey="" title="Insert a table"><img title="Insert a table" src="'+gvar.img_path+'table.png" alt="insert_table"></button>'
  1223. 	:'')
  1224.     
  1225. 	// [upload,image,link, flash,video]
  1226. 	+'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1227. 	+'<button class="button2" type="button" id="servimg" accesskey="y" title="Host an image" onclick="'+gvar.auth.func+'('+gvar.auth.obj+',\''+gvar.auth.email+'\',\''+gvar.auth.hash+'\',\''+gvar.auth.tid+'\')"><img title="Host an image" src="'+gvar.img_path+'picture_save.png" alt="hostupload"></button><button class="button2" type="button" id="addbbcode14" accesskey="p" title="Image"><img title="Image" src="'+gvar.img_path+'picture.png" alt="Image"></button><button class="button2" type="button" id="addbbcode16" accesskey="w" title="Link"><img title="Link" src="'+gvar.img_path+'link.png" alt="Link"></button>'
  1228. 	+( !gvar.isQR ? ''
  1229. 	 +'<button class="button2" onclick="selectWysiwyg(this,\'flash\')" onmouseover="helpline(\'fl\')" type="button" title="Flash"><img title="Flash" src="'+gvar.img_path+'page_white_flash.png" alt="Flash"></button><button id="btn_video" class="button2" type="button" title="Video"><img title="Video" src="'+gvar.img_path+'film.png" alt="Video"></button>'
  1230. 	 :'')
  1231. 	
  1232.     
  1233. 	// [size,color,font]
  1234. 	+'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1235.     +'<div class="imagebutton_color" id="vB_Editor_001_popup_fontsize" style="display:inline-block;position:relative">'
  1236.      +'<button id="pick_size" class="button2" type="button" title="Font size"><img title="Font size" src="'+gvar.img_path+'style.png" alt="Font size"></button>'
  1237.     +'</div>' // #vB_Editor_001_popup_fontsize
  1238.     +'<div class="imagebutton_color" id="vB_Editor_001_popup_forecolor" style="display:inline-block;position:relative">'
  1239.      +'<button id="pick_kolor" class="button2" type="button" title="Font color"><img src="'+gvar.img_path+'color_swatch.png" alt="Font color"></button>'
  1240.     +'</div>' // #vB_Editor_001_popup_forecolor	
  1241.     +'<div class="imagebutton_color" id="vB_Editor_001_popup_fontname" style="display:inline-block;position:relative">'
  1242.      +'<button id="pick_font" class="button2" type="button" title="Font"><img title="Font" src="'+gvar.img_path+'font.png" alt="Font"></button>'
  1243.     +'</div>' // #vB_Editor_001_popup_fontname
  1244.     
  1245. 	+'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1246.     +'<div class="imagebutton_color" id="popup_btn_other" style="display:inline-block;position:relative">'
  1247. 	 +'<input id="btn_other" class="button2" value="Others" style="height: 22px;" type="button">'
  1248.     +'</div>' // #btn_other
  1249. 	
  1250. 	+(gvar.isQR ? ''
  1251. 	 +'<img src="'+gvar.img_path+'separator.png" style="vertical-align: middle;" alt="" class="sepr">'
  1252.      +'<button class="button2" style="width: 20px;" type="button" onclick="selectWysiwyg(this, \'sel_smilies\')"><img src="http://illiweb.com/fa/i/smiles/icon_smile.gif" alt=""></button>'
  1253. 	 :'')
  1254.     
  1255. 	+'</td>'
  1256. 	+'<td align="right"><span class="gensmall"><a id="btn_clear" href="javascript:;">reset</a></span></td></tr></tbody></table>'
  1257.    +''
  1258.    );
  1259.  }
  1260. };
  1261.  
  1262. // -----------
  1263. if( isThisThread() ) init();
  1264. // -----------
  1265.  
  1266. })();
  1267. // script by ~Idx