├── .gitignore
├── README.md
├── lib
    ├── d3.v3.min.js
    ├── d3zabbix.js
    ├── gauge.js
    ├── jquery-2.1.3.min.js
    └── jqzabbix.js
├── samples.css
├── samples.html
└── screenshots
    ├── samples.png
    ├── screenshot.png
    ├── timeSeries.png
    ├── timeSeriesZbxNext1193.png
    └── triggerTable.png


/.gitignore:
--------------------------------------------------------------------------------
1 | my-credentials.js
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # zabbix-d3js-widgets
 2 | 
 3 | This repository hasn't been updated for some time. In the meantime I started a similar project to get out of library dependency.
 4 | Have a look at [timeseries.js](https://github.com/hgruber/timeseries.js).
 5 | 
 6 | just some simple javascript widgets for customizable zabbix dashboards
 7 | ![ScreenShot](https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/master/screenshots/screenshot.png)
 8 | 
 9 | The widgets provide a very simple way to easily integrate zabbix information on your own dashboard. It just uses javascript (jquery, d3, jqzabbix) and the zabbix api to create self-updating animated tables and graphs.
10 | Have a look at the <a href="http://www.gruber-frankfurt.de/zabbix-d3js-widgets/samples.html">demo</a>.
11 | 
12 | installation
13 | ============
14 | * copy the files to your document root
15 | * provide the zabbix api url and credentials in samples.html (https://<domain>/zabbix/api_jsonrpc.php)
16 | * for zabbix < 2.4: provide the zabbix patch for cross site requests (https://support.zabbix.com/browse/ZBXNEXT-1377)
17 | * for saving bandwidth don't forget to enable gzip compression for api calls (usually about 95%)
18 | * for saving bandwidth zabbix > 3 allows the use of trend.get(). For older versions there's a patch for the trend.get() api call is available (https://support.zabbix.com/browse/ZBXNEXT-1193)
19 | 
20 | instant sample
21 | ==============
22 | * clone repository / download zip
23 | * open `samples.html` in the web browser of your choice.
24 | 
25 | the `samples.html` is pre-configured to access a demo Zabbix instance located on zabbix.org and shows a sample for each widget.
26 | 
27 | itemGauge
28 | =========
29 | itemGauge shows the last value of a Zabbix item and is refreshed according to the item's update interval. The widget is currently only a wrapper around Tomer Doron's <a href="http://tomerdoron.blogspot.de/2011/12/google-style-gauges-using-d3js.html">google style gauges using d3.js</a>.
30 | 
31 | timeSeries
32 | ==========
33 | timeSeries is a widget to diplay timeseries data from zabbix in a simple to use graph. Intuitive scrolling and panning is provided in realtime doing api calls in the background. When zooming out for several days the trend.get() api call is used to receive data in lower detail.
34 | 
35 | triggerTable
36 | ============
37 | triggerTable displays all alerting zabbix triggers in an animated table. Animations draw the user's attention to the dashboard when changes occur.
38 | 
39 | imageReload
40 | ===========
41 | A simple function for flickerfree image reloads in dashboards.  Provide the image's container id (not the id of the image itself) and the
42 | refresh interval in seconds. After each timeout the image url will be modified by appending '&refresh=<ts>' and then reloaded in the background. As soon as the image is loaded it will be replaced resulting in flickerfree image updates. This works with one image per element only.
43 | 
44 | todos
45 | =====
46 | timeSeries is a class with a high potential for more features. This has to be done very carefully: performance is a critical issue here, transition animations quickly drive the browser to its limits.
47 | A gant chart for events is planned. This will be very usefull for problem correlations.
48 | 
49 | links
50 | =====
51 | * http://www.zabbix.com
52 | * http://d3js.org
53 | * https://github.com/mbostock/d3
54 | * https://github.com/kodai/jqzabbix
55 | 
56 | screenshots
57 | ===========
58 | ![ScreenShot](https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/master/screenshots/timeSeriesZbxNext1193.png)
59 | ![ScreenShot](https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/master/screenshots/samples.png)
60 | 


--------------------------------------------------------------------------------
/lib/d3zabbix.js:
--------------------------------------------------------------------------------
   1 | //
   2 | // server class (requests to server)
   3 | //
   4 | var start_ = [];                                // array for all startRequest() methods
   5 | var req;                                        // global request method
   6 | 
   7 | function serverHandle(arg) {
   8 |     var jqzabbix = new $.jqzabbix(arg);
   9 |     jqzabbix.userLogin(null, startWidgets, onError);
  10 |     $( window ).unload(function() {             // logout on close window
  11 |         jqzabbix.sendAjaxRequest('user.logout', null, null, null);
  12 |     });
  13 |     function startWidgets() {
  14 |         start_.forEach(function(callback) { // call startRequest() for every widget
  15 |             callback();
  16 |         });
  17 |     }
  18 |     function request(method, params, ok, nok) {
  19 |         return jqzabbix.sendAjaxRequest(method, params, ok, nok);
  20 |     }
  21 |     function onError(a) {
  22 |         $.each(jqzabbix.isError(), function(key, value) {
  23 |             console.log(key + ' : ' + value);   // log errors to console
  24 |         });
  25 |     }
  26 |     req = request;
  27 | }
  28 | 
  29 | //
  30 | // class triggerTable
  31 | //
  32 | 
  33 | function triggerTable(arg) {
  34 |     var method = 'trigger.get';
  35 |     var limit = typeof arg.maxItems !== 'undefined' ? arg.maxItems : 25;
  36 |     var params = {
  37 |         'filter': { 'value': 1 },
  38 |         'groupids': arg.groupids,
  39 |         'min_severity': typeof arg.minPriority !== 'undefined' ? arg.minPriority : 2,
  40 |         'monitored': typeof arg.monitored !== 'undefined' ? arg.monitored : 1,
  41 |         'withLastEventUnacknowledged': typeof arg.withLastEventUnacknowledged !== 'undefined' ? arg.withLastEventUnacknowledged : 1,
  42 |         'skipDependent': 1,
  43 |         'output': [ 'triggerid', 'state', 'error', 'url', 'description', 'comments', 'priority', 'lastchange' ],
  44 |         'selectHosts': ['name'],
  45 |         'selectLastEvent': ['eventid'],
  46 |         'expandDescription': 1,
  47 |         'sortfield': [ 'lastchange' ],
  48 |         'sortorder': [ 'DESC' ],
  49 |         'limit': limit
  50 |     };
  51 |     var refresh = typeof arg.refresh !== 'undefined' ? arg.refresh : 10;
  52 |     var delayed = typeof arg.oldDelayed !== 'undefined' ? arg.oldDelayed : 1;
  53 |     var severity = ['not classified', 'information', 'warning', 'average', 'high', 'disaster' ]; 
  54 |     start_.push(startRequests);
  55 |     var width = $(arg.bindTo).width();
  56 | 
  57 |     function startRequests() {
  58 |         req(method, params, successMethod, errorMethod);
  59 |         setTimeout(startRequests, refresh * 1000);
  60 |     }
  61 | 
  62 |     function row(d) {
  63 |         function pad(s) {
  64 |             r = s.toString();
  65 |             return r.length == 1 ? '0' + r : r;
  66 |         }
  67 |         var dat = new Date(d.lastchange*1000);
  68 |         if (!d.url) {      // so let's take the url from comments' field
  69 |             var pattern = /http.*/g;
  70 |             d.url = pattern.exec(d.comments);
  71 |             d.comments = d.comments.replace(pattern,'').slice(0,-1);
  72 |         }
  73 |         // TODO: do this in a cleaner way
  74 |         return '<table class=triggers title="[' + severity[d.priority] + '] ' + d.comments +
  75 |             '"><tr><td class=description><b>' +
  76 |             d.hosts[0].name + '</b>: ' +
  77 |             ((d.url)?'<a href="'+d.url+'" target=\"_blank\">':'') + d.description +
  78 |             ((d.url)?'</a>':'') +
  79 |             '</td><td class=datetime>' + pad (dat.getDate ()) + '.' +
  80 |             pad (dat.getMonth () + 1) + '.' + '&nbsp;' + pad (dat.getHours ()) +
  81 |             ':' + pad (dat.getMinutes ()) + ':' + pad (dat.getSeconds ()) +
  82 |             '</td></tr></table>';
  83 |     }
  84 | 
  85 |     function errorMethod() {
  86 |         console.log('request failed');
  87 |         d3.select(arg.bindTo).selectAll("div.alert").style('opacity', '0.5');
  88 |     }
  89 | 
  90 |     function successMethod(response, status) {
  91 |         width = $(arg.bindTo).width();
  92 |         var elements = response.result.length;
  93 |         var p = d3.select(arg.bindTo)
  94 |             .selectAll("div")
  95 |             .sort(function(a,b) {
  96 |                 return d3.descending(a.lastchange, b.lastchange);
  97 |             })
  98 |             .data(response.result.reverse(), function(d) { return d.triggerid; })
  99 |             .html(function(d) { return row(d) })
 100 |             .style("width", width+'px')
 101 |             .style('display', function(d,i) {
 102 |                 if (i < elements-limit) return 'none';
 103 |                 else return 'block';
 104 |             })
 105 |             .style('opacity', '1.0');
 106 |         p.enter()
 107 |             .insert("div", ":first-child")
 108 |             .html(row)
 109 |             .attr("class", function(d) {
 110 |                 return 'alert c' + d.priority;
 111 |             })
 112 |             .attr("id", function(d) {
 113 |                 return 'id' + d.triggerid;
 114 |             })
 115 |             .style('display', function(d,i) {
 116 |                 if (i < elements-limit) return 'none';
 117 |                 else return 'block';
 118 |             })
 119 |             .style("width", width+'px')
 120 |             .style("margin-left", '-' + (100 + width) + 'px')
 121 |             // TODO: the acknowledge function has to go to row function
 122 | /*            .on('click', function(d) {
 123 |                 if (confirm('Acknowledge event: ' + d.description + '?')) {
 124 |                     req('event.acknowledge', {
 125 |                         "eventids": d.lastEvent.eventid,
 126 |                         "message": "Acknowledged on the dashboard"
 127 |                     } , function() {
 128 |                             d3.select("#id"+d.triggerid).attr('class', 'alert ack');
 129 |                     }, 0);        
 130 |                 }
 131 |             }) */
 132 |             .transition()
 133 |             .delay(function(d) { if (delayed) return ($.now()-d.lastchange*1000)*1e-6; else return 0; })
 134 |             .duration(1200)
 135 |             .ease('bounce')
 136 |             .style("margin-left", "0px")
 137 |             .style("margin-bottom", "0px");
 138 |         p.exit()
 139 |             .transition()
 140 |             .duration(3000)
 141 |             .ease('back')
 142 |             .style("margin-left", "1000px")
 143 |             .duration(1000)
 144 |             .style("height", "0px")
 145 |             .remove();
 146 |     }
 147 | }
 148 | 
 149 | // 
 150 | // displayItem
 151 | //
 152 | // simply write out a single value
 153 | // (or a sum of some values) as a single self updating digit
 154 | //
 155 | function displayItem(arg) {
 156 |     var refresh = typeof arg.refresh !== 'undefined' ? arg.refresh : 10;
 157 |     var width = $(arg.bindTo).width();
 158 |     start_.push(startRequests);
 159 |     function startRequests() {
 160 |         req('item.get', {
 161 |                 'itemids': arg.itemid,
 162 |                 'output': ['name', 'key_', 'lastvalue', 'lastclock', 'units'],
 163 |             },
 164 |             itemCallback, errorMethod);
 165 |         setTimeout(startRequests, refresh * 1000);
 166 |     }
 167 |     function errorMethod() {
 168 |         console.log('request failed');
 169 |         d3.select(arg.bindTo).selectAll("div.alert").style('opacity', '0.5');
 170 |     }
 171 |     function itemCallback(response, status) {
 172 |         var value = 0;
 173 |         response.result.forEach(function(item) {
 174 |             value += Number(item.lastvalue);
 175 |         });
 176 |         var units = response.result[0].units;
 177 |         $(arg.bindTo).html(String(value) + units);
 178 |     }
 179 | }
 180 | 
 181 | //
 182 | // ordered item list
 183 | //
 184 | // first working version
 185 | // shows an ordered list of items
 186 | // that reorder in fixed intervals
 187 | //
 188 | function orderedItems(arg) {
 189 |     var refresh = typeof arg.refresh !== 'undefined' ? arg.refresh : 10;
 190 |     start_.push(startRequests);
 191 |     var width = $(arg.bindTo).width();
 192 |     var items = []
 193 |     var statements = {}
 194 | 
 195 |     function startRequests() {
 196 |         req('item.get', {
 197 |                 'search': arg.search,
 198 |                 'startSearch': 1,
 199 |                 'output': ['name', 'key_', 'lastvalue', 'lastclock', 'units'],
 200 |             },
 201 |             itemCallback, errorMethod);
 202 |         setTimeout(startRequests, refresh * 1000);
 203 |     }
 204 |     function errorMethod() {
 205 |         console.log('request failed');
 206 |         d3.select(arg.bindTo).selectAll("div.alert").style('opacity', '0.5');
 207 |     }
 208 |     function itemCallback(response, status) {
 209 |         function cl(d) {
 210 |             var i = 1
 211 |             if (d.value > 1) i = 2;
 212 |             if (d.value > 5) i = 3;
 213 |             if (d.value > 15) i = 4;
 214 |             if (d.value > 30) i = 5;
 215 |             return 'alert c'+i;
 216 |         }
 217 |         function text(d) {
 218 |             return '<span>'+d.name+'</span><span style="float: right;">'+d.value+'</span>';
 219 |         }
 220 |         function top(d) {
 221 |             return (d.position*20)+'px';
 222 |         }
 223 |         now = new Date();
 224 |         width = $(arg.bindTo).width();
 225 |         last = (now/1000)-600;
 226 |         data = [];
 227 |         response.result.sort(function(a,b) { return b.lastvalue-a.lastvalue; });
 228 |         position = 0;
 229 |         response.result.forEach(function(item) {
 230 |             if (item.lastclock > last)
 231 |                 data.push({
 232 |                     'name': item.name,
 233 |                     'key': item.key_,
 234 |                     'value': item.lastvalue + item.units,
 235 |                     'position': position++
 236 |                 });
 237 |         });
 238 |         var p = d3.select(arg.bindTo)
 239 |             .selectAll("div")
 240 |             .data(data, function(d) { return d.key; })
 241 |             .style("width", width+'px');
 242 |         p.html(text);
 243 |         p.transition()
 244 |             .duration(2000)
 245 |             .attr("class", cl)
 246 |             .style("top", top)
 247 |             .style("opacity", '1.0');
 248 |         p.enter()
 249 |             .insert("div", ":first-child")
 250 |             .html(text)
 251 |             .attr("class", cl)
 252 |             .attr("id", function(d) { return d.key; })
 253 |             .style("position", "absolute")
 254 |             .style("width", width+'px')
 255 |             .style("top", "1200px")
 256 |             .transition()
 257 |             .duration(1200)
 258 |             .ease('bounce')
 259 |             .style("top", top)
 260 |             .style("margin-bottom", "0px");
 261 |         p.exit()
 262 |             .transition()
 263 |             .duration(3000)
 264 |             .style("top", "1200px")
 265 |             .duration(1000)
 266 |             .style("height", "0px")
 267 |             .remove();
 268 |     }
 269 | }
 270 | 
 271 | 
 272 | //
 273 | // imageReload()
 274 | // a simple function for flickerfree image reloads in dashboards
 275 | //
 276 | // Provide the image's container id (not the id of the image itself) and the
 277 | // refresh interval in seconds. After each timeout the image url will be
 278 | // modified by appending '&refresh=<ts>' and then reloaded in the background.
 279 | // As soon as the image is loaded it will be replaced resulting in flickerfree
 280 | // image updates. This works with one image per element only.
 281 | //
 282 | function imageReload(id, refresh) {
 283 |     function reload() {
 284 |         var url = $(id+'>img')[0].src;
 285 |         var ts = new Date();
 286 |         if (url.match(/refresh=.*/)) {
 287 |             url = url.replace(/refresh=.*/, "refresh="+(+ts));
 288 |         } else {
 289 |             url = url + "&refresh="+(+ts);
 290 |         }
 291 |         var temp = $('<img>');
 292 |         temp.attr("src", url).css("display", "none");
 293 |         $(id).prepend(temp);
 294 |         temp.load(function() {
 295 |             $(id+'>img').not(this).remove();
 296 |             $(this).css("display", "block");
 297 |         });
 298 |         setTimeout(reload, refresh * 1000);
 299 |     }
 300 |     setTimeout(reload, refresh * 1000);
 301 | }
 302 | 
 303 | // d3Table()
 304 | //
 305 | //
 306 | //
 307 | function d3Table() {
 308 | }
 309 | 
 310 | // needed for timeSeries
 311 | // a and b are arrays of intervals: [ [min_1,max_1], [min_2,max_2], .., [min_n,max_n] ]
 312 | // the difference function returns the difference a-b which again is an array of intervals
 313 | //     if a is your viewport (the data you want to display) and b your cache map
 314 | //     then you have to iterate through the result array and fetch data for every interval
 315 | // the addition function returns the sum a+b which again is an array of intervals
 316 | // the intersection function returns the intersection of a and b which is an array of intervals
 317 | // the iLength function returns the sum (scalar) of a's interval length
 318 | //
 319 | // unit tests for substraction(a, b), intersection(a, b) and addition(a, b)
 320 | /*
 321 | console.log('Result: ' + addition( [[1,3],[8,10],[17,20]] , [[2,11], [14,15]] ) );
 322 | console.log('Result: ' + substraction( [[1,3],[8,10],[17,20]] , [[2,11], [14,15]] ) );
 323 | console.log('Result: ' + intersection(  [[1,3],[8,10],[17,20]] , [[2,11], [14,15]] ) );
 324 | console.log('Result: ' + substraction( [[Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY]], [[2,11], [14,15]] ));
 325 | console.log('Result: ' + addition( [] , [[2,11], [14,15]] ) );
 326 | console.log('Result: ' + substraction( [] , [[2,11], [14,15]] ) );
 327 | console.log('Result: ' + iLength([[1,3],[8,10],[17,20]] ));
 328 | console.log('Result: ' + iLength([[Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY]]));
 329 | */
 330 | // "Result: 1,11,14,15,17,20"
 331 | // "Result: 1,2,17,20"
 332 | // "Result: 2,3,8,10"
 333 | // "Result: -Infinity,2,11,14,15,Infinity"
 334 | // "Result: 2,11,14,15"
 335 | // "Result: "
 336 | // "Result: 7"
 337 | // "Result: Infinity"
 338 | 
 339 | function substraction(a, b) {
 340 |     function difference(m, s) {
 341 |         if (s[1] <= m[0] || m[1] <= s[0]) return [m];
 342 |         if (s[1] <  m[1]) {
 343 |             if (s[0] <= m[0]) return [ [ s[1], m[1] ] ];
 344 |             return [ [ m[0], s[0] ], [ s[1], m[1] ] ];
 345 |         }
 346 |         if (s[0] <= m[0]) return [];
 347 |         return [ [ m[0], s[0] ] ];
 348 |     }
 349 |     function single(m, s) {
 350 |         diff = [];
 351 |         m.forEach(function(md) {
 352 |             difference(md, s).forEach(function(ret) {
 353 |                 diff.push(ret);
 354 |             });
 355 |         });
 356 |         return diff;
 357 |     }
 358 |     if (a === undefined || b === undefined) return [];
 359 |     var diff = a;
 360 |     b.forEach(function(m) {
 361 |         diff = single(diff, m);
 362 |     });
 363 |     return diff;
 364 | }
 365 | 
 366 | function intersection(a, b) {
 367 |     if (a === undefined || b === undefined) return [];
 368 |     var b_inverse = substraction([[Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY]], b);
 369 |     return substraction(a,b_inverse);
 370 | }
 371 | 
 372 | function addition(a, b) {
 373 |     function sum(m, s) {
 374 |         if (s[1] < m[0]) return [ s, m ];
 375 |         if (m[1] < s[0]) return [ m, s ];
 376 |         if (s[1] < m[1]) {
 377 |             if (s[0] <= m[0]) return [ [ s[0], m[1] ] ];
 378 |             return [ m ];
 379 |         }
 380 |         if (s[0] <= m[0]) return [ s ];
 381 |         return [ [ m[0], s[1] ] ];
 382 |     }
 383 |     if (a === undefined || b === undefined) return [];
 384 |     var dummy = a.concat(b).sort(function(a,b) {
 385 |         return a[0] - b[0];
 386 |     });
 387 |     var result = dummy.slice();
 388 |     for (i = 1; i < dummy.length; i++) {
 389 |         var s = sum(dummy[i-1],dummy[i]);
 390 |         if (s.length==1) {
 391 |             result.splice(0,1);
 392 |             result[0] = s[0];
 393 |             dummy[i] = s[0];
 394 |         }
 395 |     }
 396 |     return result;
 397 | }
 398 | 
 399 | function iLength(a) {
 400 |     var length = 0;
 401 |     a.forEach(function(o) {
 402 |         length = length + Number(o[1]) - Number(o[0]);
 403 |     });
 404 |     return length;
 405 | }
 406 | 
 407 | //
 408 | // getIndex(<array of items>, value)
 409 | //
 410 | // a binary search on an array of arrays where the first element is
 411 | // being searched for and which must be sorted in ascending order.
 412 | // The return value is an array with three indeces:
 413 | // [0] the index of the previous element next to value
 414 | // [1] the index of the following element next to value
 415 | // [2] the index of the element closest to value
 416 | // * if the value matches, all three indeces are equal
 417 | // * if there's no previous or following neighbour -1 is returned
 418 | // * if the the given array is non-empty there are at least two valid
 419 | //   indeces in the resulting array
 420 | //
 421 | function getIndex(items, value) {
 422 |     var startIndex  = 0,
 423 |         stopIndex   = items.length - 1,
 424 |         middle      = Math.floor((stopIndex + startIndex)/2),
 425 |         floor       = -1,
 426 |         ceil        = -1;
 427 |     if (items === undefined || items[0] === undefined) return [-1,-1,-1];
 428 |     if (value <= items[startIndex][0]) return [ -1, 0, 0 ];
 429 |     if (value >= items[stopIndex][0]) return [ stopIndex, -1, stopIndex ];
 430 |     while (items[middle][0] != value && startIndex < stopIndex) {
 431 |         if (value < items[middle][0]) {
 432 |             stopIndex = middle - 1;
 433 |             ceil = middle;
 434 |         } else if (value > items[middle][0]) {
 435 |             startIndex = middle + 1;
 436 |             floor = middle;
 437 |         }
 438 |         middle = Math.floor((stopIndex + startIndex)/2);
 439 |     }
 440 |     if (value <= items[middle][0]) ceil = middle;
 441 |     if (value >= items[middle][0]) floor = middle;
 442 |     if (floor == -1) return [ floor, ceil, ceil ];
 443 |     if (ceil == -1) return [ floor, ceil, floor ];
 444 |     if (value-items[floor][0] < items[ceil][0] - value) return [ floor, ceil, floor ];
 445 |     else return [ floor, ceil, ceil ];
 446 | }
 447 | /*
 448 | var test = [ [1], [2], [8], [10], [10], [12], [19] ];
 449 | console.log(getIndex(test, 0));
 450 | console.log(getIndex(test, 1));
 451 | console.log(getIndex(test, 2));
 452 | console.log(getIndex(test, 3));
 453 | console.log(getIndex(test,10));
 454 | console.log(getIndex(test,15));
 455 | console.log(getIndex(test,20));
 456 | */
 457 | 
 458 | // reminds me that I want to provide standard bank holidays
 459 | function Easter(Y) {
 460 |     var C = Math.floor(Y/100);
 461 |     var N = Y - 19*Math.floor(Y/19);
 462 |     var K = Math.floor((C - 17)/25);
 463 |     var I = C - Math.floor(C/4) - Math.floor((C - K)/3) + 19*N + 15;
 464 |     I = I - 30*Math.floor((I/30));
 465 |     I = I - Math.floor(I/28)*(1 - Math.floor(I/28)*Math.floor(29/(I + 1))*Math.floor((21 - N)/11));
 466 |     var J = Y + Math.floor(Y/4) + I + 2 - C + Math.floor(C/4);
 467 |     J = J - 7*Math.floor(J/7);
 468 |     var L = I - J;
 469 |     var M = 3 + Math.floor((L + 40)/44);
 470 |     var D = L + 28 - 31*Math.floor(M/4);
 471 |     return D + '.' + M;
 472 | }
 473 | 
 474 | var holidays = {
 475 |     '1.1': 'Neujahr',
 476 |     '1.5': 'Maifeiertag',
 477 |     '-2' : 'Karfreitag',
 478 |     '+0' : 'Ostersonntag',
 479 |     '+1' : 'Ostermontag',
 480 |     '+39': 'Himmelfahrt',
 481 |     '+49': 'Pfingstsonntag',
 482 |     '+50': 'Pfingstmontag',
 483 |     '+60': 'Fronleichnahm',
 484 |     '3.10': 'Tag der Einheit',
 485 |     '24.12': 'Heilig Abend',
 486 |     '25.12': '1. Weihnachtstag',
 487 |     '26.12': '2. Weihnachtstag',
 488 |     '31.12': 'Sylvester'
 489 | };
 490 | var easterYears = {}; // store dates for every year
 491 | var hL = {};          // store all holidays here
 492 | 
 493 | // newdate.getDate() + 87
 494 | function isHoliday(date) {
 495 |     var Y = date.getFullYear();
 496 |     var d = date.getDate()+'.'+(date.getMonth()+1);
 497 |     var di = d+'.'+Y;
 498 |     if (hL.hasOwnProperty(di)) return hL[di];
 499 |     var EasterDate;
 500 |     if (!easterYears.hasOwnProperty(Y.toString())) {
 501 |         easterYears[Y] = Easter(Y);
 502 |     }
 503 |     var a = easterYears[Y].split('.');
 504 |     for(var day in holidays) {
 505 |         if (d == day) {
 506 |             hL[di] = holidays[day];
 507 |             return holidays[day];
 508 |         } else if (day[0] == '-' || day[0] == '+') {
 509 |             var checkDay = new Date(Y,a[1]-1,a[0]);
 510 |             checkDay.setDate(checkDay.getDate() + Number(day));
 511 |             checkDay = checkDay.getDate()+'.'+(checkDay.getMonth()+1);
 512 |             if (d == checkDay) {
 513 |                 hL[di] = holidays[day];
 514 |                 return holidays[day];
 515 |             }
 516 |         }
 517 |     }
 518 |     hL[di] = false;
 519 |     return false;
 520 | }
 521 | 
 522 | //
 523 | // class timeSeries
 524 | //
 525 | 
 526 | function timeSeries(arg) {
 527 |     // after succesful api login startRequests will be called by server
 528 |     start_.push(startRequests);
 529 |     // format defines the labeling format of the time axis 
 530 |     var format = d3.time.format.multi([
 531 |       [".%L", function(d) { return d.getMilliseconds(); }],
 532 |       [":%S", function(d) { return d.getSeconds(); }],
 533 |       ["%H:%M", function(d) { return d.getMinutes(); }],
 534 |       ["%H:00", function(d) { return d.getHours(); }],
 535 |       ["%d.%m.", function(d) { return d.getDay() && d.getDate() != 1; }],
 536 |       ["%d.%m.", function(d) { return d.getDate() != 1; }],
 537 |       ["%b", function(d) { return d.getMonth(); }],
 538 |       ["%Y", function() { return true; }]
 539 |     ]);
 540 |     // tick_sizing defines the ticks for different scales
 541 |     // rework has to be done here: I want colored bands depending on 
 542 |     // hours, days weeks, month, ...
 543 |     var tick_sizing = [
 544 |         [    1.2, d3.time.seconds, 15, 'm' ],
 545 |         [    3.6, d3.time.minutes,  1, 'm' ],
 546 |         [   14.4, d3.time.minutes,  5, 'h' ],
 547 |         [   43.2, d3.time.minutes, 15, 'h' ],
 548 |         [   86.4, d3.time.minutes, 30, 'h' ],
 549 |         [  172.8, d3.time.hours,    1, 'h' ],
 550 |         [  432.0, d3.time.hours,    2, 'd' ],
 551 |         [  604.8, d3.time.hours,    6, 'd' ],
 552 |         [ 1209.6, d3.time.hours,   12, 'd' ],
 553 |         [ 2592.0, d3.time.days,     1, 'd' ],
 554 |         [ 5184.0, d3.time.days,     2, 'd' ],
 555 |         [10368.0, d3.time.days,     7, 'd' ],
 556 |         [200000.0,d3.time.months,   1, 'M' ],
 557 |     ];
 558 |     var sizing = [];
 559 |     var units;
 560 |     // TODO: use locale somehow....
 561 |     var days = [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag' ];
 562 |     var colors = { 0: 'steelblue', 1: 'red', 2: 'green'};
 563 |     // sizex and sizey define the parent element size
 564 |     var sizex, sizey;
 565 |     // the elements margins
 566 |     // given as parameter? calculated automatically depending on labeling?
 567 |     // for now I leave this as is
 568 |     var margin = { top: 16, right: 12, bottom: 12, left: 50 };
 569 |     // the inner diagram dimensions
 570 |     var width, height;
 571 |     var zoom_scale = 1;
 572 |     var zooming = false;
 573 |     var hideLegend = typeof arg.hideLegend !== 'undefined' ? arg.hideLegend : false;
 574 |     var preFetch = typeof arg.preFetch !== 'undefined' ? arg.preFetch: 1;
 575 | 
 576 |     // items contains for every itemid an object containing name, itemid and value_type
 577 |     var items = {};
 578 |     // just an array given with itemids
 579 |     // for now there's just one itemid allowed, this will change in future
 580 |     var itemids = typeof arg.itemids !== 'undefined' ? arg.itemids : null;
 581 |     var itemValueType = -1;
 582 | 
 583 |     // if mouseLocksOnNearest is set, the mouseover tooltip will lock on the nearest (distance) datum
 584 |     // otherwise the closest item on the time axis is used
 585 |     var mouseLocksOnNearest = typeof arg.mouseLocksOnNearest !== 'undefined' ? arg.mouseLocksOnNearest : 0;
 586 | 
 587 |     // interpolation
 588 |     // see http://www.d3noob.org/2013/01/smoothing-out-lines-in-d3js.html
 589 |     var interpolate = typeof arg.interpolate !== 'undefined' ? arg.interpolate : 'linear';
 590 | 
 591 |     // initial viewport is now minus 24h
 592 |     // this should be an argument and if set the viewport should be moved (moving 24h window mode)
 593 |     // if the viewport is modified, should we go back to this mode? after what time? 
 594 |     // or should we go back after now hits the right margin?
 595 |     var xRange = last(24);
 596 |     var yRange = [0, 500]; // initial value used for a very short moment
 597 |     // the x and y objects are needed to convert vales to svg coordinates and back
 598 |     var x = d3.time.scale(),
 599 |         y = d3.scale.linear();
 600 |     var xAxis = d3.svg.axis().scale(x),
 601 |         yAxis = d3.svg.axis().scale(y).tickFormat(d3.format('s'));
 602 |     var followViewSeconds;
 603 |     var lastRequest;
 604 | 
 605 |     // svg is bound to given html element arg.bindTo
 606 |     var svg = d3.select(arg.bindTo)
 607 |         .append("svg");
 608 |     var bands = svg.append("g")
 609 |         .attr("class", "timebands");
 610 |     // the 'future fog' element is separated from the 'past' by now
 611 |     var future = svg.append("rect")
 612 |         .attr("class", "future");
 613 | 
 614 |     // the axis objects
 615 |     var xA = svg.append("g")
 616 |         .attr("class", "x axis")
 617 |         .call(xAxis);
 618 |     var yA = svg.append("g")
 619 |         .attr("class", "y axis")
 620 |         .attr("transform", "translate(" + margin.left + ",0)")
 621 |         .call(yAxis);
 622 |     
 623 |     // the value's cache
 624 |     var visibleValues = [];
 625 |     var timer = 0;
 626 | 
 627 |     // if zoom_scale is lower than this use trends
 628 |     var trends_scale = 0.3;
 629 |     var activeScale = 0;
 630 |     var trendsSupported = true;
 631 |     // Zabbix value_types:
 632 |     // 0 - numeric float;
 633 |     // 1 - character;
 634 |     // 2 - log;
 635 |     // 3 - numeric unsigned;
 636 |     // 4 - text.
 637 |     var data_type = [ 'n', 'c', 'c', 'n', 'c' ];
 638 |     // a value cache for every scale:
 639 |     var scales = [
 640 |         {   'method': 'history.get',
 641 |             'values': [],        // the value cache for this scale
 642 |             'range': [],         // this is an array of ranges (intervals) kept in the value's cache
 643 |                                  // it uses the functions addition and substraction
 644 |             'requestedRange': [],// the intervals for every request made until response (unused)
 645 |             'resolution': 60,
 646 |             'valueline': d3.svg.line()
 647 |                 .x(function(d) { return Math.round(x(d[0]*1000)); })
 648 |                 .y(function(d) { return Math.round(Number(y(d[1]))); })
 649 |                 .interpolate(interpolate)
 650 |         },
 651 |         {   'method': 'trend.get',
 652 |             'values': [],
 653 |             'range': [],
 654 |             'resolution': 3600,
 655 |             'requestedRange': [],
 656 |             'valueline': d3.svg.line()
 657 |                 .x(function(d) { return Math.round(x(d[0]*1000)); })
 658 |                 .y(function(d) { return Math.round(Number(y(d[1]))); })
 659 |                 .interpolate('cardinal')
 660 |         }
 661 |     ];
 662 | 
 663 |     // this is the graph: path is an array of svg elements and valueline is its description
 664 |     // for each itemid there's one graph in the array
 665 |     var path = [];
 666 |     var path_minmax = [];
 667 |     var gant = [];
 668 |     var gantLayers = 0;
 669 |     var gantKeyWords = ['started', 'ended'];
 670 |     // info consists of several elements: tooltip, circle and line
 671 |     var yLabel = yA.append("text")
 672 |             .style("text-anchor", "end")
 673 |             .attr("transform", "translate(-40,"+margin.top+") rotate(-90)")
 674 |     // TODO: rename plotArea, it's only path
 675 |     var plotArea = svg.append("g").attr("class", "path");
 676 |     var gantChart = svg.append("g").attr("class", "gant");
 677 |     var gantInfo = false; // holds info for current tooltip
 678 |     var legendBox = svg.append("rect")
 679 |             .attr('class', 'legendback');
 680 |     var legend = svg.append("g").attr("class", "legend");
 681 |     var hideROverlap = svg.append("rect");
 682 |     var info = svg.append("g").attr("class", "info");
 683 |     var infoBox = info.append("rect").attr("class", "info");
 684 |     var zoom = d3.behavior.zoom()
 685 |             .scaleExtent([.0005, 1000])
 686 |             .on("zoom", zoomed)
 687 |             .on("zoomend", function() {
 688 |                 startRequests();
 689 |                 dragging = false;
 690 |             });
 691 |     // the diagram has two behaviors: drag and zoom
 692 |     // drag shouldn't be used here as panning is part of zooming, but
 693 |     // I didn't got it working....
 694 |     var dragging = false;
 695 |     var drag = d3.behavior.drag()
 696 |             .on("dragstart", function() {
 697 |                 dragging = true;
 698 |                 d3.event.sourceEvent.stopPropagation();
 699 |             })
 700 |             .on("drag", dragged);
 701 |     // this is just for the tooltip
 702 |     // mind the difference 'mouseleave' and 'mouseout'!
 703 |     svg
 704 |         .on('mousemove', plotInfo)
 705 |         .on('mouseleave', clearInfo)
 706 |         .call(zoom)
 707 |         .call(drag);
 708 | 
 709 |     // plot empty diagram for the first time (just plot everything)
 710 |     plotSVG();
 711 |     startFollowView();
 712 |     // jquery here for the resize event, just plot everything
 713 |     $(window).resize(function() {
 714 |         plotSVG();
 715 |     });
 716 | 
 717 |     // return uniq colors for a given text label
 718 |     function getColor(str) {
 719 |         if (colors[str]) {
 720 |             return colors[str];
 721 |         } else {
 722 |             var hash = 5381;
 723 |             for (i = 0; i < str.length; i++) {
 724 |                 char = str.charCodeAt(i);
 725 |                 hash = ((hash << 5) + hash) + char; /* hash * 33 + c */
 726 |             }
 727 |             colors[str] = '#' + Math.abs(hash).toString(16).substring(0, 6);
 728 |             return colors[str];
 729 |         }
 730 |     }
 731 | 
 732 |     // this first api call (item.get) is needed to figure out if
 733 |     // item is integer, float, text, ...
 734 |     // if the variable 'history' isn't correctly provided history.get won't return anything
 735 |     // here we get the item name as well.
 736 |     // TODO: do some regexp magic to construct the visible name from name and key
 737 |     // (in the zabbix gui it's done with php)
 738 |     function getItemValueTypes() {
 739 |         req('item.get', {
 740 |             'output': [ 'name', 'value_type', 'units', 'key_' ],
 741 |             'itemids': itemids
 742 |         }, function(r) {
 743 |             if (r.result.length>0) {
 744 |                 r.result.forEach(function(o, i) {
 745 |                     items[o.itemid] = {
 746 |                         'index': i, 'name': o.name, 'key': o.key_,
 747 |                         'units': o.units, 'value_type': o.value_type,
 748 |                         'data_type': data_type[o.value_type] };
 749 |                     scales.forEach(function(o,j) {
 750 |                         scales[j].values[i] = [];
 751 |                     });
 752 |                     gant[i] = [];
 753 |                     if (data_type[o.value_type] == 'n') {
 754 |                         path_minmax[i] = plotArea.append("path")
 755 |                             .attr("class", "path"+i+" minmax")
 756 |                             .style('fill', colors[i]);
 757 |                         path[i] = plotArea.append("path")
 758 |                             .attr("class", "path"+i+" normal")
 759 |                             .style('stroke', colors[i]);
 760 |                     }
 761 |                     if (units === undefined) units = o.units;
 762 |                     else if (units != o.units)
 763 |                         console.log('Error: items have different units.');
 764 |                 });
 765 |                 itemValueType = Number(r.result[0].value_type);
 766 |                 if (units !== undefined) yLabel.text("["+units+"]");
 767 |                 startRequests();
 768 |             } else {
 769 |                 console.log('Error: Look if item exists.');
 770 |             }
 771 |         }, 0);
 772 |     }
 773 | 
 774 |    // do the api call for values not in the cache
 775 |    function startRequests() {
 776 |         if (itemValueType == -1) {
 777 |             getItemValueTypes();
 778 |             return;
 779 |         }
 780 |         if (trendsSupported && zoom_scale < trends_scale && data_type[itemValueType] == 'n') activeScale = 1;
 781 |         else activeScale = 0;
 782 |         // substraction returns an array of ranges (intervals)
 783 |         // if you're having several holes in your data cache, this will just
 784 |         // request the minimum needed.
 785 |         var now = new Date();
 786 |         scales[activeScale].requestedRange.forEach(function(o,i) {
 787 |             if ((+now-o[2])>5000) { // remove requested ranges after 5s
 788 |                 scales[activeScale].requestedRange.splice(i,1);
 789 |             }
 790 |         });
 791 |         // prefetching
 792 |         var x0 = +xRange[0] - (+xRange[1] - xRange[0]) * preFetch;
 793 |         var x1 = +xRange[1] + (+xRange[1] - xRange[0]) * preFetch;
 794 | /*      var dontRequest = addition(scales[activeScale].range, []);
 795 |         console.log(''+scales[activeScale].range); // requestedRanges unused so far, there's still a bug here
 796 |         console.log(''+scales[activeScale].requestedRange);
 797 |         console.log(''+dontRequest);
 798 |         console.log(''+substraction( [ [xRange[0], xRange[1]] ], dontRequest));*/
 799 |         substraction( [[ x0, x1 ]], scales[activeScale].range).forEach(function(r, i) {
 800 |             req(scales[activeScale].method, {
 801 |                 "output": 'extend',
 802 |                 "history": itemValueType,
 803 |                 "itemids": itemids,
 804 |                 "sortfield": "clock",
 805 |                 "sortorder": "ASC",
 806 |                 "time_from": Math.round(r[0]/1000),
 807 |                 "time_till": Math.round(r[1]/1000)
 808 |             }, onData, onError);
 809 |             scales[activeScale].requestedRange.push([r[0], r[1], now]);
 810 |         });
 811 |         lastRequest = new Date();
 812 |     }
 813 | 
 814 |     // callback for history.get
 815 |     function onData(response, status) {
 816 |         // remove doublicates from array
 817 |         function uniq(a) {
 818 |             var seen = {};
 819 |             return a.filter(function(item) {
 820 |                 return seen.hasOwnProperty(item[0]) ? false : (seen[item[0]] = true);
 821 |             });
 822 |         }
 823 |         var receivedScale;
 824 |         if (response.result.length > 0 && response.result[0] !== undefined) {
 825 |             var cast;
 826 |             var data_type = items[response.result[0].itemid].data_type;
 827 |             if (data_type == 'n')
 828 |                 cast = function(v) { return Number(v); } // normal charts
 829 |             else
 830 |                 cast = function(v) { return String(v); } // gant graphs
 831 |             if (response.result[0].value !== undefined) {
 832 |                 receivedScale = 0;
 833 |                 response.result.forEach(function(o) {
 834 |                     var i = items[o.itemid].index;
 835 |                     scales[receivedScale].values[i].push([Number(o.clock), cast(o.value)]);
 836 |                 });
 837 |                 // console.log('history values: ' + response.result.length);
 838 |             } else if (response.result.length > 0 && response.result[0].value_avg !== undefined) {
 839 |                 receivedScale = 1;
 840 |                 response.result.forEach(function(o) {
 841 |                     var i = items[o.itemid].index;
 842 |                     scales[receivedScale].values[i].push([Number(o.clock), Number(o.value_avg), Number(o.value_min), Number(o.value_max), ]);
 843 |                 });
 844 |                 // console.log('trend values: ' + response.result.length);
 845 |             } else return;
 846 |             var received = [
 847 |                 new Date (response.result[0].clock*1000),
 848 |                 new Date (response.result[response.result.length-1].clock*1000)
 849 |             ];
 850 |             scales[receivedScale].range = addition(scales[receivedScale].range, [ received ] );
 851 |             // TODO: merging the new data can be done in a smarter way.
 852 |             itemids.forEach(function(item, i) {
 853 |                 scales[receivedScale].values[i] = uniq(scales[receivedScale].values[i].sort(function(a,b) {
 854 |                     return a[0] - b[0];
 855 |                 }));
 856 |             });
 857 |             // replot all
 858 |             if (data_type == 'c')
 859 |                 updateGants();
 860 |             plotSVG();
 861 |         } else {
 862 | //            no data ?
 863 | //            console.log('unknown response: ');
 864 | //            console.log(response);
 865 |         }
 866 |     }
 867 | 
 868 |     function onError(response) {
 869 |         if (trendsSupported && activeScale==1 && (response === undefined || response.status==500)) {
 870 |             d3.select(arg.bindTo)
 871 |                 .append("div")
 872 |                 .attr('class', 'warning')
 873 |                 .html("The zabbix api doesn't support 'trend.get()'.<br>"+
 874 |                       "Upgrade to Zabbix 3 or see "+
 875 |                       "<a href=\"https://support.zabbix.com/browse/ZBXNEXT-1193\">https://support.zabbix.com/browse/ZBXNEXT-1193</a>");
 876 |             trendsSupported = false;
 877 |         }
 878 |     }
 879 | 
 880 |     function updateGants() {
 881 |         // addGant() adds a layer to every bar to use a minimal number of rows without overlapping
 882 |         function addGant(a, begin, end, name) {
 883 |             var layer = -1;
 884 |             for (i=0; i<layers.length; i++) if (intersection(layers[i], [[begin,end]]).length == 0) {
 885 |                 layer = i;
 886 |                 break;
 887 |             }
 888 |             if (layer == -1) {
 889 |                 layer = layers.length;
 890 |                 layers[layer] = [];
 891 |             }
 892 |             layers[layer] = addition(layers[layer],[[begin,end]]);
 893 |             a.push([begin, end, name, layer]);
 894 |         }
 895 |         // create GantArray
 896 |         var left  = new RegExp(' '+gantKeyWords[0]);
 897 |         var right = new RegExp(' '+gantKeyWords[1]);
 898 |         var layers = [];
 899 |         var now = Math.round(new Date()/1000);
 900 |         gant.forEach(function(g, i) {
 901 |             var gantNames = {};
 902 |             gant[i] = [];
 903 |             scales[activeScale].values[i].forEach(function(v,j) {
 904 |                 var name='', begin=false, end=false;
 905 |                 if (v[1].search(left) > -1) {
 906 |                     name = v[1].replace(left,'');
 907 |                     begin = true;
 908 |                 } else if (v[1].search(right) > -1) {
 909 |                     name = v[1].replace(right,'');
 910 |                     end = true;
 911 |                 }
 912 |                 if (!gantNames.hasOwnProperty(name)) {
 913 |                     if (begin) gantNames[name] = v[0];
 914 |                     else if (end) gantNames[name] = v[0];
 915 |                     else addGant(gant[i], v[0], v[0], name);
 916 |                 } else {
 917 |                     if (begin) { // TODO: this is wrong
 918 |                         addGant(gant[i], v[0], gantNames[name], name);
 919 |                     } else if (end) {
 920 |                         addGant(gant[i], gantNames[name], v[0], name);
 921 |                     }
 922 |                     delete gantNames[name];
 923 |                 }
 924 |             });
 925 |         });
 926 |         gantLayers = layers.length;
 927 |     }
 928 | 
 929 |     // create arrays containing just visible values
 930 |     // and return maximum on y-axis
 931 |     function updateVisibleValues(x0, x1) {
 932 |         var max = Number.NEGATIVE_INFINITY;
 933 |         var maxIndex = 1;
 934 |         if (activeScale > 0) maxIndex = 3;
 935 |         path.forEach(function(p, i) {
 936 |             // only use values in current viewport
 937 |             if (scales[activeScale].values[i].length == 0) return 0;
 938 |             var left  = getIndex(scales[activeScale].values[i], x0);
 939 |             var right = getIndex(scales[activeScale].values[i], x1);
 940 |             if (left[0]  == -1) left  = left[1];  else left  = left[0];
 941 |             if (right[1] == -1) right = right[0]; else right = right[1];
 942 |             visibleValues[i] = scales[activeScale].values[i].slice(left,right+1);
 943 |             // TODO: project next points out of view on y-axis
 944 |             var ax = visibleValues[i][0][0];
 945 |             // var ay = visibleValues[i][0][1];
 946 |             // var bx = visibleValues[i][1][0];
 947 |             // var by = visibleValues[i][1][1];
 948 |             // don't modify visibleValues: it is a reference on the original data!
 949 |             // if (bx > ax) visibleValues[i][0] = [ x0, ay + (x0-ax)/(bx-ax)*(by-ay) ];
 950 |             visibleValues[i].forEach(function(o) {
 951 |                 var b = Number(o[maxIndex]);
 952 |                 if (b > max) max = b;
 953 |             });
 954 |         });
 955 |         return max;
 956 |     }
 957 | 
 958 |     // rebuild axis objects
 959 |     function plotAxis() {
 960 |         x.range([margin.left, width + margin.left]).domain(xRange);
 961 |         var x0 = Math.round(xRange[0]/1000)
 962 |         var x1 = Math.round(xRange[1]/1000)
 963 |         var cacheRate = [];
 964 |         cacheRate[0] = Math.round(iLength(intersection(scales[0].range,[[xRange[0],xRange[1]]])) * 100 / iLength([[xRange[0],xRange[1]]]));
 965 |         cacheRate[1] = Math.round(iLength(intersection(scales[1].range,[[xRange[0],xRange[1]]])) * 100 / iLength([[xRange[0],xRange[1]]]));
 966 |         if (trendsSupported && zoom_scale < trends_scale) activeScale = 1;
 967 |         else activeScale = 0;
 968 |         // during dragging show original data as long as it fills more than 10% of viewport
 969 |         // else 5% more data in next lower resolution is needed to fall back to it
 970 |         var cor = 1.05;
 971 |         if (dragging) cor = 10;
 972 |         if (activeScale == 0 && cacheRate[0] * cor < cacheRate[1]) activeScale = 1;
 973 |         if (activeScale == 1 && cacheRate[1] * cor < cacheRate[0]) activeScale = 0;
 974 |         var max = updateVisibleValues(x0, x1);
 975 |         yRange = [0,max];
 976 |         y.range([height - margin.bottom, margin.top]).domain(yRange).nice();
 977 | 
 978 |         var Range = (xRange[1]-xRange[0]) / 1000;
 979 |         sizing = [];
 980 |         tick_sizing.forEach(function(ts) {
 981 |             if (ts[0] >= Range/width && sizing.length == 0)
 982 |                 sizing = ts;
 983 |         });
 984 |         xAxis
 985 |             .orient("bottom")
 986 |             .tickFormat(format)
 987 |             .tickSize(-height + margin.bottom + margin.top)
 988 |             .ticks(sizing[1], sizing[2]);
 989 |         yAxis
 990 |             .orient("left")
 991 |             .tickSize(-width+1);
 992 |         xA  .attr("transform", "translate(0," + (height - margin.bottom) + ")")
 993 |             .call(xAxis)
 994 |             .selectAll("text")
 995 |             .style("text-anchor", "end")
 996 |             .attr("dx", "-0.2em")
 997 |             .attr("dy", ".15em")
 998 |             .attr("transform", "rotate(-90)");
 999 |         yA.call(yAxis);
1000 |     }
1001 | 
1002 |     function createBands(size) {
1003 |         var incr, firstFull;
1004 |         var intervals = [];
1005 |         var dst = 0;
1006 |         var firstOffset = 0;
1007 |         if (size == 'm') incr = 60000;
1008 |         if (size == 'h') incr = 3600000;
1009 |         if (size == 'd' || size == 'M') {
1010 |             incr = 86400000;
1011 |             firstFull = Math.floor(xRange[0]/incr)*incr;
1012 |             var d = new Date(firstFull);
1013 |             firstFull = firstFull - d.getHours()*3600000;
1014 |         } else {
1015 |             firstFull = Math.floor(xRange[0]/incr)*incr;
1016 |         }
1017 |         if (size == 'd') {
1018 |             var time = new Date(firstFull);
1019 |             firstOffset = time.getTimezoneOffset();
1020 |             dst = (xRange[1].getTimezoneOffset() - firstOffset);
1021 |         }
1022 |         if (size != 'M') while (firstFull < xRange[1]) {
1023 |             var a = firstFull;
1024 |             var b = firstFull + incr;
1025 |             if (a < xRange[0]) a = +xRange[0];
1026 |             if (b > xRange[1]) b = +xRange[1];
1027 |             if (a < b) intervals.push([a,b]);
1028 |             firstFull = firstFull + incr;
1029 |         } else {
1030 |             var last = xRange[0];
1031 |             while (firstFull < xRange[1]) {
1032 |                 firstFull = firstFull + incr;
1033 |                 var a = new Date(firstFull);
1034 |                 if (a.getDate() == 1) {
1035 |                     if (last < a) intervals.push([last,a]);
1036 |                     last = a;
1037 |                 }
1038 |             }
1039 |             if (last < +xRange[1]) intervals.push([last,+xRange[1]]);
1040 |         }
1041 |         if (dst!=0) {
1042 |             return intervals.map(function(o,i) {
1043 |                 var t0 = new Date(o[0]);
1044 |                 var t1 = new Date(o[1]);
1045 |                 var o0 = (t0.getTimezoneOffset() - firstOffset) * 60000;
1046 |                 var o1 = (t1.getTimezoneOffset() - firstOffset) * 60000;
1047 |                 return [ o[0]+o0, o[1]+o1 ];
1048 |             });
1049 |         }
1050 |         return intervals;
1051 |     }
1052 | 
1053 |     function plotBands(clss, timeInterval, intervals, y, h) {
1054 |         function labelDay(d) {
1055 |             var a = new Date(d[0]);
1056 |             var name = isHoliday(a);
1057 |             if (!name) name = days[a.getDay()];
1058 |             var pixels = x(d[1]) - x(d[0]);
1059 |             if (pixels > 160) return name + ', ' + a.getDate() + '.' + (a.getMonth()+1) + '.' + (a.getFullYear());
1060 |             if (pixels > 120) return name + ', ' + a.getDate() + '.' + (a.getMonth()+1) + '.';
1061 |             if (pixels > 80) return name;
1062 |             if (pixels > 20) return name.substr(0,2);
1063 |             if (pixels > 10) return name.substr(0,1);
1064 |             else return '';
1065 |         }
1066 |         var bandClass = {
1067 |             'm': function(d,i) {
1068 |                 var a = new Date(d[0]);
1069 |                 if (a.getMinutes() % 2 == 0) return clss+' minutes_even'; else return clss+' minutes_odd';
1070 |             },
1071 |             'h': function(d,i) {
1072 |                 var a = new Date(d[0]);
1073 |                 if (a.getHours() % 2 == 0) return clss+' hours_even'; else return clss+' hours_odd';
1074 |             },
1075 |             'd': function(d,i) {
1076 |                 var a = new Date(d[0]);
1077 |                 var day = a.getDay();
1078 |                 if (isHoliday(a) || day == 0 || day == 6 ) {
1079 |                     return clss+' weekend';
1080 |                 } else {
1081 |                     if (day%2 == 0) return clss+' workday_even';
1082 |                     else return clss+' workday_odd';
1083 |                 }
1084 |             },
1085 |             'M': function(d,i) {
1086 |                 var a = new Date(d[0]);
1087 |                 if (a.getMonth() % 2 == 0) return clss+' months_even';
1088 |                 else return clss+' months_odd';
1089 |             }
1090 |         }
1091 |         var timeBands = bands.selectAll('.'+clss)
1092 |             .data(intervals, function(d) { return (d[0]+','+d[1]); })
1093 |             .attr('x', function(d) { return Math.round(x(d[0])); })
1094 |             .attr('y', y)
1095 |             .attr('width', function(d) { return Math.round(x(d[1])-x(d[0])); })
1096 |             .attr('height', h);
1097 |         var bandsEnter = timeBands.enter()
1098 |             .append("rect")
1099 |             .attr('x', function(d) { return Math.round(x(d[0])); })
1100 |             .attr('y', y)
1101 |             .attr('width', function(d) { return Math.round(x(d[1])-x(d[0])); })
1102 |             .attr('height', h)
1103 |             .attr('class', bandClass[timeInterval]);
1104 |         timeBands.exit().remove();
1105 |         if (clss == 'daybands') {
1106 |             var timeDesc = bands.selectAll(".days")
1107 |                 .data(intervals, function(d) { return ( d[0]+','+d[1] ); })
1108 |                 .attr('x', function(d) { return Math.round(x(d[0])); })
1109 |                 .attr('y', function(d) { return margin.top - 4; })
1110 |                 .text(labelDay);
1111 |             var descEnter = timeDesc.enter()
1112 |                 .append("text")
1113 |                 .attr('x', function(d) { return Math.round(x(d[0])); })
1114 |                 .attr('y', function(d) { return margin.top - 4; })
1115 |                 .attr('class', 'days')
1116 |                 .text(labelDay);
1117 |             timeDesc.exit().remove();
1118 |         }
1119 |     }
1120 | 
1121 |     function plotTimeBands() {
1122 |         var timeInterval = sizing[3];
1123 |         var intervals = createBands(timeInterval);
1124 |         plotBands('bands', timeInterval, intervals, margin.top, height - margin.bottom - margin.top);
1125 |         if (timeInterval == 'M' || timeInterval == 'Y') intervals = [];
1126 |         else if (timeInterval != 'd') intervals = createBands('d');
1127 |         plotBands('daybands', 'd', intervals, 0, margin.top);
1128 |     }
1129 | 
1130 |     function startFollowView() {
1131 |         followViewSeconds = Math.floor((xRange[1]-xRange[0])/width);
1132 |         setTimeout(followView, followViewSeconds);
1133 |     }
1134 | 
1135 |     function followView() {
1136 |         if (!followViewSeconds) return;
1137 |         var length = xRange[1] - xRange[0];
1138 |         xRange[1] = new Date();
1139 |         xRange[0] = xRange[1] - length;
1140 |         plotSVG();
1141 |         setTimeout(followView, followViewSeconds);
1142 |     }
1143 | 
1144 |     function plotFuture(t) {
1145 |         now = new Date();
1146 |         if (now < xRange[0]) now = xRange[0];
1147 |         // plot 'fog of future' if it's in viewport
1148 |         // and upate it
1149 |         if (x(now) <= width + margin.left) {
1150 |             future
1151 |                 .attr("x", Math.round(x(now)))
1152 |                 .attr("y", margin.top)
1153 |                 .attr("width", width + margin.left - Math.round(x(now)))
1154 |                 .attr("height", height - margin.bottom - margin.top);
1155 |             if (now - lastRequest > 10000) startRequests();
1156 |             if (timer > 0 && t == 1 || timer == 0 && t == 0) {
1157 |                 timer = setTimeout(function() { plotFuture(1); }, 1000);
1158 |             }
1159 |         } else if (timer > 0) {
1160 |             if (!zooming) {
1161 |                 startFollowView();
1162 |             }
1163 |             future
1164 |                 .attr("x", width + margin.left)
1165 |                 .attr("width", 0);
1166 |             timer = 0;
1167 |         }
1168 |     }
1169 | 
1170 |     // reassign an new path description to the path object
1171 |     function plotPath() {
1172 |         var x0 = Math.round(xRange[0]/1000);
1173 |         var x1 = Math.round(xRange[1]/1000);
1174 |         // set the data resolution depending on zoom level (zoom_scale)
1175 |         // TODO: use real pixels per datum not zoom_scale
1176 |         path.forEach(function(p, i) {
1177 |             p.attr("d", scales[activeScale].valueline(visibleValues[i]));
1178 |             if (activeScale > 0) {
1179 |                 var min = visibleValues[i].map(function(arr) {
1180 |                     return [ arr[0], arr[2] ];
1181 |                 });
1182 |                 var max = visibleValues[i].map(function(arr) {
1183 |                     return [ arr[0], arr[3] ];
1184 |                 });
1185 |                 path_minmax[i].attr("d", scales[1].valueline(min.concat(max.reverse())));
1186 |             } else {
1187 |                 path_minmax[i].attr("d", scales[0].valueline([]));
1188 |             }
1189 |         });
1190 |         hideROverlap
1191 |             .attr('fill', '#ffffff')
1192 |             .attr('x', width + margin.left + 1)
1193 |             .attr('y', 0)
1194 |             .attr('width', margin.right-1)
1195 |             .attr('height', height - margin.top);
1196 |     }
1197 | 
1198 |     function plotGant() {
1199 |         function setGant(selection) {
1200 |             selection
1201 |                 .attr("x", function(d,i) {
1202 |                     return Math.round(x(d[0]*1000));
1203 |                 })
1204 |                 .attr("y", function(d,i) {
1205 |                     return margin.top + gantHeight*d[3] + 4;
1206 |                 })
1207 |                 .attr("width", function(d,i) {
1208 |                     var width = Math.ceil(x(d[1]*1000)-x(d[0]*1000));
1209 |                     if (width<0) return 0;
1210 |                     return width;
1211 |                 })
1212 |                 .attr("height", function(d,i) {
1213 |                     return gantHeight - 2;
1214 |                 })
1215 |                 .attr("opacity", function(d,i) {
1216 |                     var width = x(d[1]*1000)-x(d[0]*1000);
1217 |                     if (width >= 1 || width < 0) return 1;
1218 |                     return width;
1219 |                 });
1220 |         }
1221 |         var gantHeight = Math.round((height - margin.top - margin.bottom - 8)/gantLayers);
1222 |         if (gantHeight > 20) gantHeight = 20;
1223 |         var x0 = Math.round(xRange[0]/1000);
1224 |         var x1 = Math.round(xRange[1]/1000);
1225 |         // TODO: only one item used for gants
1226 |         var visibleGant = [];
1227 |         gant[0].forEach(function(g,i) {
1228 |             var g0 = g[0];
1229 |             var g1 = g[1];
1230 |             if (g[1] < x0) return;
1231 |             if (g[0] > x1) return;
1232 |             if (g[0] < x0) g0 = x0;
1233 |             if (g[1] > x1) g1 = x1;
1234 |             visibleGant.push([g0, g1, g[2], g[3]]);
1235 |         });
1236 |         var gC = gantChart.selectAll("rect").data(visibleGant, function(o,i) {
1237 |                 return o[2]+o[0];
1238 |             })
1239 |             .call(setGant)
1240 |         gC  .enter()
1241 |             .append("rect")
1242 |             .attr("class", "gant")
1243 |             .attr("fill", function(d,i) {
1244 |                 return getColor(d[2]);
1245 |             })
1246 |             .call(setGant)
1247 |             .on('mouseover', function(d,i) {
1248 |                 gantInfo = d;
1249 |             })
1250 |             .on('mouseout', function(d,i) {
1251 |                 gantInfo = false;
1252 |                 clearInfo();
1253 |             });
1254 |         gC  .exit().remove();
1255 |     }
1256 | 
1257 |     function plotLegend() {
1258 |         if (hideLegend) return;
1259 |         var text = [];
1260 |         //TODO: items[index].name + items[index].key
1261 |         for (var index in items) {
1262 |             text.push(items[index].name);
1263 |             console.log(items[index].name + ':' + items[index].key);
1264 |         }
1265 |         var lE = legend.selectAll(".legendtext").data(text, function(o,i) {
1266 |                 return i;
1267 |             })
1268 |             .attr("x", function() {
1269 |                 return margin.left + width - 8;
1270 |             })
1271 |             .attr("y", function(d,i) {
1272 |                 return margin.top + 20 + 20*i;
1273 |             });
1274 |         lE  .enter()
1275 |             .append("text")
1276 |             .style("text-anchor", "end")
1277 |             .style("fill", function(d,i) {
1278 |                 return colors[i];
1279 |             })
1280 |             .attr("class", "legendtext")
1281 |             .attr("x", function() {
1282 |                 return margin.left + width - 8;
1283 |             })
1284 |             .attr("y", function(d,i) {
1285 |                 return margin.top + 20 + 20*i;
1286 |             })
1287 |             .text(function(d) {
1288 |                 return d;
1289 |             });
1290 |         lE.exit().remove();
1291 |         var b = { 'x': 0, 'y': 0, 'width': 0, 'height': 0 };
1292 |         lE.each(function() {
1293 |             var bb = this.getBBox();
1294 |             if (b.x == 0) {
1295 |                 b.x = bb.x;
1296 |                 b.y = bb.y;
1297 |                 b.height = bb.height;
1298 |             } else {
1299 |                 b.height = b.height + 20;
1300 |             }
1301 |             if (bb.x < b.x) b.x = bb.x;
1302 |             if (b.width < bb.width) b.width = bb.width;
1303 |         });
1304 |         legendBox
1305 |             .attr("x", b.x - 2)
1306 |             .attr("y", b.y - 2)
1307 |             .attr("width", b.width+4)
1308 |             .attr("height", b.height+4);
1309 |     }
1310 | 
1311 |     // replot tooltip
1312 |     function plotInfo() {
1313 |         if (zooming) return;
1314 |         if (this.style === undefined) return; // hack: if this is not the svg: skip
1315 |         mx = d3.mouse(this)[0];
1316 |         my = d3.mouse(this)[1];
1317 |         mv = Math.round(+x.invert(mx)/1000);
1318 |         var selected = [];
1319 |         var textGenerator;
1320 |         if (mouseLocksOnNearest) {
1321 |             visibleValues.forEach(function(v, i) { // TODO: this is still insane for much data
1322 |                 selected[i] = [Number.POSITIVE_INFINITY];
1323 |                 v.map(function(o) {
1324 |                     return [ Math.abs(+x(o[0]*1000)-mx) + Math.abs(+y(o[1])-my), o[0], o[1], i ];
1325 |                 }).forEach(function(o) {
1326 |                     if (o[0] < selected[i][0]) selected[i] = o;
1327 |                 });
1328 |                 selected[i] = [ selected[i][1], selected[i][2] ];
1329 |             });
1330 |         } else {
1331 |             visibleValues.forEach(function(v, i) {
1332 |                 var index = getIndex(v, mv);
1333 |                 index = index[2];
1334 |                 selected[i] = [ v[index][0], v[index][1] ];
1335 |             });
1336 |         }
1337 |         var infoCircle = svg.select(".info").selectAll("circle")
1338 |             .data(selected, function(s,i) { return i; })
1339 |             .attr("cx", function(s) { return x(s[0]*1000); })
1340 |             .attr("cy", function(s) { return y(s[1]); });
1341 |         infoCircle.enter()
1342 |             .insert("circle")
1343 |             .attr("r", 5)
1344 |             .attr("cx", function(s) { return x(s[0]*1000); })
1345 |             .attr("cy", function(s) { return y(s[1]); })
1346 |             .style("fill", function(s,i) { return colors[i]; });
1347 |         var infoLine = svg.select(".info").selectAll("line")
1348 |             .data(selected, function(s,i) { return i; })
1349 |             .attr("x1", function(s,i) { return x(s[0]*1000); })
1350 |             .attr("x2", function(s,i) { return x(s[0]*1000); })
1351 |         infoLine.enter()
1352 |             .insert("line")
1353 |             .attr("x1", function(s,i) { return x(s[0]*1000); })
1354 |             .attr("y1", margin.top)
1355 |             .attr("x2", function(s,i) { return x(s[0]*1000); })
1356 |             .attr("y2", height-margin.top);
1357 |         // define text callback for numeric diagram and gant
1358 |         // TODO: if you have both types mixed this won't work
1359 |         if (gantInfo) {
1360 |             selected.push(gantInfo);
1361 |             textGenerator = function(s,i) {
1362 |                 var date = new Date(s[0]*1000);
1363 |                 return s[2]  + ': ' + date + '(' + Math.ceil((s[1]-s[0])/60) + 'min)';
1364 |             }
1365 |         } else {
1366 |             textGenerator = function(s,i) {
1367 |                 var date = new Date(Math.round(s[0]/60)*60000);
1368 |                 return format(date) + ', ' + s[1];
1369 |             }
1370 |         }
1371 |         var infoText = svg.select(".info").selectAll("text")
1372 |             .data(selected, function(s,i) { return i; })
1373 |             .attr("x", mx+14)
1374 |             .attr("y", function(s,i) { return my+12 + 12*i; })
1375 |             .text(textGenerator);
1376 |         infoText.enter()
1377 |             .insert("text")
1378 |             .attr("x", mx+14)
1379 |             .attr("y", function(s,i) { return my+12 + 12*i; })
1380 |             .style("fill", function(s,i) { return colors[i]; })
1381 |             .text(textGenerator);
1382 |         var b = { 'x': 0, 'y': 0, 'width': 0, 'height': 0 };
1383 |         infoText.each(function() {
1384 |             var bb = this.getBBox();
1385 |             if (b.x == 0) {
1386 |                 b.x = bb.x;
1387 |                 b.y = bb.y;
1388 |                 b.height = bb.height;
1389 |             } else {
1390 |                 b.height = b.height + 12;
1391 |             }
1392 |             if (b.width < bb.width) b.width = bb.width;
1393 |         });
1394 |         infoBox.attr('x', b.x).attr('y', b.y)
1395 |                .attr('width', b.width).attr('height', b.height)
1396 |                .style('display', 'block');
1397 |     }
1398 | 
1399 |     function clearInfo() {
1400 |         svg.select(".info").selectAll("circle").remove();
1401 |         svg.select(".info").selectAll("text").remove();
1402 |         svg.select(".info").selectAll("line").remove();
1403 |         svg.select(".info").selectAll("rect").style('display', 'none');
1404 |     }
1405 | 
1406 |     // replot all function
1407 |     function plotSVG() {
1408 |         sizex = $(arg.bindTo).width();
1409 |         sizey = $(arg.bindTo).height();
1410 |         svg .attr("width", sizex)
1411 |             .attr("height", sizey);
1412 |         width = sizex - margin.left - margin.right,
1413 |         height = sizey - margin.top - margin.bottom;
1414 |         plotAxis();
1415 |         plotFuture(0);
1416 |         plotTimeBands();
1417 |         // don't plot graph without values
1418 |         if (scales[0].values[0] !== undefined) {
1419 |             plotPath();
1420 |             plotGant();
1421 |             plotLegend(); // TODO: plot only once
1422 |             plotInfo();
1423 |         }
1424 |         var now = new Date();
1425 |         if (now - lastRequest > 10000) startRequests()
1426 |     }
1427 | 
1428 |     // rearrange xaxis during dragging (panning done here)
1429 |     function dragged(d) {
1430 |         var move = +x.invert(d3.event.x) - x.invert(d3.event.x - d3.event.dx);
1431 |         xRange = [
1432 |             new Date(+xRange[0] - move),
1433 |             new Date(+xRange[1] - move)
1434 |         ];
1435 |         zooming = true;
1436 |         followViewSeconds = false;
1437 |         plotAxis();
1438 |         zooming = false;
1439 |     }
1440 |     // zoom (without panning)
1441 |     function zoomed() {
1442 |         var mx = d3.mouse(this);
1443 |         var mouse_time = x.invert(mx[0])
1444 |         zoom_scale = d3.event.scale;
1445 |         var add = 86400000 / zoom_scale;
1446 |         xRange = [
1447 |             new Date(+mouse_time - add * (mx[0] - margin.left) / width ),
1448 |             new Date(+mouse_time + add * (width + margin.left - mx[0]) / width )
1449 |         ];
1450 |         zooming = true;
1451 |         followViewSeconds = false;
1452 |         plotSVG();
1453 |         zooming = false;
1454 |     }
1455 | 
1456 |     function last(minutes) {
1457 |         var t1 = new Date();
1458 |         var t2 = new Date();
1459 |         t1.setMinutes(t1.getMinutes() - minutes * 60);
1460 |         return [ t1, t2 ];
1461 |     }
1462 | 
1463 |     function today() {
1464 |         var now = new Date();
1465 |         var xRange = [
1466 |             new Date(now.getFullYear(), now.getMonth(), now.getDate()),
1467 |             new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1)
1468 |         ];
1469 |         return xRange;
1470 |     }
1471 | }
1472 | 
1473 | //
1474 | // class itemGauge
1475 | //
1476 | 
1477 | function itemGauge(arg) {
1478 |     var bindToId = arg.bindToId;
1479 |     var itemid = typeof arg.itemid !== 'undefined' ? arg.itemid : 0;
1480 |     var refresh = 30000;
1481 |     var size = typeof arg.size !== 'undefined' ? arg.size : 120;
1482 |     var config = { size: size };
1483 | 
1484 |     if (typeof arg.label !== 'undefined') config.label = arg.label;
1485 |     if (typeof arg.min !== 'undefined') config.min = arg.min;
1486 |     if (typeof arg.max !== 'undefined') config.max = arg.max;
1487 |     if (typeof arg.minorTicks !== 'undefined') config.minorTicks = arg.minorTicks;
1488 |     if (typeof arg.greenZones !== 'undefined') config.greenZones = arg.greenZones;
1489 |     if (typeof arg.yellowZones !== 'undefined') config.yellowZones = arg.yellowZones;
1490 |     if (typeof arg.redZones !== 'undefined') config.redZones = arg.redZones;
1491 | 
1492 |     start_.push(startRequests);
1493 | 
1494 |     var method = 'item.get';
1495 | 
1496 |     var params = {
1497 |         'itemids': itemid,
1498 |         'output': [ 'itemid', 'lastvalue', 'delay'],
1499 |         'limit': 1
1500 |     };
1501 | 
1502 |     function startRequests() {
1503 |         req(method, params, successMethod, errorMethod);
1504 |         setTimeout(startRequests, refresh);
1505 |     }
1506 | 
1507 |     function errorMethod() {
1508 |         console.log('itemGauge request failed');
1509 |         d3.select (bindToId).selectAll ("div.alert").style ('opacity', '0.5');
1510 |     }
1511 | 
1512 |     function successMethod(response, status) {
1513 |         var result = response.result[0];
1514 |         gauge.redraw(result.lastvalue);
1515 |         refresh = result.delay == 0 ? refresh : 1000 * result.delay;
1516 |     }
1517 | 
1518 |     var gauge = new Gauge(bindToId, config);
1519 |     gauge.render();
1520 | }
1521 | 


--------------------------------------------------------------------------------
/lib/gauge.js:
--------------------------------------------------------------------------------
  1 | function Gauge(placeholderName, configuration)
  2 | {
  3 | 	this.placeholderName = placeholderName;
  4 | 	
  5 | 	var self = this; // for internal d3 functions
  6 | 	
  7 | 	this.configure = function(configuration)
  8 | 	{
  9 | 		this.config = configuration;
 10 | 		
 11 | 		this.config.size = this.config.size * 0.9;
 12 | 		
 13 | 		this.config.raduis = this.config.size * 0.97 / 2;
 14 | 		this.config.cx = this.config.size / 2;
 15 | 		this.config.cy = this.config.size / 2;
 16 | 		
 17 | 		this.config.min = undefined != configuration.min ? configuration.min : 0; 
 18 | 		this.config.max = undefined != configuration.max ? configuration.max : 100; 
 19 | 		this.config.range = this.config.max - this.config.min;
 20 | 		
 21 | 		this.config.majorTicks = configuration.majorTicks || 5;
 22 | 		this.config.minorTicks = configuration.minorTicks || 2;
 23 | 		
 24 | 		this.config.greenColor 	= configuration.greenColor || "#109618";
 25 | 		this.config.yellowColor = configuration.yellowColor || "#FF9900";
 26 | 		this.config.redColor 	= configuration.redColor || "#DC3912";
 27 | 		
 28 | 		this.config.transitionDuration = configuration.transitionDuration || 500;
 29 | 	}
 30 | 
 31 | 	this.render = function()
 32 | 	{
 33 | 		this.body = d3.select(this.placeholderName)
 34 | 							.append("svg:svg")
 35 | 							.attr("class", "gauge")
 36 | 							.attr("width", this.config.size)
 37 | 							.attr("height", this.config.size);
 38 | 		
 39 | 		this.body.append("svg:circle")
 40 | 					.attr("cx", this.config.cx)
 41 | 					.attr("cy", this.config.cy)
 42 | 					.attr("r", this.config.raduis)
 43 | 					.style("fill", "#ccc")
 44 | 					.style("stroke", "#000")
 45 | 					.style("stroke-width", "0.5px");
 46 | 					
 47 | 		this.body.append("svg:circle")
 48 | 					.attr("cx", this.config.cx)
 49 | 					.attr("cy", this.config.cy)
 50 | 					.attr("r", 0.9 * this.config.raduis)
 51 | 					.style("fill", "#fff")
 52 | 					.style("stroke", "#e0e0e0")
 53 | 					.style("stroke-width", "2px");
 54 | 					
 55 | 		for (var index in this.config.greenZones)
 56 | 		{
 57 | 			this.drawBand(this.config.greenZones[index].from, this.config.greenZones[index].to, self.config.greenColor);
 58 | 		}
 59 | 		
 60 | 		for (var index in this.config.yellowZones)
 61 | 		{
 62 | 			this.drawBand(this.config.yellowZones[index].from, this.config.yellowZones[index].to, self.config.yellowColor);
 63 | 		}
 64 | 		
 65 | 		for (var index in this.config.redZones)
 66 | 		{
 67 | 			this.drawBand(this.config.redZones[index].from, this.config.redZones[index].to, self.config.redColor);
 68 | 		}
 69 | 		
 70 | 		if (undefined != this.config.label)
 71 | 		{
 72 | 			var fontSize = Math.round(this.config.size / 9);
 73 | 			this.body.append("svg:text")
 74 | 						.attr("x", this.config.cx)
 75 | 						.attr("y", this.config.cy / 2 + fontSize / 2)
 76 | 						.attr("dy", fontSize / 2)
 77 | 						.attr("text-anchor", "middle")
 78 | 						.text(this.config.label)
 79 | 						.style("font-size", fontSize + "px")
 80 | 						.style("fill", "#333")
 81 | 						.style("stroke-width", "0px");
 82 | 		}
 83 | 		
 84 | 		var fontSize = Math.round(this.config.size / 16);
 85 | 		var majorDelta = this.config.range / (this.config.majorTicks - 1);
 86 | 		for (var major = this.config.min; major <= this.config.max; major += majorDelta)
 87 | 		{
 88 | 			var minorDelta = majorDelta / this.config.minorTicks;
 89 | 			for (var minor = major + minorDelta; minor < Math.min(major + majorDelta, this.config.max); minor += minorDelta)
 90 | 			{
 91 | 				var point1 = this.valueToPoint(minor, 0.75);
 92 | 				var point2 = this.valueToPoint(minor, 0.85);
 93 | 				
 94 | 				this.body.append("svg:line")
 95 | 							.attr("x1", point1.x)
 96 | 							.attr("y1", point1.y)
 97 | 							.attr("x2", point2.x)
 98 | 							.attr("y2", point2.y)
 99 | 							.style("stroke", "#666")
100 | 							.style("stroke-width", "1px");
101 | 			}
102 | 			
103 | 			var point1 = this.valueToPoint(major, 0.7);
104 | 			var point2 = this.valueToPoint(major, 0.85);	
105 | 			
106 | 			this.body.append("svg:line")
107 | 						.attr("x1", point1.x)
108 | 						.attr("y1", point1.y)
109 | 						.attr("x2", point2.x)
110 | 						.attr("y2", point2.y)
111 | 						.style("stroke", "#333")
112 | 						.style("stroke-width", "2px");
113 | 			
114 | 			if (major == this.config.min || major == this.config.max)
115 | 			{
116 | 				var point = this.valueToPoint(major, 0.63);
117 | 				
118 | 				this.body.append("svg:text")
119 | 				 			.attr("x", point.x)
120 | 				 			.attr("y", point.y)
121 | 				 			.attr("dy", fontSize / 3)
122 | 				 			.attr("text-anchor", major == this.config.min ? "start" : "end")
123 | 				 			.text(major)
124 | 				 			.style("font-size", fontSize + "px")
125 | 							.style("fill", "#333")
126 | 							.style("stroke-width", "0px");
127 | 			}
128 | 		}
129 | 		
130 | 		var pointerContainer = this.body.append("svg:g").attr("class", "pointerContainer");
131 | 		
132 | 		var midValue = (this.config.min + this.config.max) / 2;
133 | 		
134 | 		var pointerPath = this.buildPointerPath(midValue);
135 | 		
136 | 		var pointerLine = d3.svg.line()
137 | 									.x(function(d) { return d.x })
138 | 									.y(function(d) { return d.y })
139 | 									.interpolate("basis");
140 | 		
141 | 		pointerContainer.selectAll("path")
142 | 							.data([pointerPath])
143 | 							.enter()
144 | 								.append("svg:path")
145 | 									.attr("d", pointerLine)
146 | 									.style("fill", "#dc3912")
147 | 									.style("stroke", "#c63310")
148 | 									.style("fill-opacity", 0.7)
149 | 					
150 | 		pointerContainer.append("svg:circle")
151 | 							.attr("cx", this.config.cx)
152 | 							.attr("cy", this.config.cy)
153 | 							.attr("r", 0.12 * this.config.raduis)
154 | 							.style("fill", "#4684EE")
155 | 							.style("stroke", "#666")
156 | 							.style("opacity", 1);
157 | 		
158 | 		var fontSize = Math.round(this.config.size / 10);
159 | 		pointerContainer.selectAll("text")
160 | 							.data([midValue])
161 | 							.enter()
162 | 								.append("svg:text")
163 | 									.attr("x", this.config.cx)
164 | 									.attr("y", this.config.size - this.config.cy / 4 - fontSize)
165 | 									.attr("dy", fontSize / 2)
166 | 									.attr("text-anchor", "middle")
167 | 									.style("font-size", fontSize + "px")
168 | 									.style("fill", "#000")
169 | 									.style("stroke-width", "0px");
170 | 		
171 | 		this.redraw(this.config.min, 0);
172 | 	}
173 | 	
174 | 	this.buildPointerPath = function(value)
175 | 	{
176 | 		var delta = this.config.range / 13;
177 | 		
178 | 		var head = valueToPoint(value, 0.85);
179 | 		var head1 = valueToPoint(value - delta, 0.12);
180 | 		var head2 = valueToPoint(value + delta, 0.12);
181 | 		
182 | 		var tailValue = value - (this.config.range * (1/(270/360)) / 2);
183 | 		var tail = valueToPoint(tailValue, 0.28);
184 | 		var tail1 = valueToPoint(tailValue - delta, 0.12);
185 | 		var tail2 = valueToPoint(tailValue + delta, 0.12);
186 | 		
187 | 		return [head, head1, tail2, tail, tail1, head2, head];
188 | 		
189 | 		function valueToPoint(value, factor)
190 | 		{
191 | 			var point = self.valueToPoint(value, factor);
192 | 			point.x -= self.config.cx;
193 | 			point.y -= self.config.cy;
194 | 			return point;
195 | 		}
196 | 	}
197 | 	
198 | 	this.drawBand = function(start, end, color)
199 | 	{
200 | 		if (0 >= end - start) return;
201 | 		
202 | 		this.body.append("svg:path")
203 | 					.style("fill", color)
204 | 					.attr("d", d3.svg.arc()
205 | 						.startAngle(this.valueToRadians(start))
206 | 						.endAngle(this.valueToRadians(end))
207 | 						.innerRadius(0.65 * this.config.raduis)
208 | 						.outerRadius(0.85 * this.config.raduis))
209 | 					.attr("transform", function() { return "translate(" + self.config.cx + ", " + self.config.cy + ") rotate(270)" });
210 | 	}
211 | 	
212 | 	this.redraw = function(value, transitionDuration)
213 | 	{
214 | 		var pointerContainer = this.body.select(".pointerContainer");
215 | 		
216 | 		pointerContainer.selectAll("text").text(Math.round(value));
217 | 		
218 | 		var pointer = pointerContainer.selectAll("path");
219 | 		pointer.transition()
220 | 					.duration(undefined != transitionDuration ? transitionDuration : this.config.transitionDuration)
221 | 					//.delay(0)
222 | 					//.ease("linear")
223 | 					//.attr("transform", function(d) 
224 | 					.attrTween("transform", function()
225 | 					{
226 | 						var pointerValue = value;
227 | 						if (value > self.config.max) pointerValue = self.config.max + 0.02*self.config.range;
228 | 						else if (value < self.config.min) pointerValue = self.config.min - 0.02*self.config.range;
229 | 						var targetRotation = (self.valueToDegrees(pointerValue) - 90);
230 | 						var currentRotation = self._currentRotation || targetRotation;
231 | 						self._currentRotation = targetRotation;
232 | 						
233 | 						return function(step) 
234 | 						{
235 | 							var rotation = currentRotation + (targetRotation-currentRotation)*step;
236 | 							return "translate(" + self.config.cx + ", " + self.config.cy + ") rotate(" + rotation + ")"; 
237 | 						}
238 | 					});
239 | 	}
240 | 	
241 | 	this.valueToDegrees = function(value)
242 | 	{
243 | 		// thanks @closealert
244 | 		//return value / this.config.range * 270 - 45;
245 | 		return value / this.config.range * 270 - (this.config.min / this.config.range * 270 + 45);
246 | 	}
247 | 	
248 | 	this.valueToRadians = function(value)
249 | 	{
250 | 		return this.valueToDegrees(value) * Math.PI / 180;
251 | 	}
252 | 	
253 | 	this.valueToPoint = function(value, factor)
254 | 	{
255 | 		return { 	x: this.config.cx - this.config.raduis * factor * Math.cos(this.valueToRadians(value)),
256 | 					y: this.config.cy - this.config.raduis * factor * Math.sin(this.valueToRadians(value)) 		};
257 | 	}
258 | 	
259 | 	// initialization
260 | 	this.configure(configuration);	
261 | }
262 | 


--------------------------------------------------------------------------------
/lib/jquery-2.1.3.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v2.1.3 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m="2.1.3",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=hb(),z=hb(),A=hb(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},eb=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fb){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function gb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+rb(o[l]);w=ab.test(a)&&pb(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function hb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ib(a){return a[u]=!0,a}function jb(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function kb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function lb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function nb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function ob(a){return ib(function(b){return b=+b,ib(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pb(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=gb.support={},f=gb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=gb.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",eb,!1):e.attachEvent&&e.attachEvent("onunload",eb)),p=!f(g),c.attributes=jb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=jb(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=jb(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(jb(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\f]' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),jb(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&jb(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return lb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?lb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},gb.matches=function(a,b){return gb(a,null,null,b)},gb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return gb(b,n,null,[a]).length>0},gb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},gb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},gb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},gb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=gb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=gb.selectors={cacheLength:50,createPseudo:ib,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||gb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&gb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=gb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||gb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ib(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ib(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ib(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ib(function(a){return function(b){return gb(a,b).length>0}}),contains:ib(function(a){return a=a.replace(cb,db),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ib(function(a){return W.test(a||"")||gb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:ob(function(){return[0]}),last:ob(function(a,b){return[b-1]}),eq:ob(function(a,b,c){return[0>c?c+b:c]}),even:ob(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:ob(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:ob(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:ob(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=mb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=nb(b);function qb(){}qb.prototype=d.filters=d.pseudos,d.setFilters=new qb,g=gb.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?gb.error(a):z(a,i).slice(0)};function rb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function sb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function tb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ub(a,b,c){for(var d=0,e=b.length;e>d;d++)gb(a,b[d],c);return c}function vb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wb(a,b,c,d,e,f){return d&&!d[u]&&(d=wb(d)),e&&!e[u]&&(e=wb(e,f)),ib(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ub(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:vb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=vb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=vb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sb(function(a){return a===b},h,!0),l=sb(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sb(tb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wb(i>1&&tb(m),i>1&&rb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xb(a.slice(i,e)),f>e&&xb(a=a.slice(e)),f>e&&rb(a))}m.push(c)}return tb(m)}function yb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=vb(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&gb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ib(f):f}return h=gb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,yb(e,d)),f.selector=a}return f},i=gb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&pb(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&rb(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&pb(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=jb(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),jb(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||kb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&jb(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||kb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),jb(function(a){return null==a.getAttribute("disabled")})||kb(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),gb}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){return M.access(a,b,c)
3 | },removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=L.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var Q=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,R=["Top","Right","Bottom","Left"],S=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},T=/^(?:checkbox|radio)$/i;!function(){var a=l.createDocumentFragment(),b=a.appendChild(l.createElement("div")),c=l.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||l,d=c.documentElement,e=c.body,a.pageX=b.clientX+(d&&d.scrollLeft||e&&e.scrollLeft||0)-(d&&d.clientLeft||e&&e.clientLeft||0),a.pageY=b.clientY+(d&&d.scrollTop||e&&e.scrollTop||0)-(d&&d.clientTop||e&&e.clientTop||0)),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=W.test(e)?this.mouseHooks:V.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new n.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=l),3===a.target.nodeType&&(a.target=a.target.parentNode),g.filter?g.filter(a,f):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==_()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===_()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=n.extend(new n.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?n.event.trigger(e,null,b):n.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?Z:$):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={isDefaultPrevented:$,isPropagationStopped:$,isImmediatePropagationStopped:$,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=Z,a&&a.preventDefault&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=Z,a&&a.stopPropagation&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=Z,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!n.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.focusinBubbles||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a),!0)};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=L.access(d,b);e||d.addEventListener(a,c,!0),L.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=L.access(d,b)-1;e?L.access(d,b,e):(d.removeEventListener(a,c,!0),L.remove(d,b))}}}),n.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(g in a)this.on(g,b,c,a[g],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=$;else if(!d)return this;return 1===e&&(f=d,d=function(a){return n().off(a),f.apply(this,arguments)},d.guid=f.guid||(f.guid=n.guid++)),this.each(function(){n.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=$),this.each(function(){n.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}});var ab=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bb=/<([\w:]+)/,cb=/<|&#?\w+;/,db=/<(?:script|style|link)/i,eb=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/^$|\/(?:java|ecma)script/i,gb=/^true\/(.*)/,hb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ib={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ib.optgroup=ib.option,ib.tbody=ib.tfoot=ib.colgroup=ib.caption=ib.thead,ib.th=ib.td;function jb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function kb(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function lb(a){var b=gb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function mb(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function nb(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function ob(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pb(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=ob(h),f=ob(a),d=0,e=f.length;e>d;d++)pb(f[d],g[d]);if(b)if(c)for(f=f||ob(a),g=g||ob(h),d=0,e=f.length;e>d;d++)nb(f[d],g[d]);else nb(a,h);return g=ob(h,"script"),g.length>0&&mb(g,!i&&ob(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(cb.test(e)){f=f||k.appendChild(b.createElement("div")),g=(bb.exec(e)||["",""])[1].toLowerCase(),h=ib[g]||ib._default,f.innerHTML=h[1]+e.replace(ab,"<$1></$2>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=ob(k.appendChild(e),"script"),i&&mb(f),c)){j=0;while(e=f[j++])fb.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(ob(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&mb(ob(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(ob(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!db.test(a)&&!ib[(bb.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(ab,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(ob(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(ob(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&eb.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(ob(c,"script"),kb),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,ob(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,lb),j=0;g>j;j++)h=f[j],fb.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(hb,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qb,rb={};function sb(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function tb(a){var b=l,c=rb[a];return c||(c=sb(a,b),"none"!==c&&c||(qb=(qb||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=qb[0].contentDocument,b.write(),b.close(),c=sb(a,b),qb.detach()),rb[a]=c),c}var ub=/^margin/,vb=new RegExp("^("+Q+")(?!px)[a-z%]+$","i"),wb=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};function xb(a,b,c){var d,e,f,g,h=a.style;return c=c||wb(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),vb.test(g)&&ub.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function yb(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d=l.documentElement,e=l.createElement("div"),f=l.createElement("div");if(f.style){f.style.backgroundClip="content-box",f.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===f.style.backgroundClip,e.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",e.appendChild(f);function g(){f.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",f.innerHTML="",d.appendChild(e);var g=a.getComputedStyle(f,null);b="1%"!==g.top,c="4px"===g.width,d.removeChild(e)}a.getComputedStyle&&n.extend(k,{pixelPosition:function(){return g(),b},boxSizingReliable:function(){return null==c&&g(),c},reliableMarginRight:function(){var b,c=f.appendChild(l.createElement("div"));return c.style.cssText=f.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",f.style.width="1px",d.appendChild(e),b=!parseFloat(a.getComputedStyle(c,null).marginRight),d.removeChild(e),f.removeChild(c),b}})}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var zb=/^(none|table(?!-c[ea]).+)/,Ab=new RegExp("^("+Q+")(.*)$","i"),Bb=new RegExp("^([+-])=("+Q+")","i"),Cb={position:"absolute",visibility:"hidden",display:"block"},Db={letterSpacing:"0",fontWeight:"400"},Eb=["Webkit","O","Moz","ms"];function Fb(a,b){if(b in a)return b;var c=b[0].toUpperCase()+b.slice(1),d=b,e=Eb.length;while(e--)if(b=Eb[e]+c,b in a)return b;return d}function Gb(a,b,c){var d=Ab.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Hb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+R[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+R[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+R[f]+"Width",!0,e))):(g+=n.css(a,"padding"+R[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+R[f]+"Width",!0,e)));return g}function Ib(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=wb(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=xb(a,b,f),(0>e||null==e)&&(e=a.style[b]),vb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Hb(a,b,c||(g?"border":"content"),d,f)+"px"}function Jb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=L.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&S(d)&&(f[g]=L.access(d,"olddisplay",tb(d.nodeName)))):(e=S(d),"none"===c&&e||L.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=xb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Fb(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Bb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Fb(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=xb(a,b,d)),"normal"===e&&b in Db&&(e=Db[b]),""===c||c?(f=parseFloat(e),c===!0||n.isNumeric(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?zb.test(n.css(a,"display"))&&0===a.offsetWidth?n.swap(a,Cb,function(){return Ib(a,b,d)}):Ib(a,b,d):void 0},set:function(a,c,d){var e=d&&wb(a);return Gb(a,c,d?Hb(a,b,d,"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),n.cssHooks.marginRight=yb(k.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},xb,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+R[d]+b]=f[d]||f[d-2]||f[0];return e}},ub.test(a)||(n.cssHooks[a+b].set=Gb)}),n.fn.extend({css:function(a,b){return J(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=wb(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Jb(this,!0)},hide:function(){return Jb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){S(this)?n(this).show():n(this).hide()})}});function Kb(a,b,c,d,e){return new Kb.prototype.init(a,b,c,d,e)}n.Tween=Kb,Kb.prototype={constructor:Kb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Kb.propHooks[this.prop];return a&&a.get?a.get(this):Kb.propHooks._default.get(this)},run:function(a){var b,c=Kb.propHooks[this.prop];return this.pos=b=this.options.duration?n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Kb.propHooks._default.set(this),this}},Kb.prototype.init.prototype=Kb.prototype,Kb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Kb.propHooks.scrollTop=Kb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=Kb.prototype.init,n.fx.step={};var Lb,Mb,Nb=/^(?:toggle|show|hide)$/,Ob=new RegExp("^(?:([+-])=|)("+Q+")([a-z%]*)$","i"),Pb=/queueHooks$/,Qb=[Vb],Rb={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=Ob.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&Ob.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function Sb(){return setTimeout(function(){Lb=void 0}),Lb=n.now()}function Tb(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=R[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ub(a,b,c){for(var d,e=(Rb[b]||[]).concat(Rb["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Vb(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&S(a),q=L.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?L.get(a,"olddisplay")||tb(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Nb.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?tb(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=L.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;L.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ub(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function Wb(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function Xb(a,b,c){var d,e,f=0,g=Qb.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Lb||Sb(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:Lb||Sb(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(Wb(k,j.opts.specialEasing);g>f;f++)if(d=Qb[f].call(j,a,k,j.opts))return d;return n.map(k,Ub,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(Xb,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],Rb[c]=Rb[c]||[],Rb[c].unshift(b)},prefilter:function(a,b){b?Qb.unshift(a):Qb.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(S).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=Xb(this,n.extend({},a),f);(e||L.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=L.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Pb.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=L.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Tb(b,!0),a,d,e)}}),n.each({slideDown:Tb("show"),slideUp:Tb("hide"),slideToggle:Tb("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(Lb=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),Lb=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Mb||(Mb=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(Mb),Mb=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(a,b){return a=n.fx?n.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a=l.createElement("input"),b=l.createElement("select"),c=b.appendChild(l.createElement("option"));a.type="checkbox",k.checkOn=""!==a.value,k.optSelected=c.selected,b.disabled=!0,k.optDisabled=!c.disabled,a=l.createElement("input"),a.value="t",a.type="radio",k.radioValue="t"===a.value}();var Yb,Zb,$b=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return J(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===U?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?Zb:Yb)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void n.removeAttr(a,b))
4 | },removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),Zb={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=$b[b]||n.find.attr;$b[b]=function(a,b,d){var e,f;return d||(f=$b[b],$b[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,$b[b]=f),e}});var _b=/^(?:input|select|textarea|button)$/i;n.fn.extend({prop:function(a,b){return J(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){return a.hasAttribute("tabindex")||_b.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),k.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var ac=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h="string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ac," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||"string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ac," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?n.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=n(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===U||"boolean"===c)&&(this.className&&L.set(this,"__className__",this.className),this.className=this.className||a===!1?"":L.get(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(ac," ").indexOf(b)>=0)return!0;return!1}});var bc=/\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(bc,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},k.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var cc=n.now(),dc=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(a){var b,c;if(!a||"string"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,"text/xml")}catch(d){b=void 0}return(!b||b.getElementsByTagName("parsererror").length)&&n.error("Invalid XML: "+a),b};var ec=/#.*$/,fc=/([?&])_=[^&]*/,gc=/^(.*?):[ \t]*([^\r\n]*)$/gm,hc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,ic=/^(?:GET|HEAD)$/,jc=/^\/\//,kc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,lc={},mc={},nc="*/".concat("*"),oc=a.location.href,pc=kc.exec(oc.toLowerCase())||[];function qc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function rc(a,b,c,d){var e={},f=a===mc;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function sc(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function tc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function uc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:oc,type:"GET",isLocal:hc.test(pc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":nc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?sc(sc(a,n.ajaxSettings),b):sc(n.ajaxSettings,a)},ajaxPrefilter:qc(lc),ajaxTransport:qc(mc),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!f){f={};while(b=gc.exec(e))f[b[1].toLowerCase()]=b[2]}b=f[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?e:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return c&&c.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||oc)+"").replace(ec,"").replace(jc,pc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(h=kc.exec(k.url.toLowerCase()),k.crossDomain=!(!h||h[1]===pc[1]&&h[2]===pc[2]&&(h[3]||("http:"===h[1]?"80":"443"))===(pc[3]||("http:"===pc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),rc(lc,k,b,v),2===t)return v;i=n.event&&k.global,i&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!ic.test(k.type),d=k.url,k.hasContent||(k.data&&(d=k.url+=(dc.test(d)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=fc.test(d)?d.replace(fc,"$1_="+cc++):d+(dc.test(d)?"&":"?")+"_="+cc++)),k.ifModified&&(n.lastModified[d]&&v.setRequestHeader("If-Modified-Since",n.lastModified[d]),n.etag[d]&&v.setRequestHeader("If-None-Match",n.etag[d])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+nc+"; q=0.01":""):k.accepts["*"]);for(j in k.headers)v.setRequestHeader(j,k.headers[j]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(j in{success:1,error:1,complete:1})v[j](k[j]);if(c=rc(mc,k,b,v)){v.readyState=1,i&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,c.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,f,h){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),c=void 0,e=h||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,f&&(u=tc(k,v,f)),u=uc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[d]=w),w=v.getResponseHeader("etag"),w&&(n.etag[d]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,i&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),i&&(m.trigger("ajaxComplete",[v,k]),--n.active||n.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var vc=/%20/g,wc=/\[\]$/,xc=/\r?\n/g,yc=/^(?:submit|button|image|reset|file)$/i,zc=/^(?:input|select|textarea|keygen)/i;function Ac(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||wc.test(a)?d(a,e):Ac(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Ac(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Ac(c,a[c],b,e);return d.join("&").replace(vc,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&zc.test(this.nodeName)&&!yc.test(a)&&(this.checked||!T.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(xc,"\r\n")}}):{name:b.name,value:c.replace(xc,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Bc=0,Cc={},Dc={0:200,1223:204},Ec=n.ajaxSettings.xhr();a.attachEvent&&a.attachEvent("onunload",function(){for(var a in Cc)Cc[a]()}),k.cors=!!Ec&&"withCredentials"in Ec,k.ajax=Ec=!!Ec,n.ajaxTransport(function(a){var b;return k.cors||Ec&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Bc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Cc[g],b=f.onload=f.onerror=null,"abort"===a?f.abort():"error"===a?d(f.status,f.statusText):d(Dc[f.status]||f.status,f.statusText,"string"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.onload=b(),f.onerror=b("error"),b=Cc[g]=b("abort");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=n("<script>").prop({async:!0,charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&e("error"===a.type?404:200,a.type)}),l.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Fc=[],Gc=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Fc.pop()||n.expando+"_"+cc++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Gc.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Gc.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Gc,"$1"+e):b.jsonp!==!1&&(b.url+=(dc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Fc.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||l;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var Hc=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Hc)return Hc.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e,dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var Ic=a.document.documentElement;function Jc(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(typeof d.getBoundingClientRect!==U&&(e=d.getBoundingClientRect()),c=Jc(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||Ic;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ic})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){var d="pageYOffset"===c;n.fn[b]=function(e){return J(this,function(b,e,f){var g=Jc(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=yb(k.pixelPosition,function(a,c){return c?(c=xb(a,b),vb.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return J(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Kc=a.jQuery,Lc=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Lc),b&&a.jQuery===n&&(a.jQuery=Kc),n},typeof b===U&&(a.jQuery=a.$=n),n});
5 | 


--------------------------------------------------------------------------------
/lib/jqzabbix.js:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  *  jQuery plugin for Zabbix API
  3 |  *
  4 |  *  jQuery plugin for Zabbix API is a simple and easy-use plugin for jQuery JavaScript Library.
  5 |  *  It can be used for development of original Zabbix web application using Zabbix API.
  6 |  *
  7 |  *  Documentation on Mozaby site http://www.mozaby.com
  8 |  *  Issue tracking on GitHub http://github.com/kodai/jqzabbix
  9 |  *
 10 |  *  jQuery plugin for Zabbix API is Released under the MIT License.
 11 |  *  Copyright (c) 2011, Kodai Terashima http://kodai74.blogpot.com.
 12 |  *  Mozaby project http://www.mozaby.com
 13 |  */
 14 | 
 15 | 
 16 | (function($){
 17 | 
 18 | $.jqzabbix = function(options) {
 19 | 
 20 | // initialize options
 21 | options = $.extend({
 22 |     // default settings
 23 |     url: 'http://localhost/zabbix/api_jsonrpc.php',
 24 |     username: 'Admin',
 25 |     password: 'zabbix',
 26 |     basicauth: false,
 27 |     busername: '',
 28 |     bpassword: '',
 29 |     timeout: 5000,
 30 |     limit: 1000,
 31 | }, options);
 32 | 
 33 | // initialize variables
 34 | var rpcid = 0;
 35 | var authid = null;
 36 | var apiversion = null;
 37 | var errormsg = null;
 38 | 
 39 | 
 40 | function createAjaxOption(method, params, success, error, complete) {
 41 | 
 42 |     // check method option
 43 |     if (method === null || typeof method === 'undefined') {
 44 |         return false;
 45 |     }
 46 | 
 47 |     // check params option
 48 |     if (params === null || typeof params === 'undefined') {
 49 |         params = {};
 50 |     }
 51 | 
 52 |     // merge params with username and password
 53 | 	if (authid == null) {
 54 | 	    $.extend(params, {
 55 |     	    user: options.username,
 56 |         	password: options.password
 57 | 	    });
 58 | 	}
 59 | 
 60 |     // create sending data
 61 |     var data = {
 62 |         jsonrpc: '2.0',
 63 |         id: ++rpcid,
 64 |         auth: authid,
 65 |         method: method,
 66 |         params: params
 67 |     };
 68 | 
 69 |     // create AJAX option
 70 |     var ajaxOption = {
 71 |         contentType: 'application/json-rpc',
 72 |         dataType: 'json',
 73 |         type: 'POST',
 74 |         async: true,
 75 |         cache: false,
 76 |         processData: false,
 77 |         timeout: options.timeout,
 78 |         url: options.url,
 79 |         data: JSON.stringify(data),
 80 |         success: function(response, status) {
 81 | 
 82 |             // resuest error
 83 |             if (response === null) {
 84 |                 errormsg = {
 85 |                     data: 'Network error'
 86 |                 };
 87 |                 if (typeof error === 'function') {
 88 |                     error();
 89 |                 }
 90 |             }
 91 |             else if ('error' in response) {
 92 |                 errormsg = response.error;
 93 |                 if (typeof error === 'function') {
 94 |                     error();
 95 |                 }
 96 |             }
 97 |             
 98 |             // resuest success
 99 |             else {
100 | 
101 |                 // clear error message
102 |                 errormsg = null;
103 | 
104 |                 // do success function
105 |                 if (typeof success === 'function') {
106 |                     success(response, status);
107 |                 }
108 |             }
109 |         },
110 |         error: function(response, status) {
111 | 
112 |             if (status === 'timeout') {
113 |                 errormsg = 'Network timeout';
114 |             }
115 |             else if (response.status && response.statusText) {
116 |                 errormsg = status + ' : ' + response.status + ' ' + response.statusText;
117 |             }
118 |             else {
119 |                 errormsg = 'Unknown error';
120 |             }
121 | 
122 |             if (errormsg && typeof error === 'function') {
123 |                 error(response);
124 |             }
125 |         },
126 |         complete: function() {
127 | 
128 |             if (typeof complete === 'function') {
129 |                 complete();
130 |             }
131 |         }
132 |     };
133 | 
134 |     // if use http basic authentication
135 |     if (options.basicauth === true) {
136 |         var base64 = base64encode(options.busername + ':' + options.bpassword);
137 |         ajaxOption.beforeSend = function(xhr) {
138 |             xhr.setRequestHeader("Authorization", "Basic " + base64);
139 |         }
140 |     }
141 | 
142 |     return ajaxOption;
143 | }
144 | 
145 | function base64encode(string) {
146 | 
147 |     var base64list = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
148 |     var t = '', p = -6, a = 0, i = 0, v = 0, c;
149 | 
150 |     while ( (i < string.length) || (p > -6) ) {
151 |         if ( p < 0 ) {
152 |             if ( i < string.length ) {
153 |             c = string.charCodeAt(i++);
154 |             v += 8;
155 |             } else {
156 |                 c = 0;
157 |             }
158 |             a = ((a&255)<<8)|(c&255);
159 |             p += 8;
160 |         }
161 |         t += base64list.charAt( ( v > 0 )? (a>>p)&63 : 64 )
162 |         p -= 6;
163 |         v -= 6;
164 |     }
165 |     return t;
166 | }
167 | 
168 | this.init = function() {
169 |     rpcid = 0;
170 |     authid = null;
171 |     apiversion = null;
172 |     errormsg = null;
173 | 
174 |     return true;
175 | }
176 | 
177 | this.setOptions = function(addoptions) {
178 | 
179 |     options = $.extend(options, addoptions);
180 | }
181 | 
182 | this.isError = function() {
183 | 
184 |     if (errormsg) {
185 |         return errormsg;
186 |     }
187 |     else {
188 |         return false;
189 |     }
190 | }
191 | 
192 | this.sendAjaxRequest = function(method, params, success, error, complete) {
193 | 
194 |     return $.ajax(createAjaxOption(method, params, success, error, complete));
195 | }
196 | 
197 | this.getApiVersion = function(params, success, error, complete) {
198 | 
199 |     var method = 'apiinfo.version';
200 |     var successMethod = function(response, status) {
201 |         apiversion = response.result;
202 | 
203 |         if (success) {
204 |             success(response, status);
205 |         }
206 |     }
207 | 
208 |     return this.sendAjaxRequest(method, params, successMethod, error, complete);
209 | }
210 | 
211 | this.userLogin = function(params, success, error, complete) {
212 | 
213 |     // reset rpcid
214 |     rpcid = 0;
215 | 
216 |     // method
217 |     switch (apiversion) {
218 |     case '1.0':
219 |     case '1.1':
220 |     case '1.2':
221 |     case '1.3':
222 |         var method = 'user.authenticate';
223 |         break;
224 |     default:
225 |         var method = 'user.login';
226 |         break;
227 |     }
228 | 
229 |     var successMethod = function(response, status) {
230 |         authid = response.result;
231 | 
232 |         if (success) {
233 |             success(response, status);
234 |         }
235 |     }
236 | 
237 |     return this.sendAjaxRequest(method, params, successMethod, error, complete);
238 | }
239 | 
240 | } // end plugin
241 | })(window.jQuery || window.Zepto); // function($)
242 | 


--------------------------------------------------------------------------------
/samples.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     font-size: 1em;
  3 |     font-family: arial;
  4 |     text-align: left;
  5 |     margin: 0px auto;
  6 | }
  7 | 
  8 | td.description { width: 100%; }
  9 | td.datetime { width: 0%; vertical-align: top; }
 10 | div.alert { border: solid 1px #888888; }
 11 | div.c0 { background: #dbdbdb; }
 12 | div.c1 { background: #d6f6ff; }
 13 | div.c2 { background: #fff6a5; }
 14 | div.c3 { background: #ffb689; }
 15 | div.c4 { background: #ff9999; }
 16 | div.c5 { background: #ff3838; }
 17 | div.ack { background: #bbbbff; }
 18 | 
 19 | svg {
 20 |     font: 13px sans-serif;
 21 | }
 22 | .axis path {
 23 |     fill: none;
 24 |     stroke: #000;
 25 | }
 26 | .axis line {
 27 |     fill: none;
 28 |     stroke: #ccc;
 29 | }
 30 | .axis text {
 31 |     font-family: arial;
 32 |     color: #000;
 33 | }
 34 | .path path.normal {
 35 |     stroke-width: 1;
 36 |     fill: none;
 37 | }
 38 | .path path.minmax {
 39 |     stroke: none;
 40 |     opacity: 0.5;
 41 | }
 42 | .gant rect {
 43 |     stroke: #000000;
 44 |     stroke-width: 1;
 45 | }
 46 | .info circle {
 47 |     opacity: 0.6;
 48 | }
 49 | .info text {
 50 |     stroke-width: 0;
 51 | }
 52 | .info rect {
 53 |     stroke: #444;
 54 |     stroke-width: 1;
 55 |     fill: #ccc;
 56 |     opacity: 0.7;
 57 | }
 58 | .info line {
 59 |     stroke-width: 1;
 60 |     stroke: #444;
 61 | }
 62 | .legendtext {
 63 |     stroke-width: 0.0;
 64 |     color: #000;
 65 | }
 66 | .legendback {
 67 |     fill: #fff;
 68 |     stroke-width: 1;
 69 |     stroke: #888;
 70 |     fill-opacity: 0.6;
 71 | }
 72 | .future {
 73 |     stroke-width: 0;
 74 |     fill: #000;
 75 |     fill-opacity: 0.4;
 76 | }
 77 | .bands {
 78 | }
 79 | .warning {
 80 |     position: absolute;
 81 |     right: 10px;
 82 |     top: 10px;
 83 |     padding: 2px;
 84 |     background-color: #f88;
 85 |     color: #000;
 86 |     border: 1px solid #888;
 87 | }
 88 | .minutes_even { fill: #dfd; }
 89 | .minutes_odd  { fill: #eee; }
 90 | .hours_even { fill: #ddf; }
 91 | .hours_odd  { fill: #eee; }
 92 | .workday_even { fill: #d8d8d8; }
 93 | .workday_odd { fill: #eee; }
 94 | .weekend { fill: #fdd; }
 95 | .months_even { fill: #ffd; }
 96 | .months_odd { fill: #eee; }
 97 | .days { fill: #000; }
 98 | 
 99 | 
100 | .gauge {
101 |     border: 0;
102 | }
103 | .itemGauge {
104 |     display: table-cell;
105 | }
106 | .wgContainer {
107 |     position: relative;
108 |     margin: 20px;
109 | }
110 | .wgContainerNoBorder {
111 |     margin: 20px;
112 |     border: solid 0px;
113 | }
114 | p, h2 {
115 |     margin-left: 20px;
116 |     margin-right: 20px;
117 | }
118 | div > img {
119 |     max-height: 100%;
120 |     max-width: 100%;
121 | }
122 | 


--------------------------------------------------------------------------------
/samples.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 | <meta charset="UTF-8" />
 5 | <title>zabbix-d3js-widgets: triggerTable</title>
 6 | <link rel="stylesheet" type="text/css" href="samples.css" media="screen" />
 7 | <script type="text/javascript" charset="utf-8" src="lib/jquery-2.1.3.min.js"></script>
 8 | <script type="text/javascript" charset="utf-8" src="lib/d3.v3.min.js"></script>
 9 | <script type="text/javascript" charset="utf-8" src="lib/jqzabbix.js"></script>
10 | <script type="text/javascript" charset="utf-8" src="lib/gauge.js"></script>
11 | <script type="text/javascript" charset="utf-8" src="lib/d3zabbix.js"></script>
12 | <script type="text/javascript" charset="utf-8">
13 | $(document).ready(function(){
14 |     timeSeries({
15 |         'bindTo': '#diagram1',
16 |         'itemids': [ 591 ], // put in your zabbix item id: [ 12345 ],
17 |         'mouseLocksOnNearest': 1
18 |     }); 
19 |     timeSeries({
20 |         'bindTo': '#diagram2',
21 |         'itemids': [ 623 ], // put in your zabbix item id: [ 12345 ],
22 |         'mouseLocksOnNearest': 1
23 |     });
24 |     triggerTable({
25 |         'bindTo': '#triggers',
26 |         'maxItems': 20,
27 |         'minPriority': 0,
28 | //        'groupids': groupids, // put in an array with your host group ids or comment out
29 |         'refresh': 10,
30 |         'monitored': 1,
31 |         'withLastEventUnacknowledged': null,
32 |         'animation': 2000,
33 |         'oldDelayed': null 
34 |     });
35 |     imageReload ('#image', 10);
36 |     itemGauge({
37 |         'bindToId': '#gauge',
38 |         'label': 'Busy (%)',
39 |         'itemid': 591,
40 |         'greenZones': [ { from: 0, to: 50 } ],
41 |         'yellowZones': [ { from: 50, to: 75 } ],
42 |         'redZones': [ { from: 75, to: 100 } ]
43 |     });
44 |     serverHandle({
45 |         'url': 'https://zabbix.org/zabbix/api_jsonrpc.php',
46 |         'username': 'guest',
47 |         'password': ''
48 |     });
49 | })
50 | </script>
51 | <body>
52 | <h2>timeSeries (panning and zooming via dragging and scrolling)</h2>
53 | <div id="diagram1" class="wgContainer" style="height: 250px;"></div>
54 | <div id="diagram2" class="wgContainer" style="height: 250px;"></div>
55 | <h2>triggerTable</h2>
56 | <div id="triggers" class="wgContainerNoBorder"></div>
57 | <h2>imageReload</h2>
58 | <div id="image" class="wgContainerNoBorder">
59 |     <img src="https://zabbix.org/zabbix/map.php?sysmapid=8&severity_min=0" style="max-height: auto;">
60 | </div>
61 | <h2>itemGauge</h2>
62 | <div class="wgContainerNoBorder">
63 |     <div id="gauge" class="itemGauge"></div>
64 | </div>
65 | </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------
/screenshots/samples.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/f011585a23bf3e0b201dc08ea9374fb18c5e429a/screenshots/samples.png


--------------------------------------------------------------------------------
/screenshots/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/f011585a23bf3e0b201dc08ea9374fb18c5e429a/screenshots/screenshot.png


--------------------------------------------------------------------------------
/screenshots/timeSeries.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/f011585a23bf3e0b201dc08ea9374fb18c5e429a/screenshots/timeSeries.png


--------------------------------------------------------------------------------
/screenshots/timeSeriesZbxNext1193.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/f011585a23bf3e0b201dc08ea9374fb18c5e429a/screenshots/timeSeriesZbxNext1193.png


--------------------------------------------------------------------------------
/screenshots/triggerTable.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hgruber/zabbix-d3js-widgets/f011585a23bf3e0b201dc08ea9374fb18c5e429a/screenshots/triggerTable.png


--------------------------------------------------------------------------------