☰

napisy24.pl helper

Dodaje kilka ciekawych funkcji na stronie napisy24.pl

当前为 2015-01-12 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name            napisy24.pl helper
  3. // @version         0.9.1
  4. // @author          KO
  5. // @description     Dodaje kilka ciekawych funkcji na stronie napisy24.pl
  6. // @namespace       KO/napisy24_helper
  7. // @icon            data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3wEDDSUqO/kIZgAAB3RJREFUeNrtm1tsHFcZx39nbnubXe/6trabxDElJHGaVoSoXAoNClGJeAgRPDYICQkkkBAKqlBJH0IJjRCtKEgVUkCqFCEhxEtFpCJaBG2VthQqW7JFFGhMSOI0sRN7veu9zs6NB6/Xu95Ze5w6SVvPefFeZo7O9zv/73Z2LFzXZSMPiQ0+AgABgABAACAAEAAIAAQAAgAbdSiLL06ePPlH13V3bQSjhRDnjh079uUmAKZpHtqzZw/hcPhDbXylUmF0dPTeFgUApNNpYrHYhxpAsVi8MzFAiOot36vK14mF/o4kSi3fWZZFoVBY85ymaa4cA9ZjRLQxumKniYX+gSzlsJ0Uper9zBS+Rbn6gK85ktEXGEgeBxyypa9wLfvjpu/Pnj3L7Ows+/fvp7Oz09ecExMTjI+Pc+DAAWRZvh0KcOmOn2Ko+2skIi8jSzkAZGmOePg1hrofJRX7w+oA1XP0J38EODUlXG25Zm5uzlPK7YbjOIyNjeE4DoZhrL8ChDDZlDpKPPwqAFV7E/nyAcrm/cS0t+iIvogkivR3/ISKuZNydXebeQwGUj9EYLfH7Lo4zgIcRfG39Hw+z+Kpl67r9fvXDUA8/Ne68bOFr3Nj/vu4LMhsvvwIBeMhNnd+D3DQQ6+1BdAb/yUh5SKOG6FU/Th66E1P/68v3CeASqVSfy3L8voDKFU/QaZ4hELlYQrGZ1p3oPIFTDuNKk+jSHOec8RCb9Ol/xaAm/nvoin/87zuVgA0Grzc+LYx4E//muZ3/7xK43FptmTyxn8zTM6Vmz637B6mco97Gg+gyDdR5WkADGtr6wJEkYHkE4BL2byP2cKRtsbYtt20m2sF4CsLlKo2vz57CdeFvYNJNndGePrlCUavZFk8QP7irl6+s2/I1wLS8Wfrr8vVPS3f93X8FFW+hovM9eyTK8bl9wpA0zTK5fLKCpAEdUMvzpQ4fubfjFxeMh7gpXM3GL2SXSU4WvR3nKAjeqYeD8rmrmXx41WS0Rdq8eMbVMztq5Wwa3bRRQCSJCFJ0uoKUOWli55/4zKG5aCHFL75uUGGuqOcePEdbuYN3r6UZc+WpLespAybOo8S1UYWMoM1yNT8403XyNIc/cnjNdf4KDfz3169c2swYLm0TdMkl8uRz+fJ5/MUi0UMw6inS03T/LmA5SxttWE5RDWZpw7vZGtXFID7BuK88h+D6XnDc8KoNsqm1GMo8o2FfG18infnfobldDbVDQPJ4yjSLC4y1+aewnW1NQGYmppicnKSbDZLLpdbtS5QVdUfgIrZnIcffXBT3XiAzujCQucrVstkXfppehM/R2DjuhrT80fJFI8AzdLtiZ8iHv5bDdCnkaQCUW0EFwVcBVnK1tzRQJay2E6yxQXGxsbaGhqPx4lGo2iaRiaTIZvNrgWA07DQEF/anV7miLWA1CBBgc09nY+RCP+lppwh3p17xtOnFSlDt/6b+ns99Dp66PW2pfX2vs9iOd1cmjlNwe5qVls0SiqVIplM1v8u72ZHRkbWCmBJAfu3dyMtCzym7dR8eEmOqdjv68ZnS4eZyj2B40a8g5KrkTceRg+9WWt2Vv9tUlAF3KY6YN++ffT09KxepNeid7us4ZkGF8eDW1MeOyhqu2zX83hP/LnavXu5lj3RIvlmADpXM8/WY4EkDIQwEZj1v72JX5CI/JmKOcy17JNYdg+W041lzSypIxLxlQUWDffdDZYaFNCtax5BbuGW2eJCuxtW30GW8guBKfeDFY332lvHDYPbLFvbjdfcTKdi7vSsBNtF9RYDaxWjbwCNMSCqtcpGD8m14GVTMR2S0Ys1qSkY1sfqZwGSqCBEBUkY2E4C2+l4zz3nohFCiLY+3Q5AI7wVAWjy0g5WbQdNkZY1LaGl1rRU5Z5Urv7+3p7DKPIMkmg9sKham5nM/ArDGvKhC3NFAKqq+i6KFkG1AyC1dndqQyPTelM60QjAxDC3AxJCWGjKJU/jATRlknTiaV+LtpzF4CZ7AvAr/0YAjWX0igr4SE+U3ngIRRZNu71Uu4eJhxXyFYt4WKFgPMSlmeeJhd7CcRNYdhe2k8Rxw7huCMcNocgZwup58pXP+1p0rnSIkHKBXPmQp5x1XfcNoLe3F13X6evr8+sCEqeOPIBA4KUyRRI889VdlEybzalIPfqXqnvbLsKwoGh80veiDWuIycxzLZ8PDg4iSRLpdNr/MV0kwsGDB/13gwupbWX/6uu4O0fniqIwNDS0vnPe6o2WZXH9+vX3xVF3f3+/7wOSdQNw/vx5Lly44Nli3snhOA7btm1j9+7ddxaA4zi4rts2vdypIYRY9dRnxQ6TDT5uWQGLufhuu4DrumuqC9YNwI4dOxgYGOBuP2kqhCCRSNx5AEIIOjq86/vLly9z5cqVdTV0y5YtDA4Ovn9cYKUxMTFR/wlrvUa1Wr0tAIJHZIIscJsqs8bf5NZrzg8MgOHhYYaHhwMX+MC5wPT09IZ4SMoTgKqqZ8bHxzfEY3Kqqp6r1zPB/wwFdUAAIAAQAAgABAACAAGAAEAAYEOO/wNzY+aLYxIEkAAAAABJRU5ErkJggg==
  8. // @include         http://napisy24.pl/*
  9. // @grant           none
  10. // @run-at          document-start
  11. // ==/UserScript==
  12.  
  13. var icons = {
  14.     staroff: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3gwUDR0hRbYVJwAAAjtJREFUOMudlM+rElEUx8+8lOGqE6PjzLyXGzczbhSVAqOyRYt2QYu3q7eqhehCJmwXiW8hSgvxByK0qFX/QIKLlsILIRI0uXlHQmgR+QZFEEZUnFaGr17O6x24i3vuuZ/DOed7L2UYBphZtVp9AAAQj8ffm8Va4ALGcVzKMAwKAEyBYBjGzlUulx9jjOcY43mlUjkyi98zyUeJopjgeZ7meZ4WBCEBANSuCzuBtVotFg6Hb2z2oVDoeq1Wi10KmMvlnKIoPnE6nb/77HK5LIIgPM1kMuw/S8rn8zcZhrlltVp9NpvNbbVa3TRNc3a73enz+fYRQmeS6rq+JoT8mM1m4+Vyqc3n85Gu6yNd1/F4PP5oYRjGL8vy81AotH+RiSOE9oLBoAcAPNv+drutEUIyV+r1+udGozFYr9cRURSdcAnrdDrfMcZKIpF4Q22EXSwW70qS9DoSicj/A2u1Wt9UVY0lk8kPAADU9kspFAoBr9f7LhqN+imKMtVvs9n8OhwOjxRF+XTulBVF6fZ6vcNut/vzAmWOCCGH27BzZWMYho1l2atmQJZlHYvFwmKqQ5fLdZ/neWQGFATBxnHcPVMgQiiA0Flev9/XVFXV/ogDhFDA9LdxOBwHm6YTQk4JISfT6fQlAAAh5FiW5duSJLm3Y3cCaZq+hjE+HQwGJ5qmvUilUl+2jh8WCoWAqqrHkiTdoWna89fT25ZNNps9YBjm7Wq1eqYoSm9XD0ulkh8AXk0mk0fpdHq88f8CflYIlVvjW0cAAAAASUVORK5CYII='
  15.     ,staron: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3gwUDR8nnuPSkAAAAsZJREFUOMulk0tvG1UUx//n3Jm5M2NnUjueOnYCoptmQYNUSKEqFYss2CGqloeQ6AoWkbJtdhVS8wX4ALBAoq14NGXBAqFu2oqmFSgEUKqySRcNIbUzcRw7bTyx554unGeBuApHOrpX5179dF5/EhF0sj8mgrcA4KUzte87/bXwDOYGqXMiIAAdgdzpw68T6Q97+sPXcs+Fr05fTZ/9n0AiP3BHPV9pz1faTbujANG+gdMT/khYzA6ZJIZJYoR9mVemJ/yRfQF/ukwZL3A+sl2xEhMjMQ042lhe2v74+hd04D9runPRPu767glWPGA5Vo6YckpJj+Vwpjvn9bISFkk2OwDTIrMSNRZaTVORhCKTSLnVMuXWeuveWn31tqU990i2WBjL9x/sNSZGksQwZh3GbJ5NiCSACEAMVjZnC34fs+5jdqCUBrNG+UE5qii+QCKC374L3s4Wcp+GxeyhLWgSb0HFNCEQECkwO21XGopdsNKI5qtz0cNo7OXT9a9pc7Gnv/HeCPKZz/LPZw+bpIHtbBswSQwRsw1SLpg1WGmU5qr3q+XqyNC7jWu7hnL0vbWb1b+W3pmfXZjZvRkEgEBE7esO+3u2/Gc9qr+/CQMAelp6ty7SQPGF8EYm7+VNst4uWZqAtEsmdsDKwfLDuLw0Xxs+9kF8d0/psYHvem7AZAFsAAhEeGPIDCILTBZcX9Jxsm511LLb5b3pBymPWNr9IAYkgQAg8EaWFvxA+77nDQP4fU+gpfSg7XgQacKAwKKwUqpFYKA77MoRGMQWLGXD1s5gxwwdTxeYHYghVKOVxUqpOtlcjT8BgOrS4/FMeOD1bL4nR2zDcXShI1DZdrFSWl5cLi1OrlUenR86G8/seD41dUkP1qLV8Uw+PGk7uu8f2hORLb/5JQpTV1I//nzFeXFn/N/8l6/SR6a+Tf0w+TmyO+NPAC36SwTUSJYTAAAAAElFTkSuQmCC'
  16.     ,search: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABJdEVYdENvcHlyaWdodABQdWJsaWMgRG9tYWluIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL3B1YmxpY2RvbWFpbi9Zw/7KAAABTklEQVQokY2PP0hCYRTFf/eZFThULhG0F0UQ4djgZsaHS0FBUK7NTkFNRVNbGER/oEVoCnyfgptbNAdRYwQ5BqJS6Ou2fMoriTrbvef+uOeIqgJQLpfngyDYFpElYAh4E5GTWCx2lkwm3wlJVBXf97MicgoM0q/7SCSymE6n692FZ61dEJELB+RFJNHpdMZUdQ2oA3NBEFx9++T7fglYBm6MMSuAds1isTjled4j8BmNRidTqVQNwANm3U0+DABkMpknoAl47XY70YvnSiMiEz/LVKvVAaDh/NcwZAFUNVupVOJhqNFoHAPjQK3Vaj2EO00Dt8Ao8AIcAXEXe9Xd7RljDnqQqmKtTQIFoC+iUwfYMsYUepDLP9xsNjdVdUZERlT1DvgALh0YABvGmOse9JustTvAYfejqq7/CTlwF9h34/O/IIBSqZRT1Rxw/gU4l4oisfSMMQAAAABJRU5ErkJggg=='
  17.     ,gear: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3gwZCB0WCaqqHgAAA3FJREFUOMulVN1LI1cUP2fuHchmQ12jMRKNRIwFG1jb3ARhxIbp0vSh6EP70AUpeWj/o1LYV5XtUx8Ka0ultKDJiB9MaAyCYASt+dB80padWZmZe/vQzDYyrvvQ83Tvub/7Ox+/cy8KIeA+SyaTHyLiAgAAIUQ7ODjYvQ9P4S0my/LPc3NzFADg5OTkFQC8cx9eGtyoqupTFOUZY2wZAIAx9phSKhRFkRVFkSVJkpPJ5Hv9s88URXmmqqpvkAPdkhVFeSCE+CUcDrNOp8Mdx6lxzkOZTGZoZmYGAQBOT095Pp//S5KkNiEkEgwGpWazqSPix7u7u+atkoUQ30YiEZbNZn2O40C3250lhMDIyMjr6LOzs9Lw8PAjzvmjYDAIhBDY2tpiV1dX3wDA17cIbdv+qdVqfeE4DlBKYWxs7M4ejY6OwsAd6HQ69s3NzQ+eHh4eHn5v23a92+16SGq1GtRqNY+/2WyCZVl/6Lq+6VGZMfZYluWQJP2n08XFhSgUCoZlWfW+4pGlpSX/1NQUAgBQSoFzPskYY7qu6wAAmEwmP6KU/kgp5YuLiw/i8Tj2ewobGxuGaZpPdV1/0Q+6HAgEvltdXQ24QSuVitA0zbRtW7Jt+1MJEdOJRILmcjm/SwYAcHl5CY7jVF0yAABd119YltUYLD8ej2Mul/MnEgmKiGkJAAAR7xQAEfkdPvEG7L+iIGKxXC6L9fV1o1KpvAZHo1EghERTqVTW9aVSqSwhJDIxMQGDJa+trRnlclkgYhGFEICIyBj7gFL628rKypA7Gufn57xQKJiO49T6bzmSyWT80WhUclXe3Nz807KsJ8VisSiEELQvgACAoqIoTc75kBs9FotJsVjsYbVafRcRYTAzdw4JIdW9vT3dM4fpdHqFEDIRDAY9/ZmcnPSQuUOOiNOMsU88hLIsfx4OhwkhBGzbhlarBb1ez0PS6/Wg1WqBbdsgyzKEQiHq8/meej6H+fn5h36//9fx8fH32+22wzlvOI4zpqpqYHp6GgEAzs7OxPb29t+EkDYhZDwUCpF6vf67YRhPSqXSy1sZlkqll4ioXl9fPzcM40tN0+KWZak7Ozumi8nn868sy1rSNG3GNM2vGo3Gc0RUXbJbGb7JFhYWzEQiQQEAjo+Pb/b39wP/68cWQiwfHR2x/vrwbfh/AK2fjH9FpXiPAAAAAElFTkSuQmCC'
  18. };
  19.  
  20. var options_db      = 'n24h_options';
  21. var shows_db        = 'n24h_shows';
  22.  
  23. var utils = {
  24.     /**
  25.         Dodaj dodatkowego CSS'a do strony
  26.     */
  27.     insertcss: function(css) {
  28.         var style = document.createElement('style');
  29.         style.setAttribute('type', 'text/css');
  30.         if (style.styleSheet)
  31.         {
  32.             style.styleSheet.cssText = css;
  33.         } else {
  34.             style.appendChild(document.createTextNode(css));
  35.         }
  36.         document.head.appendChild(style);
  37.     }
  38. };
  39.  
  40. /**
  41.     Obsługa opcji
  42. */
  43. var options = {
  44.     /**
  45.         Zapisz wartość
  46.     */
  47.     setValue: function(name, value) {
  48.         var optdb=localStorage.getItem(options_db);
  49.  
  50.         if (!optdb)
  51.             optdb='{}';
  52.         var o=JSON.parse(optdb);
  53.  
  54.         o[name]=value;
  55.         localStorage.setItem(options_db, JSON.stringify(o));
  56.     },
  57.     /**
  58.         Pobierz wartość
  59.     */
  60.     getValue: function(name, def) {
  61.         var optdb=localStorage.getItem(options_db);
  62.  
  63.         if (!optdb)
  64.             optdb='{}';
  65.         var o=JSON.parse(optdb);
  66.  
  67.         var value=o[name];
  68.         if (value==null)
  69.             value=def;
  70.  
  71.         return value;
  72.     },
  73.     /**
  74.         Usuń klucz z opcji
  75.     */
  76.     remove: function(name) {
  77.         var optdb=localStorage.getItem(options_db);
  78.  
  79.         if (!optdb)
  80.             optdb='{}';
  81.         var o=JSON.parse(optdb);
  82.  
  83.         delete o[name];
  84.         localStorage.setItem(options_db, JSON.stringify(o));
  85.  
  86.     },
  87.     /**
  88.         Pokaż/ukryj checkboxy w zależności od innych opcji
  89.     */
  90.     showHideCheckboxs: function() {
  91.         var n24info=document.querySelector('input[data-n24h-checkbox="shown24info"]');
  92.         var useimdb=document.querySelector('input[data-n24h-checkbox="useimdbinfo"]');
  93.         if (n24info.checked)
  94.             useimdb.parentNode.setAttribute('style', 'display:block');
  95.         else
  96.             useimdb.parentNode.setAttribute('style', 'display:none');
  97.     },
  98.     /**
  99.         Wypełnij panele aktualnymi ustawieniami, serialami, itp.
  100.     */
  101.     fillPanels: function() {
  102.         var inputs=document.querySelectorAll('input[data-n24h-checkbox]');
  103.         for (var i=0;i<inputs.length;i++)
  104.         {
  105.             inputs[i].checked=options.getValue(inputs[i].getAttribute('data-n24h-checkbox'), false);
  106.         }
  107.         var keywords=showsdb.getAll();
  108.         var areashows=document.getElementById('n24h_opt_areashows');
  109.         var showtext='';
  110.         for (var i=0;i<keywords.length;i++)
  111.         {
  112.             if (showtext!='')
  113.                 showtext+='\n';
  114.             showtext+=keywords[i];
  115.         }
  116.         areashows.value=showtext;
  117.         var areadebug=document.getElementById('n24h_opt_areadebug');
  118.         var debugtext='/**opcje**/\n';
  119.         debugtext+=localStorage.getItem(options_db);
  120.         debugtext+='\n\n/**seriale**/\n';
  121.         debugtext+=localStorage.getItem(shows_db);
  122.         areadebug.value=debugtext;
  123.         options.showHideCheckboxs();
  124.     },
  125.     /**
  126.         Pokaż panel opcji
  127.     */
  128.     show: function() {
  129.         options.fillPanels();
  130.         var panel=document.querySelector('div.n24h_options_background');
  131.         panel.setAttribute('style', 'display:block');
  132.     },
  133.     /**
  134.         Ukryj panel opcji
  135.     */
  136.     hide: function() {
  137.         var panel=document.querySelector('div.n24h_options_background');
  138.         panel.setAttribute('style', 'display:none');
  139.     },
  140.     /**
  141.         Obsługa kliknięcia checkboxa
  142.     */
  143.     checkboxClick: function(e) {
  144.         e = e || window.event;
  145.         var target = e.target || e.srcElement;
  146.         options.setValue(target.getAttribute('data-n24h-checkbox'), target.checked);
  147.         options.showHideCheckboxs();
  148.     },
  149.     /**
  150.         Obsługa kliknięcia przycisku sekcji
  151.     */
  152.     typeButtonClick: function(e) {
  153.         e = e || window.event;
  154.         var target = e.target || e.srcElement;
  155.         var panel = target.getAttribute('data-n24h-optiontype');
  156.         var opt_panels=document.querySelectorAll('div[data-n24h-optionpanel]');
  157.         for (var i=0;i<opt_panels.length;i++)
  158.         {
  159.             opt_panels[i].setAttribute('style', panel==opt_panels[i].getAttribute('data-n24h-optionpanel')?'display:block':'display:none');
  160.         }
  161.         var opt_buttons=document.querySelectorAll('div[data-n24h-optiontype]');
  162.         for (var i=0;i<opt_buttons.length;i++)
  163.         {
  164.             opt_buttons[i].setAttribute('class', panel==opt_buttons[i].getAttribute('data-n24h-optiontype')?'n24h_options_panel_button n24h_options_panel_button_selected':'n24h_options_panel_button');
  165.         }
  166.         options.fillPanels();
  167.     },
  168.     /**
  169.         Obsługa przycisku zapisz
  170.     */
  171.     btnSaveClick: function() {
  172.         var areashows=document.getElementById('n24h_opt_areashows');
  173.         var shows = areashows.value.split('\n');
  174.         localStorage.removeItem(shows_db);
  175.         for (var i=0;i<shows.length;i++)
  176.         {
  177.             console.log(shows[i]);
  178.             if (shows[i] != null && shows[i] != '' && !showsdb.exists(shows[i].trim()))
  179.                 showsdb.add(shows[i].trim());
  180.         }
  181.         options.fillPanels();
  182.     },
  183.     /**
  184.         Obsługa przycisku usuwania opcji 
  185.     */
  186.     btnKillOptClick: function() {
  187.         if (confirm('Czy napewno chcesz usunąć wszystkie ustawienia?\nNie będzie można tego cofnąć.'))
  188.             localStorage.removeItem(options_db);
  189.         options.fillPanels();
  190.     },
  191.     /**
  192.         Obsługa przycisku usuwania seriali
  193.     */
  194.     btnKillShowsClick: function() {
  195.         if (confirm('Czy napewno chcesz usunąć wszystkie ulubione filmy/seriale?\nNie będzie można tego cofnąć.'))
  196.             localStorage.removeItem(shows_db);
  197.         options.fillPanels();
  198.     },
  199.     init: function() {
  200.         var css='#n24h_options_gear{'+
  201.                     'cursor:pointer;'+
  202.                     'width:20px;'+
  203.                     'line-height: 26px;'+
  204.                     '}'+
  205.                 '.n24h_options_background{'+
  206.                     'position:fixed;'+
  207.                     'top:0;'+
  208.                     'left:0;'+
  209.                     'width:100%;'+
  210.                     'height:100%;'+
  211.                     'background:rgba(0,0,0,0.6);'+
  212.                     'text-align:center;'+
  213.                     'z-index:9999;'+
  214.                     '}'+
  215.                 '.n24h_options_dialog{'+
  216.                     'margin: 0px auto;'+
  217.                     'padding: 50px 0px;'+
  218.                     'width: 900px;'+
  219.                     'height: 100%;'+
  220.                     'transition: none 0s ease 0s;'+
  221.                     'transform: none;'+
  222.                     'position: relative;'+
  223.                     'box-sizing: border-box;'+
  224.                     '}'+
  225.                 '.n24h_options_content{'+
  226.                     'max-height: 100%;'+
  227.                     'overflow-y: auto;'+
  228.                     'border: 4px solid rgba(85, 85, 85, 0.5);'+
  229.                     'background-clip: padding-box;'+
  230.                     'box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);'+
  231.                     'border-radius: 13px;'+
  232.                     'position: relative;'+
  233.                     'outline: 0px none;'+
  234.                     'background-color: #FFF;'+
  235.                     'box-sizing: border-box;'+
  236.                     'color: #303030;'+
  237.                     'font-family: Arial,Helvetica,sans-serif;'+
  238.                     'text-align:left;'+
  239.                     'display: block;'+//
  240.                     '}'+
  241.                 '.n24h_options_header{'+
  242.                     'margin: 0px;'+
  243.                     'border-bottom: 1px solid #A0A0A0;'+
  244.                     'padding: 10px 10px 0px 10px;'+
  245.                     '}'+
  246.                 '.n24h_options_body{'+
  247.                     'display: table;'+
  248.                     'min-height: 150px;'+
  249.                     '}'+
  250.                 '.n24h_options_body>input{'+
  251.                     'margin: 0px;'+
  252.                     '}'+
  253.                 '.n24h_options_close{'+
  254.                     'float:right;'+
  255.                     'padding: 0px;'+
  256.                     'border: 1px solid;'+
  257.                     'cursor:pointer;'+
  258.                     'margin-top: -25px;'+
  259.                     'padding: 1px 2px 1px 2px;'+
  260.                     'border-radius: 5px;'+
  261.                     '}'+
  262.                 '.n24h_options_close:hover{'+
  263.                     'background-color: #D0D0D0;'+
  264.                     'border-color: #646F7C;'+
  265.                     '}'+
  266.                 '.n24h_options_panel_l{'+
  267.                     'padding: 10px;'+
  268.                     'border-right: 1px solid #A0A0A0;'+
  269.                     'display: table-cell;'+
  270.                     'position: relative;'+
  271.                     
  272.                     '}'+
  273.                 '.n24h_options_panel_r{'+
  274.                     'padding: 10px;'+
  275.                     'width: 750px;'+
  276.                     '}'+
  277.                 '.n24h_options_panel_button{'+
  278.                     'cursor: pointer;'+
  279.                     'background-color: #D5D5D5;'+
  280.                     'border: 1px solid #000000;'+
  281.                     'border-bottom: 3px solid #000000;'+
  282.                     'padding: 5px 10px 5px 10px;'+
  283.                     'margin-bottom: 2px;'+
  284.                     '}'+
  285.                 '.n24h_options_panel_button:hover{'+
  286.                     'background-color: #E0E0E0;'+
  287.                     'border-radius: 0px 0px 3px 3px;'+
  288.                     'border-bottom: 3px solid #D26911;'+
  289.                     '}'+
  290.                 '.n24h_options_panel_button_selected{'+
  291.                     'border-radius: 0px 0px 3px 3px;'+
  292.                     'border-bottom: 3px solid #F21911;'+
  293.                     '}'+
  294.                 '.n24h_opt_button{'+
  295.                     'background-color: #D5D5D5;'+
  296.                     'border: 1px solid #000000;'+
  297.                     'border-bottom: 3px solid #000000;'+
  298.                     'padding: 3px 5px 3px 5px;'+
  299.                     'margin-top: 5px;'+
  300.                     'margin-right: 5px;'+
  301.                     '}'+
  302.                 '.n24h_opt_button:hover{'+
  303.                     'background-color: #E0E0E0;'+
  304.                     'border-radius: 0px 0px 3px 3px;'+
  305.                     'border-bottom: 3px solid #D26911;'+
  306.                     '}'+
  307.                 '.n24h_opt_area{'+
  308.                     'width: 100%;'+
  309.                     'height: auto;'+
  310.                     'cursor: auto !important;'+
  311.                     'margin-bottom: 0px;'+
  312.                     'background-color: #EEEEEE;'+
  313.                     'color: #555555;'+
  314.                     '}'+
  315.                 '.n24h_opt_area:focus{'+
  316.                     'color: #555555;'+
  317.                     '}'+
  318.                 '.n24h_options_panel_r > div > input[type="checkbox"]{'+
  319.                     'margin: 0px;'+
  320.                     'margin-top: -4px;'+
  321.                     '}'+
  322.                 '.n24_option_level2{'+
  323.                     'margin-left:30px;'+
  324.                     '}';
  325.  
  326.         var ul=document.querySelector('ul.avatar-main-menu-szare');
  327.         if (!ul)
  328.             return;
  329.         utils.insertcss(css);
  330.         var li=document.createElement('li');    //panel z opcjami
  331.         li.setAttribute('id', 'n24h_options_gear');
  332.         li.setAttribute('title', 'napisy24.pl helper opcje');
  333.         li.addEventListener('click', options.show, false);
  334.         var img=document.createElement('img');
  335.         img.setAttribute('src', icons.gear);
  336.         img.setAttribute('style', 'margin-top: -5px;');
  337.         li.appendChild(img);
  338.         ul.appendChild(li);
  339.         var panel = document.createElement('div');
  340.         panel.innerHTML='<div class="n24h_options_background" style="display:none">'+
  341.                             '<div class="n24h_options_dialog">'+
  342.                                 '<div class="n24h_options_content">'+
  343.                                     '<div class="n24h_options_header">'+
  344.                                         '<img src="'+icons.gear+'" style="margin-top: -5px;padding-right: 5px;">Opcje:<br/>'+
  345.                                         '<span style="color:red;font-size:small;">Zmiana opcji wymaga przeładowania strony.</span>'+
  346.                                         '<div class="n24h_options_close">X</div>'+
  347.                                     '</div>'+
  348.                                     '<div class="n24h_options_body">'+
  349.                                         '<div class="n24h_options_panel_l">'+
  350.                                             '<div class="n24h_options_panel_button n24h_options_panel_button_selected" data-n24h-optiontype="general">Ogólne</div>'+
  351.                                             '<div class="n24h_options_panel_button" data-n24h-optiontype="shows">Seriale</div>'+
  352.                                             '<div class="n24h_options_panel_button" data-n24h-optiontype="debug">Debug</div>'+
  353.                                         '</div>'+
  354.                                         '<div class="n24h_options_panel_r" data-n24h-optionpanel="general">'+
  355.                                             '<div><input type="checkbox" data-n24h-checkbox="fixsearch"> Zapamiętaj tekst w wyszukiwarce</div>'+
  356.                                             '<div><input type="checkbox" data-n24h-checkbox="killcover"> Usuń okładki filmów/seriali</div>'+
  357.                                             '<div><input type="checkbox" data-n24h-checkbox="killimdbinfo"> Usuń info o serialu/ocenę IMDB</div>'+
  358.                                             '<div><input type="checkbox" data-n24h-checkbox="shown24info"> Na stronie z tłumaczeniami pokaż info N24/IMDB</div>'+
  359.                                             '<div class="n24_option_level2" style="display:none"><input type="checkbox" data-n24h-checkbox="useimdbinfo"> Zastąp info N24 linkiem do IMDB</div>'+
  360.                                             '<div><input type="checkbox" data-n24h-checkbox="usealtskin"> Używaj alternatywnej (jasnej) skórki</div>'+
  361.                                         '</div>'+
  362.                                         '<div style="display:none" class="n24h_options_panel_r" data-n24h-optionpanel="shows">'+
  363.                                             '<label>Ulubione filmy/seriale (jeden film/serial na linię)</label>'+
  364.                                             '<textarea id="n24h_opt_areashows" class="n24h_opt_area" rows="10" ></textarea>'+
  365.                                             '<button id="n24h_opt_btn_save" class="n24h_opt_button">Zapisz</button>'+
  366.                                         '</div>'+
  367.                                         '<div style="display:none" class="n24h_options_panel_r" data-n24h-optionpanel="debug">'+
  368.                                             '<label>Informacje do debugowania</label>'+
  369.                                             '<textarea id="n24h_opt_areadebug" rows="10" class="n24h_opt_area" readOnly></textarea>'+
  370.                                             '<button id="n24h_opt_btn_killshows" class="n24h_opt_button">Usuń wszystkie ulubione filmy/seriale</button>'+
  371.                                             '<button id="n24h_opt_btn_killopt" class="n24h_opt_button">Usuń wszystkie ustawienia (bez filmów/seriali)</button>'+
  372.                                         '</div>'+
  373.                                     '</div>'+
  374.                                 '</div>'+
  375.                             '</div>'+
  376.                         '</div>';
  377.         document.body.appendChild(panel);
  378.         //przycisk zapisz
  379.         var close=document.querySelector('div.n24h_options_close');
  380.         close.addEventListener('click', options.hide, false);
  381.         //checkboxy
  382.         var opt_checkboxs=document.querySelectorAll('input[data-n24h-checkbox]');
  383.         for (var i=0;i<opt_checkboxs.length;i++)
  384.             opt_checkboxs[i].addEventListener('click', options.checkboxClick, false);
  385.         //sekcje
  386.         var opt_types=document.querySelectorAll('div[data-n24h-optiontype]');
  387.         for (var i=0;i<opt_types.length;i++)
  388.             opt_types[i].addEventListener('click', options.typeButtonClick, false);
  389.         //przycisk zapisz
  390.         var opt_btn_save=document.getElementById('n24h_opt_btn_save');
  391.         opt_btn_save.addEventListener('click', options.btnSaveClick, false);
  392.         //usuń opcje
  393.         var opt_btn_killopt=document.getElementById('n24h_opt_btn_killopt');
  394.         opt_btn_killopt.addEventListener('click', options.btnKillOptClick, false);
  395.         //usuń seriale
  396.         var opt_btn_killshows=document.getElementById('n24h_opt_btn_killshows');
  397.         opt_btn_killshows.addEventListener('click', options.btnKillShowsClick, false);
  398.     }
  399. };
  400.  
  401. var showsdb = {
  402.     all: null,
  403.     upper: null,
  404.     /**
  405.         Pobiera tablicę fraz-kluczy.
  406.         @return array Tablica fraz-kluczy.
  407.     */
  408.     getAll: function() {
  409.         var keywords = localStorage.getItem(shows_db);
  410.         this.all     = (keywords != null && keywords != '') ? JSON.parse(keywords) : [];
  411.         return this.all;
  412.     },
  413.     /**
  414.         Pobiera tablicę fraz-kluczy.
  415.         @param string keyword
  416.         @return bool Prawda jeśli keyword istnieje w tablicy; inaczej fałsz.
  417.     */
  418.     exists: function(keyword) {
  419.         var keywords = localStorage.getItem(shows_db);
  420.         this.upper   = (keywords != null && keywords != '') ? JSON.parse(keywords.toUpperCase()) : [];
  421.         return this.upper.indexOf(keyword.toUpperCase()) < 0 ? false : true;
  422.     },
  423.     /**
  424.         Dodaje keyword do tablicy fraz-kluczy.
  425.         @param string keyword
  426.         @return void
  427.     */
  428.     add: function(keyword) {
  429.         if (!this.exists(keyword))
  430.         {
  431.             this.getAll();
  432.             this.all = this.all.concat([keyword]);
  433.             localStorage.setItem(shows_db, JSON.stringify(this.all));
  434.             return 1;
  435.         }
  436.         return 0;
  437.     },
  438.     /**
  439.         Usuwa keyword z tablicy fraz-kluczy.
  440.         @param string keyword
  441.         @return void
  442.     */
  443.     remove: function(keyword) {
  444.         if (this.exists(keyword))
  445.         {
  446.             this.getAll();
  447.             this.all.splice(this.upper.indexOf(keyword.toUpperCase()), 1);
  448.             localStorage.setItem(shows_db, JSON.stringify(this.all));
  449.             return 1;
  450.         }
  451.         return 0;
  452.     }
  453. };
  454.  
  455. /**
  456.     Strona z tłumaczeniami
  457. */
  458. var tlumaczenia = {
  459.     /**
  460.         Pobierz nazwę filmu/serialu bez numeru sezonu i odcinka/odcinków
  461.     */
  462.     getTitle: function(row) {
  463.         var title=row.getAttribute('data-head');
  464.         //oczyść tytuł ze wszystkich śmieci i numeru serii oraz odcinka/odcinków
  465.         title=title.trim().replace(/\d+x\d+.*/, '');
  466.         //usuń spacje na końcu która pozostała po wywaleniu numeru serii i odcina
  467.         title=title.trim();
  468.         return title;
  469.     },
  470.     /**
  471.         Zrób zebrę od nowa
  472.     */
  473.     restyleRows: function() {
  474.         var rows=document.querySelectorAll('table#translationsTable > tbody > tr:not([style*="none"])');
  475.         for (var i=0;i<rows.length;i++) {
  476.             var trcl=rows[i].getAttribute('class');
  477.             trcl=trcl.replace(/(odd|even)/, '');
  478.             if (i%2)
  479.             {
  480.                 rows[i].setAttribute('class', trcl+' odd');
  481.             } else {
  482.                 rows[i].setAttribute('class', trcl+' even');
  483.             }
  484.         }
  485.     },
  486.     /**
  487.         Przenieś wiersz na szczyt listy
  488.     */
  489.     moveTop: function(row) {
  490.         //znajdź tabelkę z tłumaczeniami
  491.         var table=document.querySelector('table#translationsTable > tbody');
  492.         //znajdź pierwszy wiersz tabelki
  493.         var first_line=table.querySelector('tr');
  494.         //wstaw przed pierwszy wiersz nasz wiersz
  495.         table.insertBefore(row,first_line);
  496.         var td=row.querySelector('td[data-n24h-star]');
  497.         td.setAttribute('data-n24h-star', 'on');
  498.     },
  499.     /**
  500.         Umieść ulubione filmy/seriale na szczycie listy
  501.     */
  502.     FavoriteOnTop: function() {
  503.         /**
  504.             Dla każdego wiersza w tabeli...
  505.             Od końca do początku, żeby zachować kolejność sortowania
  506.         */
  507.         var rows=document.querySelectorAll('table#translationsTable > tbody > tr');
  508.         for (var i=rows.length-1;i>=0;i--)
  509.         {
  510.             var row=rows[i];
  511.             /**
  512.                 Wyciąga tytuł i oczyszcza go ze zbędnych znaków.
  513.             */
  514.             var title=tlumaczenia.getTitle(row);
  515.             if (showsdb.exists(title))
  516.             {
  517.                 //Znaleziono dopasowanie.
  518.                 tlumaczenia.moveTop(row);
  519.             } else {
  520.                 //Nie ma dopasowania
  521.                 //Wyczyść na wszelki wypadek gwiazdkę
  522.                 var td=row.querySelector('td[data-n24h-star]');
  523.                 td.setAttribute('data-n24h-star', 'off');
  524.             }
  525.         }
  526.         tlumaczenia.restyleRows();
  527.     },
  528.     /**
  529.         Ustaw informację o kierunku sortowania w nagłówku tabelki
  530.     */
  531.     SetColumnHeader: function(col, reverse) {
  532.         var header=document.querySelectorAll('table#translationsTable>thead>tr>th.header');
  533.         for (var i=0;i<header.length;i++)
  534.         {
  535.             if ((i==col)&&(reverse==1))
  536.                 header[i].setAttribute('class', 'header n24h_sort_asc')
  537.             else if ((i==col)&&(reverse==-1))
  538.                 header[i].setAttribute('class', 'header n24h_sort_desc')
  539.             else {
  540.                 var thcl=header[i].getAttribute('class');
  541.                 thcl=thcl.replace(/(n24h_sort_asc|n24h_sort_desc)/, '');
  542.                 header[i].setAttribute('class', thcl);
  543.             }
  544.         }
  545.     },
  546.     /**
  547.         Sortowanie tabelki z tłumaczeniami
  548.     */
  549.     sortTable: function(col, reverse) {
  550.         var table=document.querySelector('table#translationsTable');
  551.         col = typeof col !== 'undefined' ? col : options.getValue('column', 4);
  552.         reverse = typeof reverse !== 'undefined' ? reverse : options.getValue('reverse', 1);
  553.         var tb = table.tBodies[0], // use `<tbody>` to ignore `<thead>` and `<tfoot>` rows
  554.             tr = Array.prototype.slice.call(tb.rows, 0), // put rows into array
  555.             i;
  556.         reverse = -((+reverse) || -1);
  557.         tr = tr.sort(function (a, b) { // sort rows
  558.             var atext=a.cells[col].textContent.trim();
  559.             var btext=b.cells[col].textContent.trim();
  560.             if ((col==3)||(col==4))
  561.             {
  562.                 //Kolumna 3: "Postęp"
  563.                 //Kolumna 4: "Oczekujący"
  564.                 //trzeba usunąć znaki: procentu, plus i minus oraz zamienić na numerek
  565.                 avalue=Number(atext.replace(/[\+\-\%]/g, ''));
  566.                 bvalue=Number(btext.replace(/[\+\-\%]/g, ''));
  567.                 return reverse==1?avalue-bvalue:bvalue-avalue;
  568.             } else {
  569.                 //resztę kolumn traktujemy jako tekstowe
  570.                 // `-1 *` if want opposite order
  571.                 return reverse * (atext.localeCompare(btext));
  572.             }
  573.         });
  574.         for(i = 0; i < tr.length; ++i)
  575.         {
  576.             tb.appendChild(tr[i]); // append each row in order
  577.         }
  578.  
  579.         //zapisz ustawienia sortowania
  580.         options.setValue('column', col);
  581.         options.setValue('reverse', -((+reverse) || -1));
  582.         //ustaw nagłówek
  583.         tlumaczenia.SetColumnHeader(col, reverse);
  584.         //przesuń ulubione na samą górę
  585.         tlumaczenia.FavoriteOnTop();
  586.     },
  587.     /**
  588.         Obsługa kliknięcia w gwiazdkę
  589.     */
  590.     StarClickHandler: function(e) {
  591.         e = e || window.event;
  592.         var target = e.target || e.srcElement;
  593.         var row=target.parentNode;
  594.         var title=tlumaczenia.getTitle(row);
  595.         if (this.getAttribute('data-n24h-star')!='on')
  596.         {
  597.             //Zacznij śledzić...
  598.             var keyword = prompt('Podaj tytuł filmu lub serialu\nbez numeracji sezonu/odcinka:', tlumaczenia.getTitle(row));
  599.             tlumaczenia.AddTitle(keyword);
  600.         } else {
  601.             //Przestań śledzić...
  602.             tlumaczenia.RemoveTitle(title);
  603.         }
  604.     },
  605.     /**
  606.         Szukanie filmu/serialu na liście tłumaczonych
  607.     */
  608.     DoSearch: function() {
  609.         var keyword = document.querySelector('input#n24h_tr_input_search').value.trim().toUpperCase();
  610.         var rows=document.querySelectorAll('table#translationsTable > tbody > tr');
  611.         for (var i=0;i<rows.length;i++)
  612.         {
  613.             var row=rows[i];
  614.             var title=tlumaczenia.getTitle(row).toUpperCase();
  615.             if (keyword == null || keyword == '')
  616.             {
  617.                 //pokazujemy wszystkie rekordy
  618.                 row.style.display='table-row';
  619.             } else if (title.indexOf(keyword)!=-1)
  620.             {
  621.                 row.style.display='table-row';
  622.             } else {
  623.                 row.style.display='none';
  624.             }
  625.         }
  626.         tlumaczenia.restyleRows();
  627.     },
  628.     /**
  629.         Obsługa szukania z uwzględnieniem przycisku ESC
  630.     */
  631.     SearchHandler: function(e) {
  632.         e = e || window.event;
  633.         if (e.keyCode==27)
  634.             document.getElementById('n24h_tr_input_search').value='';
  635.         tlumaczenia.DoSearch();
  636.     },
  637.     /**
  638.         Przycisk wyczyść
  639.     */
  640.     ClearHandler: function() {
  641.         document.getElementById('n24h_tr_input_search').value='';
  642.         tlumaczenia.DoSearch();
  643.     },
  644.     /**
  645.         Dodaj film/serial do listy ulubionych
  646.     */
  647.     AddTitle: function(title) {
  648.         if (title != null && title != '' && !showsdb.exists(title))
  649.         {
  650.             if (showsdb.add(title))
  651.             {
  652.                 document.querySelector('input#n24h_tr_input_new').value='';
  653.                 var select=document.querySelector('select#n24h_tr_shows_list');
  654.                 var option=document.createElement("option");
  655.                 option.text=title;
  656.                 option.setAttribute('class', 'n24h_tr_option');
  657.                 select.add(option);
  658.                 tlumaczenia.sortTable();
  659.             }
  660.         }
  661.     },
  662.     /**
  663.         Przycisk dodaj
  664.     */
  665.     AddNewHandler: function() {
  666.         var keyword = document.querySelector('input#n24h_tr_input_new').value.trim();
  667.         tlumaczenia.AddTitle(keyword);
  668.     },
  669.     /**
  670.         Usuń film/serial z listy ulubionych
  671.     */
  672.     RemoveTitle: function(title) {
  673.         if (showsdb.exists(title))
  674.         {
  675.             if (showsdb.remove(title))
  676.             {
  677.                 var select=document.querySelector('select#n24h_tr_shows_list');
  678.                 for (var i=0;i<select.length;i++)
  679.                     if (select[i].value.toUpperCase()==title.toUpperCase())
  680.                     {
  681.                         select.remove(i);
  682.                         break;
  683.                     }
  684.             }
  685.             tlumaczenia.sortTable();
  686.         }
  687.     },
  688.     /**
  689.         Przycisk usuń
  690.     */
  691.     RemoveHandler: function() {
  692.         var keyword = document.querySelector('select#n24h_tr_shows_list').value;
  693.         tlumaczenia.RemoveTitle(keyword);
  694.     },
  695.     /**
  696.         Dodaj panel na górze tabelki z tłumaczeniami
  697.     */
  698.     AddPanel: function() {
  699.         var css='#n24h_tr_input_search{'+ //wyszukiwanie
  700.                     'margin-right: 5px;'+
  701.                     'padding-left: 22px;'+
  702.                     'border-radius: 4px;'+
  703.                     'height: 25px;'+
  704.                     'margin-bottom: 0px;'+
  705.                     'width: 150px;'+
  706.                     'background-repeat: no-repeat;'+
  707.                     'background-position: 5px center;'+
  708.                     'background-image: url('+icons.search+');'+
  709.                     '}'+
  710.                 '#n24h_tr_input_new{'+
  711.                     'margin-right: 5px;'+
  712.                     'padding-left: 27px;'+
  713.                     'border-radius: 4px;'+
  714.                     'height: 25px;'+
  715.                     'margin-bottom: 0px;'+
  716.                     'width: 150px;'+
  717.                     'background-repeat: no-repeat;'+
  718.                     'background-position: 5px center;'+
  719.                     'background-image: url('+icons.staroff+');'+
  720.                     '}'+
  721.                 '#n24h_tr_input_clear,#n24h_tr_input_add,#n24h_tr_input_remove{'+
  722.                     'border: 1px solid #32383E;'+
  723.                     'background-color: #1B1F23;'+
  724.                     'color: #7A878C;'+
  725.                     'border-radius: 4px;'+
  726.                     'cursor: pointer;'+
  727.                     'width: 80px;'+
  728.                     'height: 25px;'+
  729.                     '}'+
  730.                 '#n24h_tr_input_clear:hover,#n24h_tr_input_add:hover,#n24h_tr_input_remove:hover{'+
  731.                     'border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);'+
  732.                     '}'+
  733.                 '#n24h_tr_shows_list{'+
  734.                     'width: auto;'+
  735.                     'margin-right: 5px;'+
  736.                     'height: 25px;'+
  737.                     'margin-bottom: 0px;'+
  738.                     'margin-left: 30px;'+
  739.                     'border: 1px solid #32383E'+
  740.                     'background-color: #1B1F23;'+
  741.                     'color: #7A878C;'+
  742.                     'max-width: 200px;'+
  743.                     '}'+
  744.                 '.n24h_tr_option{'+
  745.                     'background-color: #1B1F23;'+
  746.                     'color: #7A878C;'+
  747.                     '}';
  748.         var trtable=document.querySelector('table#translationsTable');
  749.         if (!trtable)
  750.             return;
  751.         utils.insertcss(css);
  752.         var panel=document.createElement('div');    //panel z opcjami
  753.         panel.setAttribute('id', 'n24h_tr_panel');
  754.         panel.setAttribute('class', 'tbl_top');
  755.         panel.setAttribute('style', 'margin: 0px;');
  756.  
  757.         var div=document.createElement('div');      //ogólny div ze wszystkim
  758.         div.setAttribute('style', 'float:none;padding: 10px; margin-top: -15px; margin-bottom: 15px;');
  759.  
  760.         var left_div=document.createElement('div');     //lewa część opcji
  761.         left_div.setAttribute('style', 'float:left')
  762.  
  763.         var input_search=document.createElement('input'); //okienko do szukania
  764.         input_search.setAttribute('id', 'n24h_tr_input_search');
  765.         input_search.setAttribute('type', 'text');
  766.         input_search.setAttribute('placeholder', 'Szukaj...');
  767.         input_search.addEventListener('keyup', tlumaczenia.SearchHandler, false);
  768.  
  769.         var input_clear=document.createElement('input');  //przycisk wyczyść
  770.         input_clear.setAttribute('id', 'n24h_tr_input_clear');
  771.         input_clear.setAttribute('type', 'button');
  772.         input_clear.setAttribute('value', 'Wyczyść');
  773.         input_clear.addEventListener('click', tlumaczenia.ClearHandler, false);
  774.  
  775.         //dodaj do lewego diva
  776.         left_div.appendChild(input_search); //okienko szukania
  777.         left_div.appendChild(input_clear);  //i przycisk wyczyść
  778.         
  779.         var right_div=document.createElement('div');     //prawa część opcji
  780.         right_div.setAttribute('style', 'float:right')
  781.  
  782.         var input_new=document.createElement('input'); //okienko do dodawania nowego serialu/filmu
  783.         input_new.setAttribute('id', 'n24h_tr_input_new');
  784.         input_new.setAttribute('type', 'text');
  785.  
  786.         var input_add=document.createElement('input');  //przycisk dodaj
  787.         input_add.setAttribute('id', 'n24h_tr_input_add');
  788.         input_add.setAttribute('type', 'button');
  789.         input_add.setAttribute('value', 'Dodaj');
  790.         input_add.addEventListener('click', tlumaczenia.AddNewHandler, false);
  791.  
  792.         var select=document.createElement('select');  //selekt z listą seriali/filmów
  793.         select.setAttribute('id', 'n24h_tr_shows_list');
  794.         select.setAttribute('size', '1');
  795.  
  796.         //wypełnij selekta listą seriali/filmów
  797.         var keywords = showsdb.getAll();
  798.         for (var i=0;i<keywords.length;i++)
  799.         {
  800.             var option=document.createElement("option");
  801.             option.text=keywords[i];
  802.             option.setAttribute('class', 'n24h_tr_option');
  803.             select.add(option);
  804.         }
  805.  
  806.  
  807.         var input_remove=document.createElement('input');  //przycisk usuń
  808.         input_remove.setAttribute('id', 'n24h_tr_input_remove');
  809.         input_remove.setAttribute('type', 'button');
  810.         input_remove.setAttribute('value', 'Usuń');
  811.         input_remove.addEventListener('click', tlumaczenia.RemoveHandler, false);
  812.  
  813.         //dodaj do prawego diva
  814.         right_div.appendChild(input_new);       //okienko do dodawania nowego serialu/filmu
  815.         right_div.appendChild(input_add);       //przycisk dodaj
  816.         right_div.appendChild(select);          //listę seriali/filmów
  817.         right_div.appendChild(input_remove);    //i przycisk usuń
  818.  
  819.         //dodaj do ogólnego diva
  820.         div.appendChild(left_div);  //lewego diva
  821.         div.appendChild(right_div); //i prawego diva
  822.  
  823.         //dodaj ogólnego diva do panelu
  824.         panel.appendChild(div);
  825.         trtable.parentNode.insertBefore(panel,trtable);
  826.     },
  827.     /**
  828.         Dodaj dodatkową kolumnę z gwiazdkami
  829.     */
  830.     AddStars: function() {
  831.         var css='td[data-n24h-star]{'+ //wyszukiwanie
  832.                     'background-image: url('+icons.staroff+');'+
  833.                     'background-repeat: no-repeat;'+
  834.                     'background-position: center;'+
  835.                     'cursor:pointer !important;'+
  836.                     '}'+
  837.                 'td[data-n24h-star="on"]{'+
  838.                     'background-image: url('+icons.staron+');'+
  839.                     '}';
  840.         var trtable=document.querySelector('table#translationsTable');
  841.         if (!trtable)
  842.             return;
  843.         utils.insertcss(css);
  844.         var trhead=trtable.querySelector('thead > tr');
  845.         var th=document.createElement('th');
  846.         th.setAttribute('id', 'n24h_tr_favhead');
  847.         th.setAttribute('class', 'nosort header');
  848.         th.setAttribute('style', 'background-image: url('+icons.staron+');background-repeat: no-repeat;background-position: center;');
  849.         th.setAttribute('title', 'Ulubione filmy/seriale');
  850.         trhead.appendChild(th);
  851.         var trs=trtable.querySelectorAll('tbody>tr');
  852.         for (var i = 0; i < trs.length; i++)
  853.         {
  854.             var td=document.createElement('td');
  855.             td.setAttribute('data-n24h-star', '');
  856.             td.addEventListener('click', tlumaczenia.StarClickHandler, false);
  857.             trs[i].appendChild(td);
  858.         }
  859.  
  860.     },
  861.     /**
  862.         Ustaw nagłówki tabelki tak żeby dało się ją sortować
  863.     */
  864.     makeSortable: function() {
  865.         var trtable=document.querySelector('table#translationsTable');
  866.         if (!trtable)
  867.             return;
  868.         var th = trtable.tHead, i;
  869.         th && (th = th.rows[0]) && (th = th.cells);
  870.         if (th) i = th.length;
  871.         else return; // if no `<thead>` then do nothing
  872.         while (--i >= 0)
  873.         if (i<6) //pomiń kolumnę ulubione
  874.             (function (i) {
  875.                 var dir = 1;
  876.                 th[i].addEventListener('click', function () {tlumaczenia.sortTable(i, (dir = 1 - dir))});
  877.             }(i));
  878.     },
  879.     /**
  880.         Skopiuj nagłówki tabelki, żeby wywalić oryginalną obsługę sortowania i dodać naszą
  881.     */
  882.     AddNewHeader: function() {
  883.         var css='#translationsTable th {cursor: pointer !important;}'+
  884.                 '#translationsTable th.nosort {cursor: default !important;}'+
  885.                 '.n24h_sort_asc{background-image: url(run/images/arrsh.png);background-repeat: no-repeat;background-position: right;}'+
  886.                 '.n24h_sort_desc{background-image: url(run/images/arrs.png);background-repeat: no-repeat;background-position: right;}';
  887.         var trtable=document.querySelector('table#translationsTable');
  888.         if (!trtable)
  889.             return;
  890.         utils.insertcss(css);
  891.         var header=trtable.querySelector('thead');
  892.         var new_header=document.createElement('thead');
  893.         new_header.innerHTML=header.innerHTML;
  894.         trtable.insertBefore(new_header, header);
  895.         trtable.removeChild(header);
  896.         tlumaczenia.makeSortable();
  897.     },
  898.     /**
  899.         Wywal kolumnę n24 i ewentualnie dodaj linki do tytułów seriali
  900.     */
  901.     FixInfo: function() {
  902.         var trtable=document.querySelector('table#translationsTable');
  903.         if (!trtable)
  904.             return;
  905.         /**INFO START*/
  906.         if (options.getValue('shown24info', false))
  907.         {
  908.             var trs=trtable.querySelectorAll('tbody > tr');
  909.             for (var i = 0; i < trs.length; i++)
  910.             {
  911.                 var title=trs[i].querySelector('td:nth-child(1)>div');
  912.                 var info=trs[i].querySelector('td:nth-child(2)>div>a[href*="imid=tt"], a[href*="title/tt"]');
  913.                 if (info)
  914.                     if (options.getValue('useimdbinfo', false))
  915.                         title.innerHTML='<a href="'+info.href.replace(/http:\/\/napisy24.pl\/serial\?imid=/, 'http://www.imdb.com/title/')+'/" target="_blank">'+title.textContent+'</a>';
  916.                     else
  917.                     {
  918.                         var target=info.href.indexOf('imdb.com')!=-1?' target="_blank"':'';
  919.                         title.innerHTML='<a href="'+info.href+'"'+target+'>'+title.textContent+'</a>';
  920.                     }
  921.             }
  922.         }
  923.         /**INFO STOP*/
  924.         //usuń kolumnę Info
  925.         var th=document.querySelector('th.header:nth-child(2)');
  926.         th.parentNode.removeChild(th);
  927.         var tds=document.querySelectorAll('table#translationsTable>tbody>tr>td:nth-child(2)');
  928.         for (var i = 0; i < tds.length; i++)
  929.         {
  930.             tds[i].parentNode.removeChild(tds[i]);
  931.         }
  932.     },
  933.  
  934.     init: function() {
  935.         tlumaczenia.AddPanel();
  936.         tlumaczenia.FixInfo();
  937.         tlumaczenia.AddStars();
  938.         tlumaczenia.AddNewHeader();
  939.         tlumaczenia.sortTable();
  940.     }
  941. };
  942.  
  943. /**
  944.     Strona z komentarzami
  945. */
  946. var komentarze = {
  947.     /**
  948.         Zapisz poprawki za pomocą czcionki o stałej szerokości
  949.     */
  950.     fix_comments: function() {
  951.         var css='div.n24h_comment{'+
  952.                 'font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;'+
  953.                 'font-size: 13px;'+
  954.                 '}';
  955.         utils.insertcss(css);
  956.  
  957.         var comments=document.querySelectorAll('div.tresc2');
  958.         for (var i=0;i<comments.length;i++)
  959.         {
  960.             var text=comments[i].innerHTML;
  961.             var lines=text.split('<br>');
  962.             var line='';
  963.             text='';
  964.             for (var j=0;j<lines.length;j++)
  965.             {
  966.                 line=lines[j].replace(/((\+|\-)?(.)?(\[|\{)\d+(\]|\})(\[|\{)\d+(\]|\}).*)/g, '<div class="n24h_comment">$1</div>');
  967.                 text=text+line;
  968.                 if (line.search('n24h_comment')==-1)
  969.                     text=text+'<br>';
  970.             }
  971.             comments[i].innerHTML=text;
  972.         }
  973.     },
  974.     /**
  975.         Pokaż/ukryj panel z emotkami i dodawaniem komentarza
  976.     */
  977.     ShowHideEmots: function() {
  978.         var emots=document.querySelector('.tbl_out>div:nth-child(3)');
  979.         var form=document.querySelector('form#userForm');
  980.         var opener=document.querySelector('div#n24h_comm_opener');
  981.         if ((!emots) || (!form))
  982.             return;
  983.         if (emots.getAttribute('style')=='display:none')
  984.         {
  985.             emots.setAttribute('style', 'display:block');
  986.             form.setAttribute('style', 'display:block');
  987.             opener.setAttribute('class', 'n24h_comm_opener n24h_comm_opener_open');
  988.         } else {
  989.             emots.setAttribute('style', 'display:none');
  990.             form.setAttribute('style', 'display:none');
  991.             opener.setAttribute('class', 'n24h_comm_opener');
  992.         }
  993.     },
  994.     /**
  995.         Dodaj strzałkę otwierającą/zamykającą panel emotek i komentarza
  996.     */
  997.     addOpener: function() {
  998.         var css='div.n24h_comm_opener{'+
  999.                     'background-image: url(run/images/arrs.png);'+
  1000.                     'background-repeat: no-repeat;'+
  1001.                     'height: 20px;'+
  1002.                     'width: 20px;'+
  1003.                     'background-position: center;'+
  1004.                     'cursor:pointer;'+
  1005.                     'border: 1px solid;'+
  1006.                     'border-color:#32383E;'+
  1007.                     'padding: 3px;'+
  1008.                     'margin-left: 10px;'+
  1009.                     'margin-top: -25px;'+
  1010.                 '}'+
  1011.                 'div.n24h_comm_opener:hover{'+
  1012.                     'background-color: #202428;'+
  1013.                 '}'+
  1014.                 'div.n24h_comm_opener_open{'+
  1015.                     'background-image: url(run/images/arrsh.png);'+
  1016.                 '}';
  1017.         var footer=document.querySelector('div.moreInfo>div.infofooter');
  1018.         if (!footer)
  1019.             return;
  1020.         utils.insertcss(css);
  1021.         var opener=document.createElement('div');
  1022.         opener.setAttribute('id', 'n24h_comm_opener');
  1023.         opener.setAttribute('class', 'n24h_comm_opener');
  1024.         opener.setAttribute('title', 'Pokaż/ukryj dodawanie komentarza');
  1025.         opener.addEventListener('click', komentarze.ShowHideEmots, false);
  1026.         footer.appendChild(opener);
  1027.         footer.setAttribute('style', 'padding-bottom: 5px; padding-top: 5px;');
  1028.         komentarze.ShowHideEmots();
  1029.     },
  1030.     init: function() {
  1031.         komentarze.addOpener();
  1032.         komentarze.fix_comments();
  1033.     }
  1034. };
  1035.  
  1036. /**
  1037.     Różności
  1038. */
  1039. var misc = {
  1040.     /**
  1041.         Obsługa zapamiętywania wyszukiwanych filmów/seriali między stronami
  1042.     */
  1043.     SearchHandler: function(e) {
  1044.         var input=document.querySelector('input#phrase');
  1045.         if (!input)
  1046.             return;
  1047.         e = e || window.event;
  1048.         if (e.keyCode==27)
  1049.             input.value='';
  1050.         var searchtext = input.value;
  1051.         sessionStorage.setItem('n24h_search', searchtext);
  1052.     },
  1053.     /**
  1054.         Dodaj zapamiętywanie wyszukiwanych filmów/seriali
  1055.     */
  1056.     fixSearch: function() {
  1057.         var input=document.querySelector('input#phrase');
  1058.         if (!input)
  1059.             return;
  1060.         var searchtext=sessionStorage.getItem('n24h_search');
  1061.         if (searchtext==null)
  1062.             input.value='';
  1063.         else
  1064.             input.value=searchtext;
  1065.         input.addEventListener('keyup', misc.SearchHandler, false);
  1066.     },
  1067.     /**
  1068.         Usuń okładkę filmu/serialu
  1069.     */
  1070.     killCover: function() {
  1071.         var css='div.subtitle{width: 675px !important;}';
  1072.         utils.insertcss(css);
  1073.         var divs=document.querySelectorAll('div.tbl');
  1074.         for (var i=0;i<divs.length;i++)
  1075.         {
  1076.             var poster=divs[i].querySelector('div.poster');
  1077.             divs[i].removeChild(poster);
  1078.         }
  1079.     },
  1080.     /**
  1081.         Usuń ocenę z IMDB
  1082.     */
  1083.     killIMDBInfo: function() {
  1084.         var divs=document.querySelectorAll('div[id^="toggleMe"]');
  1085.         for (var i=0;i<divs.length;i++)
  1086.         {
  1087.             var infocolumn=divs[i].querySelector('div.infoColumn0');
  1088.             divs[i].removeChild(infocolumn);
  1089.         }
  1090.     },
  1091.     /**
  1092.         Alternatywna jasna skórka
  1093.     */
  1094.     altSkin: function() {
  1095.         var css='.avatar-menu-icons[class*="avatar-main-menu-szare"] > li {background-color: #2B68AB;border-right: 1px solid #5592D5;}'+//menu: forum, irc, rss
  1096.                 '[class*="avatar-main-menu-szare"] > li:hover {border-bottom: 4px solid #1B4A7E;}'+
  1097.                 'nav{background-color: #2B68AB !important;}'+//pusta przestrzeń między menu a dodaj napisy
  1098.                 'nav ul li.menu_add_napisy a{background-color: #2B68AB;border-bottom: 4px solid #1B4A7E;}'+//przycisk dodaj napisy
  1099.                 'nav ul li.menu_add_napisy a:hover{background-color: #1B4A7E;color: #CCC;background-position: 21px 12px;}'+
  1100.                 'nav ul li.menu_add_napisy a:active{color: #CCC;text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2);filter: dropshadow(color=#33000000, offx=0, offy=-1);border-top: 4px solid #2B68AB;border-bottom: 4px solid #1B4A7E;background-color: #1B4A7E;background-position: 21px 8px;}'+
  1101.                 'body{background-color:#D5D5D5;color: #272727;}'+//body
  1102.                 '#avatar-body-middle-block{background-color:#D5D5D5;}'+//środek
  1103.                 '#avatar-header-inside-block{background-color:#D5D5D5;}'+//górna belka body
  1104.                 '.logo .screen{border: 4px solid #5592D5 !important;}'+//logo
  1105.                 '.logo .screen .subline1{background-color: #5592D5 !important;}'+
  1106.                 '.logo .screen .subline2{background-color: #5592D5 !important;}'+
  1107.                 '.logo h1{color: #5592D5 !important;}'+
  1108.                 '.logo h2{color: #5592D5 !important;}'+
  1109.                 'textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #D5D5D5 !important;}'+//pola tekstowe
  1110.                 '#search #phrase{color: #000000;}'+//wyszukiwarka
  1111.                 'section#content .tbl_top{background-color:#D5D5D5 !important;border-top: 1px solid #A0A0A0 !important;}'+ //tabelka nagłówek
  1112.                 '.tbl_top2{background-color:#D5D5D5 !important;border-top: 1px solid #A0A0A0 !important;}'+ //tabelka nagłówek
  1113.                 'section#content .tbl_top .head_r label{color:#000000 !important;}'+
  1114.                 'section#content .tbl_top .head_l{color:#000000 !important;}'+
  1115.                 'section#content .tbl{background-color:#D5D5D5 !important;border-top: 1px solid #A0A0A0 !important;}'+
  1116.                 'section#content .page{border-color:#A0A0A0 !important;}'+
  1117.                 'section#content .tbl_out{border-bottom:1px solid #A0A0A0 !important;}'+
  1118.                 'section#content .tbl .poster{border-right:1px solid #A0A0A0 !important;}'+
  1119.                 'section#content .pagination{border: 1px solid #A0A0A0;background-color: #E0E0E0;}'+
  1120.                 'section#content .pagination .page-start, section#content .pagination .page-prev, section#content .pagination .page-next{ color: #272829;background-color: #D5D5D5;}'+//strart, poprzednia, następna
  1121.                 'section#content .pagination .page-start:hover, section#content .pagination .page-prev:hover, section#content .pagination .page-next:hover{color: #272829;background-color: #E0E0E0;border-radius: 0px 0px 3px 3px;border-bottom: 3px solid #D26911;border-top:none;padding-bottom: 0px;line-height: 30px;}'+
  1122.                 'section#content .pagination .page-prev:hover{background-position: 15px center;}'+
  1123.                 'section#content .pagination .page-next:hover{background-position: 90px center;}'+
  1124.                 'section#content .pagination .page-num{color: #272829;background-color: #D5D5D5;}'+//numery stron
  1125.                 'section#content .pagination .page-num:hover{background-color: #E0E0E0;border-top-width: 1px;margin-top: 0px;border-radius: 0px 0px 3px 3px;border-bottom: 3px solid #D26911;}'+
  1126.                 'section#content .tbl.opened .subtitle .opener, section#content .tbl .subtitle:hover .opener {background-color: #E0E0E0 !important;border-radius: 0px 0px 3px 3px;border-bottom: 3px solid #D26911;}'+
  1127.                 '.module_frame{border: 1px solid #A0A0A0;}'+
  1128.                 '.category-modulemodule_frame li a{color: #000000;}'+
  1129.                 '.category-modulemodule_frame li a:hover{color: #2F2F2F;background-color: #E0E0E0;}'+
  1130.                 'aside .list li a{color: #000000 !important;}'+
  1131.                 'aside .list li a:hover{color: #2F2F2F !important;background-color: #E0E0E0 !important;text-decoration: none !important;}'+
  1132.                 '.avatar-module .st-module-heading{background-color: #A0A0A0;color: #2F2F2F;}'+
  1133.                 '.login-greeting{color: #272829;}'+
  1134.                 '.moreInfo{background-color:#D5D5D5 !important;color:#000000 !important; border-top: 1px solid #A0A0A0;}'+
  1135.                 '.page span{color: #272829;}'+
  1136.                 '.infofooter{border-top: 1px solid #A0A0A0 !important;background-color: #D5D5D5 !important;}'+
  1137.                 '.infoColumn0{background-color: #D5D5D5 !important;border-right: 1px solid #A0A0A0 !important;border-bottom: 1px solid #A0A0A0 !important;border-top: 1px solid #A0A0A0 !important}'+
  1138.                 'section#content .page{color: #272829 !important;}'+
  1139.                 'section#content .tbl .subtitle .sub h2{color: #272829 !important;}'+
  1140.                 'select {background-color: #C5C5C5;}'+
  1141.                 'a, a:link, a:visited {color: #1E519D;}'+
  1142.                 '.infoheader{color: #000000 !important;}'+
  1143.                 /**tłumaczenia*/
  1144.                 'table.table-layout thead tr th{background-color: #D5D5D5 !important;color: #272829 !important;border-bottom: 1px solid #A0A0A0 !important;border-right: 1px solid #A0A0A0 !important;}'+
  1145.                 'table.table-layout tbody tr.odd td{background-color: #C5C5C5 !important;}'+
  1146.                 'table.table-layout tbody tr.even td{background-color: #B5B5B5 !important;}'+
  1147.                 'table.table-layout tbody tr td{border-bottom: 1px solid #A0A0A0 !important;border-right: 1px solid #A0A0A0 !important;color: #000000 !important;}'+
  1148.                 'table.table-layout{border-top: 1px solid #A0A0A0 !important;}'+
  1149.                 '.progress div{background-color: #A0A0A0 !important;}'+
  1150.                 'nav ul li.menu_add_tlum a{background-color: #2B68AB;border-bottom: 4px solid #2B68AB;background-position: 21px 12px;}'+
  1151.                 'nav ul li.menu_add_tlum a:hover{border-bottom: 4px solid #1B4A7E;color: #CCCCCC;background-color: #2B68AB;line-height: 44px;height: 42px;background-position: 21px 12px;}'+
  1152.                 'nav ul li.menu_add_tlum a:active{border-bottom: 4px solid #1B4A7E;color: #CCCCCC;background-color: #2B68AB;line-height: 48px;height: 42px;background-position: 21px 12px;text-shadow:none;filter:none;border-top:none;}'+
  1153.                 /**komentarze*/
  1154.                 '.moreInfo2{background-color:#D5D5D5 !important;color:#000000 !important;}'+
  1155.                 'section#content .tbl .avatar{border-right: 1px solid #A0A0A0 !important;}'+
  1156.                 'section#content .tbl .subtitle .sub h3{color: #000000 !important;}'+
  1157.                 'section#content .tbl .mark{color: #000000 !important;}'+
  1158.                 'textarea{background-color: #B5B5B5 !important;color: #272829 !important;}'+
  1159.                 /**artykuły*/
  1160.                 '#jc{background: none repeat scroll 0px 0px #B5B5B5;}'+
  1161.                 '#jc h4{color: #272829;background-color: #C5C5C5;}'+
  1162.                 '#jc .rbox{background-color: #B5B5B5;}'+
  1163.                 '#comments .comment-author, #comments .author-homepage, #comments .author-email{color: #4B3F37;}'+
  1164.                 '#comments .comment-date{color: #4B3F37;}'+
  1165.                 '#comments .comment-body{color: #4B3F37;}'+
  1166.                 '#comments .quote{color: #4B3F37;}'+
  1167.                 '#comments blockquote, #comments .hidden, #comments code, #comments pre{color: #1B6A6A;}'+
  1168.                 '#comments a{color: #174B54;}'+
  1169.                 '#comments-form input{color: #2D3335;}'+
  1170.                 /**profil*/
  1171.                 ''+
  1172.                 /**n24 helper*/
  1173.                 '#n24h_tr_input_search, #n24h_tr_input_new{color: #000000;}'+
  1174.                 '#n24h_tr_input_clear, #n24h_tr_input_add, #n24h_tr_input_remove {background-color: #C5C5C5 !important;color: #000000 !important;}'+
  1175.                 '#n24h_tr_shows_list {background-color: #C5C5C5;color: #000000 !important;}'+
  1176.                 '.n24h_tr_option {background-color: #C5C5C5 !important;color: #000000 !important;}'+
  1177.                 'div.n24h_comm_opener:hover {background-color: #C5C5C5 !important;}';
  1178.         utils.insertcss(css);
  1179.         //style
  1180.         var selector='a[style*="color: rgb(0,200,0)"]'+         //moderator
  1181.                 ', td[style*="background-color:#255180"]'+      //uaktualnione w ostatnim czasie
  1182.                 ', td[style*="background-color:#DD7665"]'+      //od dawna nie aktualizowane
  1183.                 ', span[style*="color: white"]'+                //ilość oczekujących
  1184.                 ', div[style*="background-color: #21262b"]';    //górna belka z datą i oceną przy komentarzach
  1185.         var inline=document.querySelectorAll(selector);
  1186.         for (var i=0;i<inline.length;i++)
  1187.         {
  1188.             var style=inline[i].getAttribute('style');
  1189.             style=style.replace('rgb(0,200,0)', 'rgb(0,150,0)');
  1190.             style=style.replace('background-color:#255180', 'background-color:#DFDFDF !important');
  1191.             style=style.replace('background-color:#DD7665', 'background-color:#DD7665 !important');
  1192.             style=style.replace('color: white', 'color: black');
  1193.             style=style.replace('background-color: #21262b', 'background-color: #ADADAD');
  1194.             inline[i].setAttribute('style', style);
  1195.         }
  1196.         //klasy
  1197.         var selector='span.yellowfont';                         //ocena IMDB/głosów
  1198.         var inline=document.querySelectorAll(selector);
  1199.         for (var i=0;i<inline.length;i++)
  1200.         {
  1201.             var attr=inline[i].getAttribute('class');
  1202.             attr=attr.replace('yellowfont', '');
  1203.             inline[i].setAttribute('class', attr);
  1204.         }
  1205.     },
  1206.     init: function() {
  1207.         if (options.getValue('fixsearch', false))
  1208.             misc.fixSearch();
  1209.         if (options.getValue('killcover', false))
  1210.             misc.killCover();
  1211.         if (options.getValue('killimdbinfo', false))
  1212.             misc.killIMDBInfo();
  1213.         if (options.getValue('usealtskin', false))
  1214.             misc.altSkin();
  1215.     }
  1216. };
  1217.  
  1218. var n24h = {
  1219.     /**
  1220.     */
  1221.     onLoad: function() {
  1222.         options.init();
  1223.         misc.init();
  1224.         if(document.URL.indexOf('/tlumaczenia')!=-1)
  1225.         {
  1226.             tlumaczenia.init();
  1227.         }
  1228.         if(document.URL.indexOf('/komentarze')!=-1)
  1229.         {
  1230.             komentarze.init();
  1231.         }
  1232.     },
  1233.     /**
  1234.     */
  1235.     init: function()
  1236.     {
  1237.         if(navigator.userAgent.indexOf("Opera") != -1 )
  1238.         {
  1239.             window.addEventListener('load', n24h.onLoad, false);
  1240.             console.log('Jestem starą Operą :)');
  1241.         }
  1242.         else
  1243.         {
  1244.             window.addEventListener('DOMContentLoaded', n24h.onLoad, false);
  1245.             console.log('Nie jestem starą Operą :)');
  1246.         }
  1247.     }
  1248. };
  1249.  
  1250. n24h.init();