(function() {

          'DEVELOPED BY ANGE TUTEUR';

          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';

          'ORIGIN : http://fmdesign.forumotion.com/t444-night-mode#3675';

         

          if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion

          if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {

         

            window.fa_night_mode = {

              targets : ['page-footer', 'pun-foot', 'ipbwrapper'], // target node that the dimmer will be attached to

           

              // executed when the dimmer is changed

              dimLight : function() {

                var val = +fa_night_mode.dimmer.value;

                fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';

                fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';

                my_setcookie('fa_night_level', val);

              }

            };

         

            // startup variables

            var dimmer = document.createElement('INPUT'),

                container = document.createElement('DIV'),

                counter = document.createElement('SPAN'),

                cookie = my_getcookie('fa_night_level'); // cookies <3

             

            // set the night shade and styles

            document.write('<style type="text/css">#fa_night_shade { font-size:0; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer { margin:0 6px; vertical-align:middle; cursor:pointer; } #fa_night_container { font-size:12px; font-family:arial, sans-serif; background:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; margin:1px; }</style>');

            fa_night_mode.shade = $('<div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>')[0];

         

            fa_night_mode.interval = window.setInterval(function() {

              if (document.body) {

                document.body.appendChild(fa_night_mode.shade);

                window.clearInterval(fa_night_mode.interval);

              }

            }, 1);

         

            // dimmer attributes

            dimmer.id = 'fa_night_dimmer';

            dimmer.type = 'range';

            dimmer.min = 0;

            dimmer.max = 90;

            dimmer.value = cookie || 0;

            dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput

         

            // percentage counter

            counter.id = 'fa_night_counter';

            counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';

         

            // container contents

            container.id = 'fa_night_container';

            container.innerHTML = '<span>وضوح الشاشة :</span>';

            $(container).append([dimmer, counter]);

         

            // cache nodes to the global object

            fa_night_mode.dimmer = dimmer;

            fa_night_mode.counter = counter;

         

         

            // stuff to do when the document is ready

            $(function() {

              // find one ( AND ONLY ONE ) of the targets to attach the dimmer

              for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {

                footer = document.getElementById(fa_night_mode.targets[i]);

                if (footer) {

                  footer.appendChild(container);

                  break;

                }

              }

           

              if (!footer) {

                document.body.appendChild(container); // fallback if footer cannot be found

              }

            });

          }

        }());