Tip: Click lines to highlight, hold ctrl/cmd to multi-select

http://codedumper.com/uvuze (29-Jun @ 15:56)

Syntax Highlighted Code

  1. <?xml version="1.0"?>
  2. <bindings xmlns="http://www.mozilla.org/xbl"
  3.  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  4.  xmlns:html="http://www.w3.org/1999/xhtml">
  5.  
  6.  
  7. <binding id="item1" styleexplicitcontent="true">
  8. <!-- Net Usage Item GUI, licensed under the Mozilla Public License (C) 2008 Loune lpgcritter at nasquan dot com  -->
  9.     <!-- <resources>
  11.     <stylesheet src="chrome://"/>
  12.     </resources> -->
  13.     <content>
  14.  
  15.         <svg
  16.             xmlns:svg="http://www.w3.org/2000/svg"
  17.             xmlns="http://www.w3.org/2000/svg"
  18.             xmlns:xlink="http://www.w3.org/1999/xlink"
  19.             version="1.0"
  20.             x="0"
  21.             y="0"
  22.             width="0"
  23.             height="0"
  24.             id="netusagesvgdefstub" />
  25.  
  26.  
  27.         <!-- XXXXXXXXXXXXXXXXXXXXXXX CUT HERE XXXXXXXXXXXXXXXXXXXXXXXXX -->
  28.  
  29.            
  30.            
  31.         <svg
  32.              xmlns:dc="http://purl.org/dc/elements/1.1/"
  33.              xmlns:cc="http://web.resource.org/cc/"
  34.              xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  35.              xmlns:svg="http://www.w3.org/2000/svg"
  36.              xmlns="http://www.w3.org/2000/svg"
  37.              xmlns:xlink="http://www.w3.org/1999/xlink"
  38.              xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  39.              xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  40.              version="1.0"
  41.              x="0.00000000"
  42.              y="0.00000000"
  43.              width="126"
  44.              height="23"
  45.              id="netusagesvg"
  46.              sodipodi:version="0.32"
  47.              inkscape:version="0.44"
  48.              sodipodi:docname="netusage1.svg"
  49.              sodipodi:docbase="D:\Workspace\netusage">
  50.             <metadata
  51.                  id="metadata65">
  52.                 <rdf:RDF>
  53.                     <cc:Work
  54.                          rdf:about="">
  55.                         <dc:format>image/svg+xml</dc:format>
  56.                         <dc:type
  57.                              rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  58.                     </cc:Work>
  59.                 </rdf:RDF>
  60.             </metadata>
  61.             <sodipodi:namedview
  62.                  inkscape:window-height="641"
  63.                  inkscape:window-width="1136"
  64.                  inkscape:pageshadow="2"
  65.                  inkscape:pageopacity="0.0"
  66.                  borderopacity="1.0"
  67.                  bordercolor="#666666"
  68.                  pagecolor="#ffffff"
  69.                  id="base"
  70.                  inkscape:zoom="11.313709"
  71.                  inkscape:cx="47.127219"
  72.                  inkscape:cy="0.49738615"
  73.                  inkscape:window-x="245"
  74.                  inkscape:window-y="259"
  75.                  inkscape:current-layer="layer2"
  76.                  showguides="true"
  77.                  inkscape:guide-bbox="true"
  78.                  height="23px"
  79.                  width="126px" />
  80.             <defs
  81.                  id="netusagedefs">
  82.                 <linearGradient
  83.                      id="linearGradient2243">
  84.                     <stop
  85.                          style="stop-color:#75ff00;stop-opacity:1"
  86.                          offset="0"
  87.                          id="stop2245" />
  88.                     <stop
  89.                          style="stop-color:#2f7f39;stop-opacity:1"
  90.                          offset="1"
  91.                          id="stop2247" />
  92.                 </linearGradient>
  93.                 <linearGradient
  94.                      id="linearGradient2258">
  95.                     <stop
  96.                          style="stop-color:#fff07a;stop-opacity:1.0000000"
  97.                          offset="0.00000000"
  98.                          id="stop2260" />
  99.                     <stop
  100.                          style="stop-color:#ff9e4e;stop-opacity:1.0000000"
  101.                          offset="0.50000000"
  102.                          id="stop2262" />
  103.                     <stop
  104.                          style="stop-color:#ff5000;stop-opacity:1.0000000"
  105.                          offset="0.50925928"
  106.                          id="stop2264" />
  107.                     <stop
  108.                          style="stop-color:#ffd600;stop-opacity:1.0000000"
  109.                          offset="1.0000000"
  110.                          id="stop2266" />
  111.                 </linearGradient>
  112.                 <linearGradient
  113.                      id="linearGradient2178">
  114.                     <stop
  115.                          style="stop-color:#9cdc62;stop-opacity:1.0000000"
  116.                          offset="0.00000000"
  117.                          id="stop2184" />
  118.                     <stop
  119.                          style="stop-color:#72e035;stop-opacity:1.0000000"
  120.                          offset="0.37201953"
  121.                          id="stop2188" />
  122.                     <stop
  123.                          style="stop-color:#5ea32a;stop-opacity:1;"
  124.                          offset="0.37201953"
  125.                          id="stop2190" />
  126.                     <stop
  127.                          style="stop-color:#b0ea7a;stop-opacity:1.0000000"
  128.                          offset="1.0000000"
  129.                          id="stop2186" />
  130.                 </linearGradient>
  131.                 <linearGradient
  132.                      id="linearGradient2083">
  133.                     <stop
  134.                          style="stop-color:#7fff00;stop-opacity:1.0000000"
  135.                          offset="0.00000000"
  136.                          id="stop2085" />
  137.                     <stop
  138.                          style="stop-color:#cfd218;stop-opacity:1.0000000"
  139.                          offset="0.29076648"
  140.                          id="stop2152" />
  141.                     <stop
  142.                          style="stop-color:#e0b21c;stop-opacity:1.0000000"
  143.                          offset="0.71105301"
  144.                          id="stop2156" />
  145.                     <stop
  146.                          style="stop-color:#ee2420;stop-opacity:1.0000000"
  147.                          offset="1.0000000"
  148.                          id="stop2087" />
  149.                 </linearGradient>
  150.                 <linearGradient
  151.                      id="linearGradient2073">
  152.                     <stop
  153.                          style="stop-color:#7c92b9;stop-opacity:1.0000000"
  154.                          offset="0.00000000"
  155.                          id="stop2075" />
  156.                     <stop
  157.                          style="stop-color:#ffffff;stop-opacity:1.0000000"
  158.                          offset="1.0000000"
  159.                          id="stop2077" />
  160.                 </linearGradient>
  161.                 <linearGradient
  162.                      id="linearGradient2051">
  163.                     <stop
  164.                          style="stop-color:#747474;stop-opacity:1.0000000"
  165.                          offset="0.00000000"
  166.                          id="stop2053" />
  167.                     <stop
  168.                          style="stop-color:#ffffff;stop-opacity:1.0000000"
  169.                          offset="1.0000000"
  170.                          id="stop2055" />
  171.                 </linearGradient>
  172.                 <linearGradient
  173.                      id="linearGradient2115">
  174.                     <stop
  175.                          style="stop-color:#1b45c4;stop-opacity:1;"
  176.                          offset="0"
  177.                          id="stop2117" />
  178.                     <stop
  179.                          style="stop-color:#0140ff;stop-opacity:0;"
  180.                          offset="1"
  181.                          id="stop2119" />
  182.                 </linearGradient>
  183.                 <linearGradient
  184.                      id="linearGradient2292">
  185.                     <stop
  186.                          id="stop2294"
  187.                          offset="0"
  188.                          style="stop-color:#ffe31c;stop-opacity:1;" />
  189.                     <stop
  190.                          id="stop2296"
  191.                          offset="1"
  192.                          style="stop-color:#ffffff;stop-opacity:0;" />
  193.                 </linearGradient>
  194.                 <linearGradient
  195.                      x1="-39.743919"
  196.                      y1="271.64819"
  197.                      x2="456.23572"
  198.                      y2="271.64819"
  199.                      id="linearGradient2081"
  200.                      xlink:href="#linearGradient2083"
  201.                      gradientUnits="userSpaceOnUse"
  202.                      gradientTransform="matrix(0.409736,0,0,0.208754,30.24163,211.051)" />
  203.                 <linearGradient
  204.                      x1="295.08344"
  205.                      y1="343.32632"
  206.                      x2="295.08344"
  207.                      y2="224.68822"
  208.                      id="linearGradient2172"
  209.                      xlink:href="#linearGradient2051"
  210.                      gradientUnits="userSpaceOnUse"
  211.                      gradientTransform="matrix(0.369234,0,0,0.410816,-15.19644,-99.69333)" />
  212.                 <linearGradient
  213.                      x1="222.15965"
  214.                      y1="237.48343"
  215.                      x2="222.15965"
  216.                      y2="301.78006"
  217.                      id="linearGradient2174"
  218.                      xlink:href="#linearGradient2073"
  219.                      gradientUnits="userSpaceOnUse"
  220.                      gradientTransform="matrix(0.341899,0,0,0.26744,-9.276913,-60.6394)" />
  221.                 <linearGradient
  222.                      x1="162.57631"
  223.                      y1="245.21945"
  224.                      x2="162.57631"
  225.                      y2="298.0766"
  226.                      id="linearGradient2176"
  227.                      xlink:href="#linearGradient2178"
  228.                      gradientUnits="userSpaceOnUse"
  229.                      gradientTransform="matrix(0.245416,0,0,0.242214,-4.287223,-52.43637)" />
  230.                 <linearGradient
  231.                      x1="162.57631"
  232.                      y1="245.21945"
  233.                      x2="162.57631"
  234.                      y2="298.07651"
  235.                      id="linearGradient2256"
  236.                      xlink:href="#linearGradient2258"
  237.                      gradientUnits="userSpaceOnUse"
  238.                      gradientTransform="matrix(0.348017,0,0,0.208754,-8.863015,-44.14369)" />
  239.                 <linearGradient
  240.                      collect="always"
  241.                      xlink:href="#linearGradient2115"
  242.                      id="linearGradient2314"
  243.                      gradientUnits="userSpaceOnUse"
  244.                      gradientTransform="matrix(3.046092,0,0,0.458,-842.6463,-147.6332)"
  245.                      x1="297.30167"
  246.                      y1="354.22491"
  247.                      x2="297.30167"
  248.                      y2="371.1955" />
  249.                 <linearGradient
  250.                      collect="always"
  251.                      xlink:href="#linearGradient2292"
  252.                      id="linearGradient2316"
  253.                      gradientUnits="userSpaceOnUse"
  254.                      gradientTransform="matrix(3.012188,0,0,0.447051,-831.282,-150.2732)"
  255.                      x1="297.31323"
  256.                      y1="354.22491"
  257.                      x2="297.31323"
  258.                      y2="371.1955" />
  259.                 <linearGradient
  260.                      inkscape:collect="always"
  261.                      xlink:href="#linearGradient2243"
  262.                      id="linearGradient2249"
  263.                      x1="136.79781"
  264.                      y1="19.51153"
  265.                      x2="136.79781"
  266.                      y2="7.1371608"
  267.                      gradientUnits="userSpaceOnUse"
  268.                      gradientTransform="matrix(0.883905,0,0,0.889813,-105.5481,-0.606724)" />
  269.                 <clipPath
  270.                      id="clipoffpeak">
  271.                     <rect
  272.                          id="clipoffpeakrect"
  273.                          width="117.875"
  274.                          height="14.520815"
  275.                          x="7"
  276.                          y="5.75"
  277.                          rx="0"
  278.                          ry="0" />
  279.                 </clipPath>
  280.                 <clipPath
  281.                      id="clipbars">
  282.                     <rect
  283.                      width="113.4"
  284.                      height="13.6"
  285.                      rx="2.258666"
  286.                      ry="2.1103067"
  287.                      x="6.7890587"
  288.                      y="4.9000001"
  289.                      id="rect2815" />
  290.                 </clipPath>
  291.                 <linearGradient
  292.                      inkscape:collect="always"
  293.                      xlink:href="#linearGradient2258"
  294.                      id="linearGradient2827"
  295.                      gradientUnits="userSpaceOnUse"
  296.                      gradientTransform="matrix(0.334468,0,0,0.219789,-8.452445,-47.85567)"
  297.                      x1="162.86516"
  298.                      y1="245.21945"
  299.                      x2="162.86516"
  300.                      y2="298.07651" />
  301.                 <linearGradient
  302.                      inkscape:collect="always"
  303.                      xlink:href="#linearGradient2073"
  304.                      id="linearGradient2817"
  305.                      gradientUnits="userSpaceOnUse"
  306.                      gradientTransform="matrix(0.353131,0,0,0.268212,-10.60411,-95.53958)"
  307.                      x1="223.25398"
  308.                      y1="237.48343"
  309.                      x2="223.25398"
  310.                      y2="301.78006" />
  311.                 <linearGradient
  312.                      inkscape:collect="always"
  313.                      xlink:href="#linearGradient2051"
  314.                      id="linearGradient2821"
  315.                      gradientUnits="userSpaceOnUse"
  316.                      gradientTransform="matrix(0.384191,0,0,0.437012,-17.52787,-141.364)"
  317.                      x1="295.08344"
  318.                      y1="343.32632"
  319.                      x2="295.08344"
  320.                      y2="224.68822" />
  321.                 <linearGradient
  322.                      inkscape:collect="always"
  323.                      xlink:href="#linearGradient2073"
  324.                      id="linearGradient2828"
  325.                      gradientUnits="userSpaceOnUse"
  326.                      gradientTransform="matrix(0.353131,0,0,0.268212,-10.85411,-95.53958)"
  327.                      x1="223.25398"
  328.                      y1="237.48343"
  329.                      x2="223.25398"
  330.                      y2="301.78006" />
  331.                 <linearGradient
  332.                      inkscape:collect="always"
  333.                      xlink:href="#linearGradient2115"
  334.                      id="linearGradient2835"
  335.                      x1="68.125"
  336.                      y1="7.25"
  337.                      x2="68.125"
  338.                      y2="25.077589"
  339.                      gradientUnits="userSpaceOnUse"
  340.                      gradientTransform="matrix(0.752725,0,0,0.50003,-4.602051,9.1255)" />
  341.                 <linearGradient
  342.                      inkscape:collect="always"
  343.                      xlink:href="#linearGradient2292"
  344.                      id="linearGradient2839"
  345.                      gradientUnits="userSpaceOnUse"
  346.                      gradientTransform="matrix(1.061878,0,0,0.460027,-9.204941,9.533024)"
  347.                      x1="68.125"
  348.                      y1="7.25"
  349.                      x2="68.125"
  350.                      y2="43.715527" />
  351.             </defs>
  352.             <g
  353.                  id="layer1">
  354.                 <rect
  355.                      width="123.5"
  356.                      height="21.5"
  357.                      rx="9.8386154"
  358.                      ry="10.379341"
  359.                      x="1.5"
  360.                      y="1"
  361.                      style="fill:url(#linearGradient2172);fill-opacity:1;stroke:black;stroke-width:0.99999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.63492067"
  362.                      id="rectouter" />
  363.                 <rect
  364.                      width="114.3"
  365.                      height="14.1"
  366.                      rx="2.2586658"
  367.                      ry="2.1103072"
  368.                      x="6.3"
  369.                      y="5"
  370.                      style="fill:url(#linearGradient2174);fill-opacity:1;stroke:black;stroke-width:1.00000012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.6719577"
  371.                      id="rectinner" />
  372.                 <g
  373.                      inkscape:groupmode="layer"
  374.                      id="layer2"
  375.                      inkscape:label="bars"
  376.                      clip-path="url(#clipbars)">
  377.                     <rect
  378.                          width="113.5"
  379.                          height="13.1"
  380.                          rx="2.1912799"
  381.                          ry="1.5982112"
  382.                          x="6.8"
  383.                          y="5.5"
  384.                          style="opacity:1;fill:url(#linearGradient2827);fill-opacity:1;stroke:none;stroke-width:1.87557006;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
  385.                          id="peakover" />
  386.                     <rect
  387.                          width="113.5"
  388.                          height="13.1"
  389.                          rx="2.1912799"
  390.                          ry="1.5982111"
  391.                          x="6.8"
  392.                          y="5.5"
  393.                          style="opacity:1;fill:url(#linearGradient2176);fill-opacity:1;stroke:none;stroke-width:1.87557006;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
  394.                          id="peak" />
  395.                     <path
  396.                          d="M 3.053786,4.2362938 L 10.742332,4.2362938 L 6.8980586,9.6416242 L 3.053786,4.2362938 z "
  397.                          style="fill:black;fill-opacity:1;stroke:none;stroke-width:1.25;stroke-miterlimit:4;stroke-opacity:1"
  398.                          id="patharrow" />
  399.                     <rect
  400.                          style="opacity:1;fill:url(#linearGradient2839);fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
  401.                          id="offpeakover"
  402.                          width="113.5"
  403.                          height="5.5"
  404.                          x="6.8"
  405.                          y="13"
  406.                          rx="0"
  407.                          ry="0" />
  408.                     <rect
  409.                          style="opacity:1;fill:url(#linearGradient2835);fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
  410.                          id="offpeak"
  411.                          width="113.5"
  412.                          height="5.5"
  413.                          x="6.8"
  414.                          y="13"
  415.                          rx="0"
  416.                          ry="0" />
  417.                     <path
  418.                          d="M 9.2731107,18.772569 L 4.421751,18.698553 L 6.9057977,15.557182 L 9.2731107,18.772569 z "
  419.                          style="opacity:1;fill:white;fill-opacity:1;stroke:none;stroke-width:1.25;stroke-miterlimit:4;stroke-opacity:1"
  420.                          id="patharrow2"
  421.                          inkscape:transform-center-y="3.7231195" />
  422.  
  423.                     <g
  424.                          id="iconerror"
  425.                          transform="matrix(0.93714,0,0,0.940057,-97.13415,33.75136)">
  426.                         <path
  427.                              transform="matrix(0.427044,0,0,0.492997,65.22645,-17.42024)"
  428.                              sodipodi:open="true"
  429.                              sodipodi:end="12.497908"
  430.                              sodipodi:start="6.2292315"
  431.                              d="M 144.93554,-11.799526 A 14.672466,11.932427 0 1 1 144.92252,-11.972325"
  432.                              sodipodi:ry="11.932427"
  433.                              sodipodi:rx="14.672466"
  434.                              sodipodi:cy="-11.156038"
  435.                              sodipodi:cx="130.28442"
  436.                              id="iconerrorcircle"
  437.                              style="opacity:1;fill:red;fill-opacity:0.78835976;stroke:black;stroke-width:2.32200027;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
  438.                              sodipodi:type="arc" />
  439.                         <path
  440.                              id="path2253"
  441.                              d="M 123.9972,-25.849435 L 118.00283,-20.400574"
  442.                              style="fill:none;fill-opacity:0.78835976;fill-rule:evenodd;stroke:white;stroke-width:1.59812951;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
  443.                         <path
  444.                              id="path2255"
  445.                              d="M 123.82577,-19.935489 L 117.67426,-25.814523"
  446.                              style="fill:none;fill-opacity:0.78835976;fill-rule:evenodd;stroke:white;stroke-width:1.59812939;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
  447.                     </g>
  448.                     <path
  449.                          style="opacity:0.88144334;fill:url(#linearGradient2249);fill-opacity:1;fill-rule:evenodd;stroke:black;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.47692309"
  450.                          d="M 13.195219,6.1889253 L 13.195219,11.292777 L 8.4873981,11.292777 L 15.549124,18.675132 L 22.24872,11.292777 L 17.450357,11.292776 L 17.540899,6.1889253 L 13.195219,6.1889253 z "
  451.                          id="icondown"
  452.                          sodipodi:nodetypes="cccccccc" />
  453.                 </g>
  454.                 <text
  455.                          x="117.5"
  456.                          y="16.8"
  457.                          style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:125%;writing-mode:lr;text-anchor:end;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
  458.                          id="pclabelouter"
  459.                          xml:space="preserve"
  460.                          sodipodi:linespacing="125%"><tspan
  461.                             x="117.5"
  462.                             y="16.8"
  463.                             id="pclabel">0%</tspan></text>
  464.                 <text
  465.                      xml:space="preserve"
  466.                      style="font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:125%;writing-mode:lr-tb;text-anchor:end;fill:#fff5f5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:none;font-family:Arial"
  467.                      x="85.661148"
  468.                      y="17.569111"
  469.                      id="pc2labelouter"
  470.                      sodipodi:linespacing="125%"><tspan
  471.                         sodipodi:role="line"
  472.                         x="85.661148"
  473.                         y="17.569111"
  474.                         id="pc2label">0%</tspan></text>
  475.             </g>
  476.         </svg>
  477.  
  478.            
  479.         <!-- XXXXXXXXXXXXXXXXXXXXXXX CUT HERE XXXXXXXXXXXXXXXXXXXXXXXXX -->
  480.  
  481.  
  482.  
  483.     </content>
  484.  
  485.     <implementation implements="nsIObserver, nsIDOMEventListener">
  486.         <constructor>
  487.             <![CDATA[
  488.  
  489.            //var svg = document.getAnonymousElementByAttribute(this, 'id', 'netusagesvg');
  490.            //var suspid = svg.suspendRedraw(1000);
  491.            
  492.            // get num from id
  493.            var sitemid = this.getAttribute('id');
  494.            this.itemid = parseInt(sitemid[sitemid.length-1], 10);
  495.  
  496.            this.defprefix = "";
  497.            this.svghack = window.navigator.userAgent.indexOf("; rv:1.8") != -1;
  498.  
  499.            if (this.svghack) {
  500.  
  501.                // hack for bug https://bugzilla.mozilla.org/show_bug.cgi?id=309020
  502.                this.defprefix = "nu"+this.itemid+"_";
  503.  
  504.                var existingStub = document.getElementById(this.defprefix+'netusagesvgdefstub');
  505.                if (existingStub) {
  506.                    // remove previous stub
  507.                    existingStub.parentNode.removeChild(existingStub);
  508.                }
  509.  
  510.                // mass append nu0_ ids to the defs
  511.                var tmplstub = document.getAnonymousElementByAttribute(this, 'id', "netusagesvgdefstub");
  512.                tmplstub.setAttribute("id", this.defprefix+'netusagesvgdefstub');
  513.  
  514.                document.getAnonymousElementByAttribute(this, 'id', "netusagedefs").setAttribute("id", this.defprefix+'netusagedefs');
  515.                this.alterNodeId(document.getAnonymousElementByAttribute(this, 'id', this.defprefix+"netusagedefs"), this.defprefix);
  516.  
  517.                var svgdefstub = document.importNode(tmplstub, true);
  518.                var svgdefs = document.importNode(document.getAnonymousElementByAttribute(this, 'id', this.defprefix+"netusagedefs"), true);
  519.  
  520.                svgdefstub.appendChild(svgdefs);
  521.                var c = svgdefstub.cloneNode(true);
  522.  
  523.                document.documentElement.appendChild(c);
  524.  
  525.                var elids = ['layer2', 'rectouter', 'rectinner', 'peak', 'peakover', 'offpeak', 'offpeakover', 'icondown'];
  526.                for(var i in elids) {
  527.                
  528.                    var r = document.getAnonymousElementByAttribute(this, 'id', elids[i]).getAttribute('clip-path');
  529.                    if (r != null) {
  530.                        r = r.replace(/url\(#([^)]+)/, "url("+document.location+"#"+this.defprefix+"$1");
  531.                        document.getAnonymousElementByAttribute(this, 'id', elids[i]).setAttribute("clip-path", r);
  532.                    }
  533.                    r = document.getAnonymousElementByAttribute(this, 'id', elids[i]).getAttribute('style');
  534.                    if (r != null) {
  535.                        r = r.replace(/fill: url\(#([^)]+)/, "fill: url("+document.location+"#"+this.defprefix+"$1");
  536.                        
  537.                        document.getAnonymousElementByAttribute(this, 'id', elids[i]).setAttribute("style", r);
  538.                    }
  539.                }
  540.            }
  541.  
  542.            var prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefService);
  543.            prefs = prefs.getBranch("extensions.netusage.");            
  544.  
  545.            if(prefs.getBoolPref('widen')){
  546.  
  547.                var elids2 = ['netusagesvg', 'rectouter', 'rectinner', 'peakover', 'peak', 'offpeakover', 'offpeak', 'pclabel', 'pclabelouter', 'pc2labelouter', 'pc2label'];
  548.                for(var i in elids2) {
  549.  
  550.                    var e = document.getAnonymousElementByAttribute(this, 'id', elids2[i]), huh = 'x';
  551.  
  552.                    if(e.hasAttribute('width')){
  553.                    
  554.                        huh = 'width';
  555.                    
  556.                    }
  557.                
  558.                    var getW = Number(e.getAttribute(huh))+prefs.getIntPref("widenNumber");
  559.  
  560.                    e.setAttribute(huh, getW);
  561.  
  562.                }
  563.        
  564.            }        
  565.  
  566.            // GUI
  567.            this.maxWidth = parseInt(document.getAnonymousElementByAttribute(this, 'id', 'peakover').getAttribute("width"), 10);
  568.            this.maxWidth2 = parseInt(document.getAnonymousElementByAttribute(this, 'id', 'offpeakover').getAttribute("width"), 10);
  569.            // for New Modern offpeak which progresses backwards
  570.            this.baseX = parseInt(document.getAnonymousElementByAttribute(this, 'id', this.defprefix+'clipoffpeakrect').getAttribute("x"), 10);
  571.            
  572.            // The following two function fails when running outside chrome
  573.            // flashing timer
  574.            try {
  575.            this.timer = Components.classes['@mozilla.org/timer;1'].createInstance(Components.interfaces.nsITimer);
  576.            } catch (e) { dump("EXCEPTION flashing timer create failed" + e); }
  577.            
  578.            try {
  579.            this.addEventListener('DOMAttrModified', this, false);
  580.            } catch (e) { dump("EXCEPTION addEventListener DOMAttrModified failed" + e); }
  581.  
  582.            //svg.unsuspendRedraw(suspid);
  583.            
  584.            // set state to initial values
  585.            this.refreshItem("text", this.getAttribute("text"));
  586.            this.refreshItem("text2", this.getAttribute("text2"));
  587.            this.refreshItem("pc", parseInt(this.getAttribute("pc"), 10));
  588.            this.refreshItem("pc2", parseInt(this.getAttribute("pc2"), 10));
  589.            this.refreshItem("arrow", parseInt(this.getAttribute("arrow"), 10));
  590.            this.refreshItem("arrow2", parseInt(this.getAttribute("arrow2"), 10));
  591.            this.refreshItem("status", this.getAttribute("status"));
  592.            this.refreshItem("flashing", this.getAttribute("flashing"));
  593.            
  594.            ]]>
  595.         </constructor>
  596.  
  597.         <destructor>
  598.             <![CDATA[
  599.            if (this.timer)
  600.                this.timer.cancel();
  601.            this.timer = null;
  602.            ]]>
  603.         </destructor>
  604.  
  605.         <property name="arrow">
  606.             <getter>
  607.                 return parseInt(this.getAttribute('arrow'));
  608.             </getter>
  609.             <setter>
  610.                 <![CDATA[
  611.            this.setAttribute("arrow", val);
  612.            ]]>
  613.             </setter>
  614.         </property>
  615.  
  616.         <property name="arrow2">
  617.             <getter>
  618.                 return parseInt(this.getAttribute('arrow2'));
  619.             </getter>
  620.             <setter>
  621.                 <![CDATA[
  622.            this.setAttribute("arrow2", val);
  623.            ]]>
  624.             </setter>
  625.         </property>
  626.  
  627.  
  628.  
  629.         <property name="pc">
  630.             <getter>
  631.                 return parseInt(this.getAttribute('pc'));
  632.             </getter>
  633.  
  634.             <setter>
  635.                 <![CDATA[
  636.            this.setAttribute("pc", val);
  637.            ]]>
  638.             </setter>
  639.         </property>
  640.  
  641.  
  642.         <property name="pc2">
  643.             <getter>
  644.                 return parseInt(this.getAttribute('pc2'));
  645.             </getter>
  646.  
  647.             <setter>
  648.                 <![CDATA[
  649.            this.setAttribute("pc2", val);
  650.            ]]>
  651.             </setter>
  652.         </property>
  653.  
  654.         <property name="status">
  655.             <getter>
  656.                 return this.getAttribute('status');
  657.             </getter>
  658.  
  659.             <setter>
  660.                 <![CDATA[
  661.            this.setAttribute("status", val);
  662.            ]]>
  663.             </setter>
  664.         </property>
  665.  
  666.  
  667.         <property name="text">
  668.             <getter>
  669.                 return this.getAttribute('text');
  670.             </getter>
  671.  
  672.             <setter>
  673.                 <![CDATA[
  674.            this.setAttribute("text", val);
  675.            ]]>
  676.             </setter>
  677.         </property>
  678.         <property name="text2">
  679.             <getter>
  680.                 return this.getAttribute('text2');
  681.             </getter>