├── README.md
├── _includes
    ├── simple_post_header.html
    ├── audio_post_header.html
    ├── video_post_header.html
    ├── image_post_header.html
    ├── footer.html
    └── header.html
├── img
    ├── logo.jpg
    ├── about-me.jpg
    ├── parallax-bg.jpg
    └── blog
    │   ├── dw-tileset.png
    │   ├── pixi-lights.jpg
    │   ├── dw-tilelayer.png
    │   ├── gl-tiled-preview.png
    │   └── deferred_overview.png
├── _layouts
    ├── default.html
    ├── post_simple.html
    ├── post_iframe.html
    ├── post_image.html
    ├── post_audio.html
    ├── post_video.html
    ├── post_canvas.html
    ├── tag.html
    └── post.html
├── Gemfile
├── css
    ├── fonts
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.ttf
    │   └── fontawesome-webfont.woff
    ├── base.css
    ├── pygments-theme.css
    ├── style.css
    └── font-awesome.min.css
├── _drafts
    ├── 2015-11-01-how-pixi-works.md
    ├── 2015-10-01-resource-loader.md
    └── 2015-09-01-web-games-live-streaming.md
├── .gitignore
├── package.json
├── js
    ├── site.js
    └── jquery-1.11.0.min.js
├── pages
    └── about.html
├── _config.yml
├── tags
    └── index.html
├── rss.xml
├── index.html
└── _posts
    ├── 2016-07-23-why-I-left-pixi.md
    ├── 2018-01-07-gl-tiled.md
    ├── 2016-08-24-composition-ecs.md
    └── 2016-01-03-pixi-deferred-lighting.md


/README.md:
--------------------------------------------------------------------------------
1 | # My Blog


--------------------------------------------------------------------------------
/_includes/simple_post_header.html:
--------------------------------------------------------------------------------
1 | <div class="blog-no-header"></div>


--------------------------------------------------------------------------------
/img/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/logo.jpg


--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 | {% include header.html %}
2 | {{ content }}
3 | {% include footer.html %}


--------------------------------------------------------------------------------
/_layouts/post_simple.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | ---
4 | 
5 | <div class="blog-no-header"></div>


--------------------------------------------------------------------------------
/img/about-me.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/about-me.jpg


--------------------------------------------------------------------------------
/img/parallax-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/parallax-bg.jpg


--------------------------------------------------------------------------------
/_includes/audio_post_header.html:
--------------------------------------------------------------------------------
1 | <div class="audio-wrapper">
2 |     {{post.audio_iframe}}
3 | </div>
4 | 


--------------------------------------------------------------------------------
/_includes/video_post_header.html:
--------------------------------------------------------------------------------
1 | <div class="video-wrapper">
2 |     {{post.video_iframe}}
3 | </div>
4 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 | 
3 | gem 'jekyll-sitemap'
4 | gem 'github-pages'
5 | gem 'jemoji'
6 | 


--------------------------------------------------------------------------------
/_layouts/post_iframe.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | ---
4 | 
5 | <iframe src="{{page.iframe_url}}"></iframe>
6 | 


--------------------------------------------------------------------------------
/img/blog/dw-tileset.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/blog/dw-tileset.png


--------------------------------------------------------------------------------
/img/blog/pixi-lights.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/blog/pixi-lights.jpg


--------------------------------------------------------------------------------
/css/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/css/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/img/blog/dw-tilelayer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/blog/dw-tilelayer.png


--------------------------------------------------------------------------------
/img/blog/gl-tiled-preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/blog/gl-tiled-preview.png


--------------------------------------------------------------------------------
/_layouts/post_image.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | ---
4 | 
5 | <img src="{{site.url}}/img/{{page.image_file}}" alt="" />
6 | 


--------------------------------------------------------------------------------
/img/blog/deferred_overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/img/blog/deferred_overview.png


--------------------------------------------------------------------------------
/_layouts/post_audio.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | ---
4 | 
5 | <div class="audio-wrapper">
6 |    {{page.audio_iframe}}
7 | </div>


--------------------------------------------------------------------------------
/css/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/css/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/css/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/css/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/css/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/englercj/englercj.github.io/master/css/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/_layouts/post_video.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | ---
4 | 
5 | <div class="video-wrapper">
6 |     {{page.video_iframe}}
7 | </div>
8 | 


--------------------------------------------------------------------------------
/_includes/image_post_header.html:
--------------------------------------------------------------------------------
1 | <a href="{{site.baseurl}}{{ post.url }}">
2 |     <img src="{{site.baseurl}}/img/{{post.image_file}}" alt="" />
3 | </a>
4 | 


--------------------------------------------------------------------------------
/_drafts/2015-11-01-how-pixi-works.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post_image
 3 | title:  How pixi works
 4 | date:   2015-11-01 12:00:00
 5 | 
 6 | image_file: blog/
 7 | 
 8 | tags:
 9 | - pixi.js
10 | ---
11 | 


--------------------------------------------------------------------------------
/_drafts/2015-10-01-resource-loader.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post_image
 3 | title:  Building Resource Loader
 4 | date:   2015-10-01 12:00:00
 5 | 
 6 | image_file: blog/
 7 | 
 8 | tags:
 9 | - pixi.js
10 | ---
11 | 


--------------------------------------------------------------------------------
/_drafts/2015-09-01-web-games-live-streaming.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post_image
 3 | title:  Live Streaming Web Games
 4 | date:   2015-09-01 12:00:00
 5 | 
 6 | image_file: blog/
 7 | 
 8 | tags:
 9 | - pixi.js
10 | ---
11 | 


--------------------------------------------------------------------------------
/css/base.css:
--------------------------------------------------------------------------------
1 | @import url(bootstrap.min.css);             /*Bootstrap base CSS*/
2 | @import url(font-awesome.min.css);          /*Font awesome icon pack*/
3 | @import url(style.css);                     /*Theme stylesheet*/
4 | @import url(pygments-theme.css);


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Sublime Text files
 2 | *.sublime*
 3 | *.*~*.TMP
 4 | 
 5 | # OS temp files
 6 | .DS_Store
 7 | Thumbs.db
 8 | Desktop.ini
 9 | 
10 | # Tool temp files
11 | npm-debug.log
12 | *.sw*
13 | *~
14 | \#*#
15 | 
16 | # Jykell ignores
17 | _site/
18 | .jekyll-metadata
19 | .bundle
20 | Gemfile.lock
21 | 


--------------------------------------------------------------------------------
/_layouts/post_canvas.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | ---
 4 | 
 5 | <canvas id="post-canvas" />
 6 | <pre>
 7 | <script>
 8 |     (function () {
 9 |         var canvas = document.getElementById('post-canvas');
10 |         var $parent = $(canvas).parent();
11 | 
12 |         window.addEventListener('resize', resize);
13 |         resize();
14 | 
15 |         function resize() {
16 |             var w = $parent.width();
17 |             canvas.width = w;
18 |             canvas.height = w / 2;
19 |         }
20 |     })();
21 | </script>
22 | </pre>
23 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "englercj.github.io",
 3 |   "version": "1.0.0",
 4 |   "description": "My personal blog about codes",
 5 |   "scripts": {
 6 |     "start": "jekyll serve --watch"
 7 |   },
 8 |   "repository": {
 9 |     "type": "git",
10 |     "url": "https://github.com/englercj/englercj.github.io.git"
11 |   },
12 |   "author": "Chad Engler <chad@pantherdev.com>",
13 |   "license": "ISC",
14 |   "bugs": {
15 |     "url": "https://github.com/englercj/englercj.github.io/issues"
16 |   },
17 |   "homepage": "https://github.com/englercj/englercj.github.io"
18 | }
19 | 


--------------------------------------------------------------------------------
/js/site.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * General site js file.
 3 |  */
 4 | (function ($) {
 5 |     'use strict';
 6 | 
 7 |     $(function () {
 8 |         var $emptyHeaders = $('.blog-no-header').parents('.post-header');
 9 |         $emptyHeaders.parents('.post-item').addClass('no-header');
10 |         $emptyHeaders.remove();
11 | 
12 |         var $contactwrapper = $('#contact-wrapper');
13 | 
14 |         $('#contact-section').on('click', function (e) {
15 |             e.preventDefault();
16 |             $contactwrapper.animate({ top:0 }, 300);
17 |         });
18 | 
19 |         $('#contact-close').on('click', function (e) {
20 |             e.preventDefault();
21 |             $contactwrapper.animate({ top:'100%' }, 300);
22 |         });
23 |     });
24 | })(jQuery);
25 | 


--------------------------------------------------------------------------------
/_layouts/tag.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | title: My Blog
 4 | ---
 5 | <div class="container">
 6 |     <div class="page-contents">
 7 |         <h2 class="page-title first-elem"> Blog archive</h2>
 8 |         <h3 class="page-subtitle">Posts with {{ page.tag }} tag</h3> 
 9 | 
10 |         <ul id="ptitle-list">
11 | 
12 |         {% for post in site.posts %}
13 |             {% for tag in post.tags %}
14 |                 {% if tag == page.tag %}
15 | 
16 |                 <li class="clearfix">
17 |                 	<span class="date">{{ post.date | date_to_long_string }}</span>
18 |                 	<span class="seperator">--</span>
19 |                     <a href="{{site.url}}{{ post.url }}"><h3 class="title">{{ post.title }}</h3></a>
20 |                 </li>
21 |             
22 |                 {% endif %}
23 |             {% endfor %}
24 |         {% endfor %}
25 | 
26 |         </ul>
27 | 
28 | 
29 | 
30 |     </div>
31 | </div>
32 | 


--------------------------------------------------------------------------------
/pages/about.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | title: About Me
 4 | ---
 5 | 
 6 | <div class="container">
 7 |     <div class="page-contents">
 8 |         <img src="{{site.url}}/img/about-me.jpg" alt="" class="vmargin40">
 9 |         <h1 class="page-title">{{page.title}}</h1>
10 |         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
11 |         </p>
12 |         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
13 |         </p>
14 |     </div>
15 | </div>


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
 1 | # Author/Blog Setup
 2 | name: new Chad()
 3 | description: A Blog About Code
 4 | author:
 5 |   name: Chad Engler
 6 |   email: chad@pantherdev.com
 7 | 
 8 | # Page setup
 9 | permalink: pretty
10 | baseurl:
11 | url: //englercj.github.io
12 | encoding: UTF-8
13 | excerpt_separator: <!--more-->
14 | 
15 | paginate: 5
16 | paginate_path: "page:num"
17 | quote:
18 |   name: Albert Einstein
19 |   content: We can’t solve problems by using the same kind of thinking we used when we created them.
20 | 
21 | # Markdown settings
22 | markdown: kramdown
23 | kramdown:
24 |   input: GFM
25 |   auto_ids: true
26 |   syntax_highlighter: rouge
27 | 
28 | # Syntax Highlighting
29 | highlighter: rouge
30 | 
31 | # Approved github jekyll plugins
32 | gems:
33 |   - jekyll-sitemap
34 |   - jemoji
35 | 
36 | # Ignore files meant for building
37 | exclude:
38 |   - .bowerrc
39 |   - .bundle
40 |   - .ruby-version
41 |   - bower.json
42 |   - CNAME
43 |   - Gemfile
44 |   - Gemfile.lock
45 |   - gulpfile.js
46 |   - node_modules
47 |   - package.json
48 | 
49 | # Analytics
50 | analytics:
51 |   google: UA-27838577-3
52 | 
53 | sharing:
54 |   twitter: rolnaaba
55 |   disqus: newchad
56 | 
57 | # Social links
58 | social:
59 |   github: englercj
60 |   # facebook: chad.engler.5
61 |   twitter: rolnaaba
62 |   linkedin: chad-engler
63 |   rss: /rss.xml


--------------------------------------------------------------------------------
/tags/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | title: Tags
 4 | ---
 5 | 
 6 | <div class="container">
 7 |     <div class="page-contents page-tags">
 8 |         <h2 class="page-title first-elem">All Posts by Tag</h2>
 9 | <!--        <h3 class="page-subtitle">Posts with {{ page.tag }} tag</h3> -->
10 | 
11 |         {% capture tagString %}{% for tag in site.tags %}{{ tag[0] }}{% unless forloop.last %}|{% endunless %}{% endfor %}{% endcapture %}
12 |         {% assign tags = tagString | split: '|' | sort: 'downcase' %}
13 |         <div id="cloud">
14 |             {% for tag in tags %}
15 |                 {% assign size = site.tags[tag].size | times: 100 | divided_by: site.tags.size | plus: 70 %}
16 |                 {% assign slug = tag | downcase | replace: ' ', '_' %}
17 |                 <span style="font-size: {{ size }}%">
18 |                     <a href="#tag-{{ slug }}">{{ tag | downcase }}</a>
19 |                 </span>
20 |             {% endfor %}
21 |         </div>
22 |         <div id="tags">
23 |             {% for tag in tags %}
24 |             {% assign slug = tag | downcase | replace: ' ', '_' %}
25 |             <div class="tag">
26 |                 <a class="anchor" id="tag-{{ slug }}"></a>
27 |                 <h3>{{ tag | downcase }}</h3>
28 |                 <ul>
29 |                     {% for post in site.tags[tag] %}
30 |                         <li><a href="{{post.url}}">{{post.title}}</a></li>
31 |                     {% endfor %}
32 |                 </ul>
33 |             </div>
34 |             {% endfor %}
35 |         </div>
36 | 
37 |         </div>
38 | </div>
39 | 


--------------------------------------------------------------------------------
/rss.xml:
--------------------------------------------------------------------------------
 1 | ---
 2 | ---
 3 | <?xml version="1.0" encoding="UTF-8"?>
 4 | <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
 5 |     <channel>
 6 |         <title>{{ site.name | xml_escape }}</title>
 7 |         <link>{{ site.url }}</link>
 8 |         <atom:link href="{{ site.url }}/rss.xml" rel="self" type="application/rss+xml" />
 9 |         <description>{% if site.description %}{{ site.description | xml_escape }}{% endif %}</description>
10 |         <language>en-us</language>
11 |         <pubDate>{{ site.time | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
12 |         <lastBuildDate>{{ site.time | date: "%a, %d %b %Y %H:%M:%S %z" }}</lastBuildDate>
13 | 
14 |         {% for post in site.posts limit:10 %}
15 |             <item>
16 |                 <title>{{ post.title | xml_escape }}</title>
17 |                 {% if post.author.name %}
18 |                     <dc:creator>{{ post.author.name | xml_escape }}</dc:creator>
19 |                 {% else %}
20 |                     <dc:creator>{{ site.author.name }}</dc:creator>
21 |                 {% endif %}
22 |                 {% if post.excerpt %}
23 |                     <description>{{ post.excerpt | xml_escape }}</description>
24 |                 {% else %}
25 |                     <description>{{ post.content | xml_escape }}</description>
26 |                 {% endif %}
27 |                 <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
28 |                 <link>{{ site.url }}{{ post.url }}</link>
29 |                 <guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
30 |             </item>
31 |         {% endfor %}
32 |     </channel>
33 | </rss>
34 | 


--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
 1 |  </div>
 2 |        <footer>
 3 |             <div id="footer-quote">
 4 |                 <div class="container">
 5 |                     <div class="contents">
 6 |                         <div class="quote-icon">
 7 |                             <i class="fa fa-quote-right"></i>
 8 |                         </div>
 9 |                         <span class="quote-name">{{site.quote.name}}</span>
10 |                         <div class="quote-text">{{site.quote.content}}</div>
11 |                     </div>
12 |                 </div>
13 |             </div>
14 |             <div id="bottom">
15 |                 <div>
16 |                     <ul id="social-icons">
17 |                         {% if site.social.github %}<li><a target="_blank" href="https://github.com/{{site.social.github}}"><i class="fa fa-github"></i></a></li>{% endif %}
18 |                         {% if site.social.facebook %}<li><a target="_blank" href="https://www.facebook.com/{{site.social.facebook}}"><i class="fa fa-facebook"></i></a></li>{% endif %}
19 |                         {% if site.social.twitter %}<li><a target="_blank" href="https://twitter.com/{{site.social.twitter}}"><i class="fa fa-twitter"></i></a></li>{% endif %}
20 |                         {% if site.social.gplus %}<li><a target="_blank" href="https://plus.google.com/{{site.social.gplus}}"><i class="fa fa-google-plus"></i></a></li>{% endif %}
21 |                         {% if site.social.linkedin %}<li><a target="_blank" href="https://www.linkedin.com/pub/chad-engler/65/71b/b39"><i class="fa fa-linkedin"></i></a></li>{% endif %}
22 |                         {% if site.social.pintrest %}<li><a target="_blank" href="#"><i class="fa fa-pinterest"></i></a></li>{% endif %}
23 |                         {% if site.social.rss %}<li><a href="{{site.baseurl}}{{site.social.rss}}"><i class="fa fa-rss"></i></a></li>{% endif %}
24 |                     </ul>
25 |                     <div id="copyright">© COPYRIGHT 2016 Chad Engler. ALL RIGHTS RESERVED</div>
26 |                     <a id="home-circle" href="{{site.url}}"><i class="fa fa-home"></i></a>
27 |                 </div>
28 |             </div>
29 |        </footer>
30 |     </body>
31 | </html>


--------------------------------------------------------------------------------
/_layouts/post.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | 
 5 | <div class="single-post">
 6 |     <div class="container">
 7 |         <div class="post-item">
 8 |             <div class="post-header">
 9 |                 {{content}}
10 |             </div>
11 |             <div class="post-body">
12 |                 <div class="meta">
13 |                     <span class="date">{{ page.date | date_to_long_string }}</span>
14 |                 </div>
15 |                 <h2 class="title">{{page.title}}</h2>
16 |                 <div class="content">
17 |                     {{ page.content | markdownify }}
18 |                 </div>
19 |             </div>
20 |             <div class="post-tags">
21 |                 <i class="fa fa-tags"></i>
22 |                 {% for tag in page.tags %}
23 |                 <a class="tag_list_link" href="{{site.baseurl}}/tags/#tag-{{ tag }}">{{ tag }}</a>
24 |                 <span class="seperator">,</span>
25 |                 {% endfor %}
26 |             </div>
27 |             <ul class="post-socials">
28 |                 <li><a href="https://www.facebook.com/sharer/sharer.php?u={{site.url}}{{page.url}}&amp;t={{page.title}}" target="_blank"><i class="fa fa-facebook"></i></a></li>
29 |                 <li><a href="https://twitter.com/intent/tweet?original_referer={{site.url}}{{page.url}}&amp;text={{page.title}}&amp;url={{site.url}}{{page.url}}&amp;via={{ site.sharing.twitter | uri_escape }}"" target="_blank"><i class="fa fa-twitter"></i></a></li>
30 |                 <li><a href="https://plus.google.com/share?url={{site.url}}{{page.url}}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
31 |             </ul>
32 |             <div id="disqus_thread"></div>
33 |             <script src="//{{site.sharing.disqus}}.disqus.com/embed.js" async="async"></script>
34 |         </div>
35 |     </div>
36 |     <div id="blog-pagination">
37 |         <ul>
38 |             {% if page.previous.url %} 
39 |             <li class="prev"><a href="{{site.url}}{{page.previous.url}}"><i class="fa fa-angle-left"></i><span>Prev</span></a></li>
40 |             {% endif %}
41 |             {% if page.previous.url or page.next.url%} 
42 |             <li class="separator"></li>
43 |             {% endif %}
44 |             {% if page.next.url %} 
45 |             <li class="next"><a href="{{site.url}}{{page.next.url}}"><span>Next</span><i class="fa fa-angle-right"></i></a></li>
46 |             {% endif %}
47 |         </ul>
48 |     </div>
49 | </div>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | 
 5 | 
 6 | <div class="blog-posts">
 7 | 
 8 |     <div class="container">
 9 |         {% for post in paginator.posts %}
10 |         <div class="post-item">
11 |             <div class="post-header">
12 |                {% case post.layout %}
13 | 
14 |                     {% when 'post_simple' %}
15 |                       {% include simple_post_header.html %}
16 | 
17 |                     {% when 'post_image' or 'post_canvas' or 'post_iframe' %}
18 |                       {% include image_post_header.html %}
19 | 
20 |                     {% when 'post_video' %}
21 |                       {% include video_post_header.html %}
22 | 
23 |                     {% when 'post_audio' %}
24 |                       {% include audio_post_header.html %}
25 | 
26 |                     {% else %}
27 |                       {% include simple_post_header.html %}
28 | 
29 |                {% endcase %}
30 |             </div>
31 |             <div class="post-body">
32 |                 <div class="meta">
33 |                     <a href="{{site.baseurl}}{{ post.url }}" class="date">{{ post.date | date_to_long_string }}</a>
34 |                 </div>
35 |                 <a href="{{site.baseurl}}{{ post.url }}">
36 |                     <h2 class="title">{{ post.title }}</h2>
37 |                 </a>
38 |                 <div class="content">
39 |                     {{ post.excerpt | markdownify }}
40 |                 </div>
41 |                 <div class="post-tags">
42 |                     <i class="fa fa-tags"></i>
43 |                     {% for tag in post.tags %}
44 |                     <a class="tag_list_link" href="{{site.baseurl}}/tags/#tag-{{ tag }}">{{ tag }}</a>
45 |                     <span class="seperator">,</span>
46 |                     {% endfor %}
47 |                 </div>
48 |             </div>
49 |             <a href="{{site.baseurl}}{{ post.url }}" class="post-more">Read more</a>
50 | 
51 |             <ul class="post-socials">
52 |                 <li><a href="https://www.facebook.com/sharer/sharer.php?u={{site.url}}{{post.url}}&t={{post.title}}" target="_blank"><i class="fa fa-facebook"></i></a></li>
53 |                 <li><a href="https://twitter.com/intent/tweet?original_referer={{site.url}}{{page.url}}&text={{post.title}}&url={{site.url}}{{post.url}}&amp;via={{ site.sharing.twitter | uri_escape }}" target="_blank"><i class="fa fa-twitter"></i></a></li>
54 |                 <li><a href="https://plus.google.com/share?url={{site.url}}{{post.url}}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
55 |             </ul>
56 |         </div>
57 |         {% endfor %}
58 |     </div>
59 | 
60 |     <div id="blog-pagination">
61 |         <ul>
62 |             {% if paginator.previous_page %}
63 |             <li class="prev"><a href="{{site.baseurl}}{{paginator.previous_page_path}}"><i class="fa fa-angle-left"></i><span>Prev</span></a></li>
64 |             {% endif %}
65 |             {% if paginator.previous_page or paginator.next_page%}
66 |             <li class="separator"></li>
67 |             {% endif %}
68 |              {% if paginator.next_page %}
69 |             <li class="next"><a href="{{site.baseurl}}{{paginator.next_page_path}}"><span>Next</span><i class="fa fa-angle-right"></i></a></li>
70 |             {% endif %}
71 |         </ul>
72 |     </div>
73 | </div>


--------------------------------------------------------------------------------
/_posts/2016-07-23-why-I-left-pixi.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post_simple
 3 | title:  Why I'm leaving Pixi.js
 4 | date:   2016-07-23 12:00:00
 5 | 
 6 | tags:
 7 | - pixi.js
 8 | - fae
 9 | ---
10 | 
11 | ## 3 Years Running
12 | 
13 | I've been working on [Pixi.js](https://github.com/pixijs/pixi.js), a JavaScript 2D
14 | renderer, for over 3 years now. In that time I've worked a lot of my free time to
15 | help build it into the most popular and widely used 2D web renderer.
16 | 
17 | Over that time I've worked with a lot of people. Helped a lot of people ship their
18 | project, won awards, sometimes even managing the project solo so Matt could grow
19 | his business [GoodBoyDigital](http://www.goodboydigital.com/). I've strived to
20 | impress a high bar of quality for the code base, and make sure that I read every
21 | single one of the [1,758 issues](https://github.com/pixijs/pixi.js/issues)
22 | and [980 pull requests](https://github.com/pixijs/pixi.js/pulls). I started
23 | every morning by browsing the issue list and forums, commenting and answering every
24 | question I can and even fixing bugs when I had the time in between my day job.
25 | 
26 | Every. Single. Day. Until today.
27 | 
28 | <!--more-->
29 | 
30 | ## Things changed
31 | 
32 | When people started to contribute to the project in earnest I was ecstatic. People
33 | passionate about the project contributing to a common goal. This is my dream, that
34 | the community would grow to a point where we could all own it as a whole. At first
35 | it was great, we were getting contributions all around from people wanting to help
36 | build the project or fix that annoying bug in their project.
37 | 
38 | But it seems like that age has ended. More recently, some others joined the
39 | project and it has become more and more toxic. The entitlement for us to drop
40 | everything and fix issues in the library, that I should merge PRs regardless of the
41 | quality of the code, that it takes too long to merge things, etc. Unfortunately my
42 | velocity dropped because I started on a new team in my day job, and my wife is
43 | starting a business. All things which take a great deal of my time.
44 | 
45 | ## The Toxicity
46 | 
47 | At first, the toxicity didn't get to me. I put on a nice face, worked through it all,
48 | and kept building an amazing library. Soon though it started getting targeted directly
49 | at me, here are a few anonymized comments:
50 | 
51 | ---
52 | 
53 | > I actually have lazy updateTransform in (redacted), but I think that it will be
54 | > refactored and merged only next year.
55 | > I'm having problems merging even easiest things there - @englercj keeps finding
56 | > even smallest mistakes in my architecture. I cannot merge it before it becomes ideal.
57 | > ...
58 | > You can close this one, there is no hope
59 | 
60 | ---
61 | 
62 | > I want to move binaries in other repository anyway, and fighting with @GoodBoyDigital
63 | > and @englercj about it.
64 | 
65 | ---
66 | 
67 | > Are you sure you know how JavaScript even works?
68 | 
69 | ---
70 | 
71 | Seems like every time I question anything, or challenge assumptions I'm accused of
72 | holding up progress. I'm constantly blamed as the reason bugs aren't fixed, and why
73 | features aren't implemented.
74 | 
75 | Which is why I've decided to leave.
76 | 
77 | ## I'm Leaving
78 | 
79 | Unfortunately, if the community sentiment is that I am the reason things don't get
80 | done. And it seems that there are a few vocal people who like to tell every new
81 | contributor on their first contribution how awful I am; I will step aside.
82 | 
83 | I have other projects to work on, and a different vision for what a rendering
84 | engine should be for the future anyway.
85 | 
86 | I want to thank everyone who worked with me on the project, especially Matt Groves
87 | and I wish the best for the future of Pixi.js.
88 | 
89 | If anyone is interested I'll be experimenting with a new renderer I've code named
90 | "Fae": https://github.com/englercj/fae. It is a pure ES6, WebGL-focused renderer.
91 | I also have some other projects I'd be willing to talk about as they get further
92 | along.
93 | 
94 | Thanks again everyone, good luck!
95 | 


--------------------------------------------------------------------------------
/css/pygments-theme.css:
--------------------------------------------------------------------------------
 1 | .highlight { background-color: #ffffff; }
 2 | .highlight .c { color: #999988; font-style: italic } /* Comment */
 3 | .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 4 | .highlight .k { color: #000000; font-weight: bold } /* Keyword */
 5 | .highlight .o { color: #000000; font-weight: bold } /* Operator */
 6 | .highlight .p { color: #000000; font-weight: bold } /* Parenthesis */
 7 | .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
 8 | .highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
 9 | .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
10 | .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
11 | .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
12 | .highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
13 | .highlight .gr { color: #aa0000 } /* Generic.Error */
14 | .highlight .gh { color: #999999 } /* Generic.Heading */
15 | .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
16 | .highlight .go { color: #888888 } /* Generic.Output */
17 | .highlight .gp { color: #555555 } /* Generic.Prompt */
18 | .highlight .gs { font-weight: bold } /* Generic.Strong */
19 | .highlight .gu { color: #aaaaaa } /* Generic.Subheading */
20 | .highlight .gt { color: #aa0000 } /* Generic.Traceback */
21 | .highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
22 | .highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
23 | .highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
24 | .highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
25 | .highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
26 | .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
27 | .highlight .m { color: #009999 } /* Literal.Number */
28 | .highlight .s { color: #d01040 } /* Literal.String */
29 | .highlight .na { color: #008080 } /* Name.Attribute */
30 | .highlight .nb { color: #0086B3 } /* Name.Builtin */
31 | .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
32 | .highlight .no { color: #008080 } /* Name.Constant */
33 | .highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
34 | .highlight .ni { color: #800080 } /* Name.Entity */
35 | .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
36 | .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
37 | .highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
38 | .highlight .nn { color: #555555 } /* Name.Namespace */
39 | .highlight .nt { color: #000080 } /* Name.Tag */
40 | .highlight .nv { color: #008080 } /* Name.Variable */
41 | .highlight .nx { color: #555555 } /* Name.Variable */
42 | .highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
43 | .highlight .w { color: #bbbbbb } /* Text.Whitespace */
44 | .highlight .mf { color: #009999 } /* Literal.Number.Float */
45 | .highlight .mh { color: #009999 } /* Literal.Number.Hex */
46 | .highlight .mi { color: #009999 } /* Literal.Number.Integer */
47 | .highlight .mo { color: #009999 } /* Literal.Number.Oct */
48 | .highlight .sb { color: #d01040 } /* Literal.String.Backtick */
49 | .highlight .sc { color: #d01040 } /* Literal.String.Char */
50 | .highlight .sd { color: #d01040 } /* Literal.String.Doc */
51 | .highlight .s2 { color: #d01040 } /* Literal.String.Double */
52 | .highlight .se { color: #d01040 } /* Literal.String.Escape */
53 | .highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
54 | .highlight .si { color: #d01040 } /* Literal.String.Interpol */
55 | .highlight .sx { color: #d01040 } /* Literal.String.Other */
56 | .highlight .sr { color: #009926 } /* Literal.String.Regex */
57 | .highlight .s1 { color: #d01040 } /* Literal.String.Single */
58 | .highlight .ss { color: #990073 } /* Literal.String.Symbol */
59 | .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
60 | .highlight .vc { color: #008080 } /* Name.Variable.Class */
61 | .highlight .vg { color: #008080 } /* Name.Variable.Global */
62 | .highlight .vi { color: #008080 } /* Name.Variable.Instance */
63 | .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */


--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en-us">
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 | 
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 | 
 8 |         {% if page.desc %}
 9 |             <meta content="{{ page.desc }}" name="description" />
10 |         {% else %}
11 |             <meta content="{{ site.desc }}" name="description" />
12 |         {% endif %}
13 | 
14 |         <meta content="{{ site.name }}" property="og:site_name" />
15 |         {% if page.title %}<meta content="{{ page.title }}" property="og:title" />{% else %}<meta content="{{ site.name }}" property="og:title" />{% endif %}
16 |         {% if page.title %}<meta content="article" property="og:type" />{% else %}<meta content="website" property="og:type" />{% endif %}
17 |         {% if page.desc %}<meta content="{{ page.desc }}" property="og:description" />{% else %}<meta content="{{ site.desc }}" property="og:description" />{% endif %}
18 |         {% if page.url %}<meta content="{{ site.url }}{{ page.url }}" property="og:url" />{% endif %}
19 |         {% if page.date %}<meta content="{{ page.date | date_to_xmlschema }}" property="article:published_time" />{% endif %}
20 |         <meta content="{{ site.url }}/pages/about/" property="article:author" />
21 |         {% if page.image_file %}<meta content="{{ page.image_file }}" property="og:image" />{% else %}<meta content="{{ site.url }}/img/background.jpg" property="og:image" />{% endif %}
22 |         {% if page.tags %}
23 |             {% for tag in page.tags %}
24 |                 <meta content="{{ tag }}" property="article:tag" />
25 |             {% endfor %}
26 |         {% endif %}
27 | 
28 |         <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.name }}</title>
29 | 
30 |         <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700' rel='stylesheet' type='text/css'>
31 |         <link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
32 | 
33 |         <link rel="stylesheet" href="{{site.baseurl}}/css/base.css">
34 | 
35 |         <script>var disqus_shortname = '{{site.sharing.disqus}}';</script>
36 |         <script>
37 |             (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
38 |             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
39 |             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
40 |             })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
41 | 
42 |             ga('create', '{{ site.analytics.google }}', 'auto');
43 |             ga('send', 'pageview');
44 |         </script>
45 |         <script type="text/javascript" src="{{site.baseurl}}/js/jquery-1.11.0.min.js"></script>
46 |         <script type="text/javascript" src="{{site.baseurl}}/js/site.js"></script>
47 |     </head>
48 |     <body>
49 |        <header>
50 |             <!--<div id="logo">
51 |                 <img src="{{site.baseurl}}/img/logo.jpg" alt="">
52 |             </div>-->
53 |             <div id="site-heading">
54 |                 <h2 class="title">{{site.name}}</h2>
55 |                 <h3 class="subtitle">{{site.description}}</h3>
56 |             </div>
57 |             <ul id="nav">
58 |                  <!-- <li class="{% if page.url == '/pages/about/' %}active{% endif %}"><a href="{{site.baseurl}}/pages/about">About</a></li> -->
59 |                  <li class="{% if page.url == '/' %}active{% endif %}"><a href="{{site.baseurl}}/index.html">Blog</a></li>
60 |                  <li><a href="#" id="contact-section">Contact</a></li>
61 |             </ul>
62 |             <div id="contact-wrapper">
63 |                 <div id="contact-content">
64 |                     <i class="fa fa-envelope-o contact-icon"></i>
65 |                     <ul id="contact-list">
66 |                         <li><a href="mailto:{{site.author.email}}">{{site.author.email}}</a></li>
67 |                         <li class="separator">/</li>
68 |                         <li><a target="_blank" href="https://twitter.com/{{site.social.twitter}}">@{{site.social.twitter}}</a></li>
69 |                     </ul>
70 |                 </div>
71 |                 <a href="#" id="contact-close"><i class="fa fa-times"></i></a>
72 |             </div>
73 |        </header>
74 |        <div id="main-contents">


--------------------------------------------------------------------------------
/_posts/2018-01-07-gl-tiled.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | layout: post_iframe
  3 | title:  WebGL Renderer for Tiled Maps
  4 | date:   2018-01-07 12:00:00
  5 | 
  6 | iframe_url: https://englercj.github.io/gl-tiled/_demo/basic/?map=maps%2Flttp%2Flightworld%2Flightworld.json
  7 | image_file: blog/gl-tiled-preview.png
  8 | 
  9 | tags:
 10 | - webgl
 11 | - javascript
 12 | - rendering
 13 | ---
 14 | 
 15 | <style>
 16 | .post-item .post-header iframe{
 17 |     height: 400px;
 18 | }
 19 | </style>
 20 | 
 21 | TL;DR: I made a WebGL renderer for [Tiled Editor][tiled] maps called [gl-tiled][gl-tiled].
 22 | 
 23 | ## Introduction
 24 | 
 25 | I was looking for a good way to render tile maps created with the [Tiled Editor][tiled] and
 26 | couldn't find a WebGL renderer that really fit my needs so I decided to write one. I call the
 27 | resulting library [gl-tiled][gl-tiled].
 28 | 
 29 | <!--more-->
 30 | 
 31 | I got inspired by [an article from Brandon Jones][toji]. In this article he describes a
 32 | technique in which the map is rendered using two textures. One is the tileset, the other
 33 | is a texture representing the map itself. Each pixel encodes the x/y coords of the tile
 34 | from the tileset to draw. In my library I extend this technique to support more features
 35 | of Tiled, as well as automatically generating the lookup texture.
 36 | 
 37 | ## Anatomy of a Tiled Map
 38 | 
 39 | In this post I'm going to focus on high-level concepts rather than listing each field on
 40 | the format. If you are interested in that you can take a look at the
 41 | [XML format reference][tiled-format] or my [Typescript definition][gl-tiled-format] that
 42 | represents the JSON output.
 43 | 
 44 | A Tiled map is basically a container for 2 types of objects: layers and tilesets. Each layer
 45 | then has a subtype which is one of: `imagelayer`, `tilelayer`, or `objectlayer`.
 46 | 
 47 | Objectlayer is not yet supported, and won't be talked about here. That leaves us with 3 main
 48 | objects to worry about handling properly: a tileset, an imagelayer, and a tilelayer.
 49 | 
 50 | ### Rendering an imagelayer
 51 | 
 52 | An imagelayer is really just an image, so drawing it is pretty straightforward. Here is the
 53 | fragment shader that is used to draw the image:
 54 | 
 55 | ```glsl
 56 | precision mediump float;
 57 | 
 58 | varying vec2 vTextureCoord;
 59 | 
 60 | uniform sampler2D uSampler;
 61 | uniform float uAlpha;
 62 | uniform vec4 uTransparentColor;
 63 | 
 64 | void main()
 65 | {
 66 |     vec4 color = texture2D(uSampler, vTextureCoord);
 67 | 
 68 |     if (uTransparentColor.a == 1.0 && uTransparentColor.rgb == color.rgb)
 69 |         discard;
 70 | 
 71 |     gl_FragColor = vec4(color.rgb, color.a * uAlpha);
 72 | }
 73 | ```
 74 | 
 75 | As you can see, basically all we do is pull the color from the image and draw it. There is one
 76 | extra step since Tiled lets you choose a color to be treated as transparent, so we check if
 77 | this texel is that color and ignore it if it is.
 78 | 
 79 | ### Rendering a tilelayer
 80 | 
 81 | Rendering the tilelayer is really the meat of the work the library does. The process involves
 82 | generating a map texture which represents all the metadata of the layer, then uploading that
 83 | and all the tileset images to the GPU for rendering. I use all 4 channels of the texture
 84 | to encode information about the layer, here is what each channel holds:
 85 | 
 86 | - Red: The X coord of the tile to draw
 87 | - Green: The Y coord of the tile to draw
 88 | - Blue: The index of which tileset image to use
 89 | - Alpha: Flags related to rendering this tile
 90 | 
 91 | For [this map][dw-map], this generated data texture looks like this:
 92 | 
 93 | ![DW tilelayer]({{site.url}}/img/blog/dw-tilelayer.png)
 94 | 
 95 | This map texture can be combined with [this tileset][dw-tileset] to create the final map you
 96 | see [here][dw-map].
 97 | 
 98 | A simplified and annotated version of the shader that combines these images looks something
 99 | like this:
100 | 
101 | ```glsl
102 | precision mediump float;
103 | 
104 | varying vec2 vPixelCoord;
105 | varying vec2 vTextureCoord;
106 | 
107 | // This is the generated map data texture
108 | uniform sampler2D uLayer;
109 | 
110 | // These are the tileset images the map uses
111 | uniform sampler2D uTilesets[NUM_TILESET_IMAGES];
112 | 
113 | uniform vec2 uTilesetTileSize[NUM_TILESET_IMAGES];
114 | uniform vec2 uTilesetTileOffset[NUM_TILESET_IMAGES];
115 | uniform vec2 uInverseTilesetTextureSize[NUM_TILESET_IMAGES];
116 | uniform float uAlpha;
117 | 
118 | // Here I removed some simple getter functions for brevity.
119 | // They are getTilesetTileOffset, getTilesetTileOffset, and getColor
120 | // All of them take an int index and perform a lookup in the array of uniforms above.
121 | 
122 | void main()
123 | {
124 |     // Read the metadata of the tile we are operating on here
125 |     vec4 tile = texture2D(uLayer, vTextureCoord);
126 | 
127 |     // index of the tileset image to use
128 |     int imgIndex = int(floor(tile.z * 255.0));
129 | 
130 |     // the size of a tile in this layer
131 |     vec2 tileSize = getTilesetTileSize(imgIndex);
132 | 
133 |     // Tiled supports spacing and margin in a tileset, these values are loaded here
134 |     vec2 tileOffset = getTilesetTileOffset(imgIndex);
135 | 
136 |     // To get the x/y coord of the tile to draw we denormalize the value
137 |     // we pulled from the generated layer texture
138 |     vec2 tileCoord = floor(tile.xy * 255.0);
139 | 
140 |     // tileOffset.x is 'spacing', tileOffset.y is 'margin'
141 |     tileCoord.x = (tileCoord.x * tileSize.x) + (tileCoord.x * tileOffset.x) + tileOffset.y;
142 |     tileCoord.y = (tileCoord.y * tileSize.y) + (tileCoord.y * tileOffset.x) + tileOffset.y;
143 | 
144 |     // Now that we have the tile coord, we need to find which specific texel in
145 |     // the tile we are at.
146 |     vec2 offsetInTile = mod(vPixelCoord, tileSize);
147 | 
148 |     // finally load the color from the tileset image using the index of the
149 |     // image and the calculated offset
150 |     vec4 color = getColor(imgIndex, tileCoord + offsetInTile);
151 | 
152 |     gl_FragColor = vec4(color.rgb, color.a * uAlpha);
153 | }
154 | ```
155 | 
156 | That is pretty much it! Thanks again to Brandon Jones for [sharing the technique][toji] that
157 | inspired this library.
158 | 
159 | [tiled]: http://www.mapeditor.org/
160 | [tiled-format]: http://docs.mapeditor.org/en/latest/reference/tmx-map-format/
161 | [toji]: https://blog.tojicode.com/2012/07/sprite-tile-maps-on-gpu.html
162 | [gl-tiled]: https://github.com/englercj/gl-tiled
163 | [gl-tiled-format]: https://github.com/englercj/gl-tiled/blob/master/src/tiled/Tilemap.ts
164 | [dw-map]: https://englercj.github.io/gl-tiled/_demo/basic/?map=maps%2Fortho%2FOrtho_1_16__16_large.json
165 | [dw-tileset]: https://englercj.github.io/gl-tiled/_demo/basic/maps/gfx/png/darkworld-tileset.png
166 | 
167 | <!-- Control code for the top post canvas -->
168 | 
169 | <script src="//cdn.rawgit.com/pixijs/pixi.js/962f5bdff1ed2d96cfeaef22897ed83b7cce79bd/bin/pixi.min.js"></script>
170 | <script src="//cdn.rawgit.com/pixijs/pixi-lights/b7fd7924fdf4e6a6b913ff29161402e7b36f0c0f/bin/pixi-lights.js"></script>
171 | 


--------------------------------------------------------------------------------
/_posts/2016-08-24-composition-ecs.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | layout: post_simple
  3 | title:  Fae and ECS
  4 | date:   2016-08-24 12:00:00
  5 | 
  6 | tags:
  7 | - fae
  8 | - programming
  9 | - javascript
 10 | ---
 11 | 
 12 | TL;DR: I made an [ecs library][fae-ecs] that focuses on assemblages (composed entities), and treats
 13 | components as JS Mixins.
 14 | 
 15 | ## Why build Fae?
 16 | 
 17 | Recently I've been working on building [Fae][fae], a modular 2D renderer. My main driving force for
 18 | building the project was exploring the question "If I was building Pixi.js, from scratch, today; what
 19 | would I do?"
 20 | 
 21 | <!--more-->
 22 | 
 23 | I thought about this for quite some time, and read as much as I could from users and library authors
 24 | talking about what they liked and disliked. One particular thing that stood out to me, is that over
 25 | the years pixi has gotten pretty big. It has a lot of features, and is very powerful; but most
 26 | people don't need (or want) all those features.
 27 | 
 28 | This is a particularly sticky issue for library authors. Many times they want sprites, but have their
 29 | own interaction/ticker/animations/etc. There are often pieces of the overall library that people just
 30 | don't want and with pixi taking those apart is pretty difficult due to some early design decisions we
 31 | made.
 32 | 
 33 | Because of this I wanted to start [Fae][fae] immediately with the idea that anything can be ripped out
 34 | of the library at anytime, and if it is, you pay no cost for it. I wanted to try and borrow the C++
 35 | mantra of "Don't pay for what you don't use."
 36 | 
 37 | ## Extreme Modularity
 38 | 
 39 | One of the reasons it was hard for me to really separate out features in Pixi was because the library
 40 | is structured around a classical-inheritance-based mentality it inherited from Flash. This works great
 41 | for building a framework to use, but hinders trying to not have a component.
 42 | 
 43 | To give an example scenario, imagine your project doesn't use filters at all. Because of that you want
 44 | to exclude them from your build of pixi to save space and CPU for other fun things. To do this, you can
 45 | run the build with a flag to exclude filters. Problem solved! Well, kind of. This will exclude the
 46 | FilterManager, Filter, and other classes which results in file-size savings. But all the rendering checks
 47 | to try and render filters is still there, because that code is in Container. We hide a lot of this cost
 48 | behind if-statements and other things but there is always that `.filters` property on DisplayObject that
 49 | will still be there no matter what.
 50 | 
 51 | To fix this case I decided the only way to truly be modular was if I could exclude filters and the library
 52 | contained no code related to filters anywhere at all. For that to work, I would have to abandon the notion
 53 | of using classical inheritance as a basis for composing objects and instead deal with something more flexible.
 54 | 
 55 | ## Entity-Component-System Pattern
 56 | 
 57 | ECS is getting more and more common nowadays, and for good reason. In native languages using
 58 | components as storage can increase cache hits due to data-locality, and objects can be modified
 59 | without affecting other similar objects. For me, it was a way to build a "Sprite" without knowing
 60 | all the features that sprite will have.
 61 | 
 62 | I started out toying with a lot of different ECS implementations and found a few that I liked. But,
 63 | once I got it all built using [yagl/ecs][yagl-ecs] I realized it was actually pretty combersome for
 64 | the user to have to compose an object everytime they wanted a Sprite. Additionally, having a factory
 65 | that automatically composed for you, really didn't make me feel any cleaner about what I was doing.
 66 | 
 67 | I really liked the Components and the Systems as described in ECS and implemented in these libraries,
 68 | but I didn't like Entities. I missed the days of just saying `new Sprite()`. That was always super easy.
 69 | 
 70 | ## Components as Mixins
 71 | 
 72 | Just when I was losing faith in ECS, I found this article: ["Real" Mixins with JavaScript Classes][es6-mixin].
 73 | I highly recommend you read it, but the gist was instead of mixing properties into an object,
 74 | put the mixin on the prototype-chain. That seems like a simple concept, but it is extremely
 75 | powerful if you think it through. It solves a lot of the problems I encountered using mixins
 76 | before.
 77 | 
 78 | It also got me thinking, what if components weren't just dumb data containers. What if a component
 79 | was a mixin? What if an Entity wasn't an ID into a list of components, but a class that represented
 80 | a unique mix of components?
 81 | 
 82 | Using this slightly different definition of ECS I forked [yagl/ecs][yagl-ecs] and created [@fae/ecs][fae-ecs].
 83 | This new lib uses the "subclass factory" idea from the aforementioned article as Components.
 84 | 
 85 | Here is how it can look to use [@fae/ecs][fae-ecs]:
 86 | 
 87 | ```js
 88 | import ECS from '@fae/ecs';
 89 | 
 90 | // a component is a "subclass factory".
 91 | const PositionComponent = (Base) => class extends Base {
 92 |     constructor() {
 93 |         // entities may have ctor args, so always pass
 94 |         // along ctor args in a component.
 95 |         super(...arguments);
 96 | 
 97 |         this._x = 0;
 98 |         this._y = 0;
 99 |     }
100 | 
101 |     get x() { return this._x; }
102 |     set x(v) { this._x = Math.floor(v); }
103 | 
104 |     get y() { return this._y; }
105 |     set y(v) { this._y = Math.floor(v); }
106 | }
107 | 
108 | const TextureComponent = (Base) => class extends Base {
109 |     constructor() {
110 |         super(...arguments); // pass along ctor args
111 | 
112 |         this.texture = new Image();
113 |     }
114 | }
115 | 
116 | // an entity is a class that extends Entity, composed with as many components as you want
117 | class Sprite extends ECS.Entity.with(PositionComponent, TextureComponent) {
118 |     constructor(imageUrl) {
119 |         super();
120 | 
121 |         this.texture.src = imageUrl;
122 |     }
123 | }
124 | ```
125 | 
126 | Now we end up with a `Sprite` class, just like we are used to. But if I as a user wanted a sprite
127 | with no position, no problem:
128 | 
129 | ```js
130 | class MySprite extends ECS.Entity.with(TextureComponent) {
131 | 
132 | }
133 | ```
134 | 
135 | So Fae's job now becomes building components, and systems that operate on them. It also provides
136 | some default assemblages (like the `Sprite` class above), but you don't have to use them. Or even
137 | cooler, you can easily add to them.
138 | 
139 | Lets create a FilteredSprite:
140 | 
141 | ```js
142 | class FilteredSprite extends Sprite.with(FilterComponent) {
143 | 
144 | }
145 | ```
146 | 
147 | I can use the built-in sprite but extend it with a FilterComponent to get the feature-rich sprite
148 | I want. As a real-world example, here is the sprite class in [Fae][fae]:
149 | 
150 | ```js
151 | import { ecs } from '@fae/core';
152 | import { TransformComponent } from '@fae/transform';
153 | import { TextureComponent } from '@fae/textures';
154 | import SpriteComponent from './SpriteComponent';
155 | 
156 | export default class Sprite extends ecs.Entity.with(
157 |     ecs.VisibilityComponent,    // whether or not to render
158 |     TransformComponent,         // where to render
159 |     TextureComponent,           // what to render
160 |     SpriteComponent             // how to render
161 | )
162 | {
163 | }
164 | ```
165 | 
166 | Then later in an example I create a `Card` that moves aroun and does stuff:
167 | 
168 | ```js
169 | const CardComponent = (base) => class extends base {
170 |     constructor() {
171 |         super(...arguments);
172 |         this.speedX = 0;
173 |         this.speedY = 0;
174 |     }
175 | };
176 | 
177 | class Card extends Fae.sprites.Sprite.with(CardComponent) {}
178 | ```
179 | 
180 | That final result is a sprite with some speed properties so I can move it around. Those who are
181 | reading closely may be asking "Well, how does it move around?". That brings me to the last part
182 | of ECS, the Systems.
183 | 
184 | ## Efficient Systems
185 | 
186 | One of the main reasons I chose [yagl/ecs][yagl-ecs] as a starting point was due to how it handled
187 | systems. It pre-calculates the systems an entity is eligible for when it is added to the system. Then
188 | it will recalculate that if components on an entity change. It then iterates each system, and each
189 | system updates it's own entities.
190 | 
191 | This is a pretty big difference from other libraries that iterate each system and tell it to update,
192 | then the system (each update) queries eligible entities and operates on them.
193 | 
194 | In [@fae/ecs][fae-ecs] I tried to be even more clever. Since it is based around assemblages, the
195 | components of an entity once created *cannot change*. That gives me a slight advantage in that
196 | the only time I ever need to calculate eligibility is on add. Then I changed one other thing as
197 | well. Instead of iterating the systems, each updating every entity, I iterate the entities and
198 | tell each system to operate on it.
199 | 
200 | It is necessary to do it this way in order to have z-ordering. If I iterated each system, the order
201 | of systems would dictate render order. For example, if I have a `SpriteRenderSystem` and a
202 | `MeshRenderSystem` added to the ECS in that order, meshes would always draw on top of sprites.
203 | By iterating entities and applying all eligible systems to them in series, you can have a sprite
204 | then a mesh then another sprite on top. It also allows me to have a flat array ordered by z-index.
205 | 
206 | ## Conclusion
207 | 
208 | I think I've landed on a pretty elegant way of reaching the goal I had set out to do. Each plugin
209 | in Fae is really just one or more components and systems that a user can cobble together to create
210 | the thing that they need. If they don't want filters, or bounds calculations, or whatever. They just
211 | don't compose their entity with it (and build Fae without it for file-size savings).
212 | 
213 | I'd love to hear what others think about this approach, so leave comments below or hit me up
214 | on Twitter ([@rolnaaba](https://twitter.com/rolnaaba)).
215 | 
216 | [fae]: https://github.com/Fae/fae
217 | [fae-ecs]: https://github.com/Fae/ecs
218 | [yagl-ecs]: https://github.com/yagl/ecs
219 | [es6-mixin]: http://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/
220 | 


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | /* azee - Minimal Blog theme for Jekyll v1.0
  2 | @2014 owwwlab
  3 | http://themeforest.net/user/owwwlab/portfolio
  4 | **************************************************/
  5 | 
  6 | body{
  7 | 	font-family:'Open Sans', 'sans-serif';
  8 | 	font-size:15px;
  9 | 	line-height: 25px;
 10 | 	font-weight:400;
 11 | 	color:#303030;
 12 | }
 13 | a{
 14 | 	color:#d16b19;
 15 | 	text-decoration: none;
 16 | }
 17 | 
 18 | a:hover,a:focus{
 19 | 	color:#303030;
 20 | 	text-decoration: none;
 21 | }
 22 | 
 23 | .post-item .post-body a:hover,.page-contents a:hover{
 24 | 	color:#838383;
 25 | }
 26 | 
 27 | p{
 28 | 	margin-bottom: 20px;
 29 | }
 30 | 
 31 | h1{
 32 | 	font-size: 29px;
 33 | }
 34 | h2{
 35 | 	font-size: 24px;
 36 | }
 37 | h3{
 38 | 	font-size: 19px;
 39 | }
 40 | h4{
 41 | 	font-size: 15px;
 42 | }
 43 | 
 44 | .highlight {
 45 |     border-radius: 4px;
 46 | }
 47 | .highlight pre {
 48 |     background-color: transparent;
 49 | }
 50 | 
 51 | 
 52 | /*Header
 53 |  **************************************************/
 54 | header{
 55 | 	border-top:5px solid #d16b19;
 56 | 	background: #222222;
 57 | /*	padding:70px 0 20px 0;*/
 58 | 	padding:20px 0;
 59 | 	text-align: center;
 60 | 	position: relative;
 61 | 	overflow: hidden;
 62 | }
 63 | 
 64 | #logo{
 65 | 	width: 120px;
 66 | 	height:120px;
 67 | 	margin:0 auto 20px auto;
 68 | }
 69 | #logo img{
 70 | 	border-radius: 50%;
 71 | 	width: 100%;
 72 | }
 73 | #site-heading .title{
 74 | 	font-weight: 700;
 75 | 	color:#dedcdb;
 76 | 	margin: 0 0 5px 0;
 77 | 	font-size: 20px;
 78 | }
 79 | #site-heading .subtitle{
 80 | 	font-weight: 300;
 81 | 	color: #d16b19;
 82 | 	text-transform: uppercase;
 83 | 	margin:0 0 35px 0;
 84 | 	font-size: 12px;
 85 | }
 86 | 
 87 | /*---Navigation----*/
 88 | 
 89 | #nav{
 90 | 	margin-top:40px;
 91 | 	padding: 0;
 92 | 	list-style: none;
 93 | }
 94 | #nav li{
 95 | 	display: inline-block;
 96 | }
 97 | 
 98 | #nav li a{
 99 | 	color:#767777;
100 | 	font-size: 18px;
101 | 	text-transform: uppercase;
102 | 	font-family: 'Open Sans Condensed';
103 | 	padding: 5px;
104 | 	margin-right:12px;
105 | 
106 | 	-webkit-transition: all .25s ease;
107 | 	   -moz-transition: all .25s ease;
108 | 	    -ms-transition: all .25s ease;
109 | 	     -o-transition: all .25s ease;
110 | 	        transition: all .25s ease;
111 | }
112 | #nav li a:last-child{
113 | 	margin-right: 0;
114 | }
115 | 
116 | #nav li a:hover,#nav li a:focus,#nav li.active a{
117 | 	color:#c5c5c5;
118 | }
119 | 
120 | 
121 | /*---Social icons---*/
122 | .social-icons{
123 | 	margin: 0;
124 | 	padding: 0;
125 | 	list-style: none;
126 | 	margin-bottom: 5px;
127 | }
128 | .social-icons li{
129 | 	display: inline-block;
130 | 	padding-right: 10px;
131 | 
132 | }
133 | .social-icons li:last-child{
134 | 	padding: 0;
135 | }
136 | .social-icons li a{
137 | 	color: #c1c1c1;
138 | 	font-size: 20px;
139 | 
140 | }
141 | 
142 | .social-icons li a:hover,.social-icons li a:focus{
143 | 	color:#c1c1c1;
144 | }
145 | 
146 | #copyright{
147 | 	font-size: 10px;
148 | 	color:#444;
149 | 	text-transform: uppercase;
150 | }
151 | 
152 | 
153 | /*---Contact---*/
154 | #contact-wrapper{
155 | 	position: absolute;
156 | 	background: #222222;
157 | 	top: 100%;
158 | 	left: 0;
159 | 	width: 100%;
160 | 	height: 100%;
161 | 	z-index: 10;
162 | }
163 | 
164 | 
165 | #contact-content{
166 | 	text-align: center;
167 | 	color:#d16b19;
168 | 	padding: 0;
169 | }
170 | 
171 | #contact-wrapper .contact-icon{
172 | 	font-size: 42px;
173 | 	margin-bottom: 30px;
174 | }
175 | 
176 | 
177 | #contact-list {
178 | 	padding: 0;
179 | 	margin: 0;
180 | 	list-style: none;
181 | }
182 | #contact-list li{
183 | 	display: inline-block;
184 | 	margin-right: 20px;
185 | }
186 | #contact-wrapper .separator{
187 | 	font-size: 28px;
188 | }
189 | 
190 | #contact-list li a{
191 | 	font-family: 'Open Sans Condensed';
192 | 	font-size: 30px;
193 | }
194 | #contact-close{
195 | 	display: block;
196 | 	position: absolute;
197 | 	bottom: 20px;
198 | 	left: 50%;
199 | 	margin-left: -15px;
200 | 	padding: 5px;
201 | 	color: #474747;
202 | 	font-size: 25px;
203 | }
204 | 
205 | #contact-wrapper a{
206 | 	-webkit-transition: all .25s ease;
207 | 	   -moz-transition: all .25s ease;
208 | 	    -ms-transition: all .25s ease;
209 | 	     -o-transition: all .25s ease;
210 | 	        transition: all .25s ease;
211 | }
212 | #contact-wrapper a:hover{
213 | 	color:#ccc;
214 | }
215 | /*Main content
216 |  **************************************************/
217 | 
218 | #main-contents{
219 | 	background-color: #eaebec;
220 | 	padding-top:100px;
221 | }
222 | .page-contents{
223 | 	padding: 100px;
224 | 	background: #f5f5f5;
225 | 	margin-bottom: 50px;
226 | }
227 | .page-contents .first-elem{
228 | 	margin-top: 0;
229 | }
230 | .page-title{
231 | 	margin: 50px 0 40px 0;
232 | 	font-weight: 700;
233 | 	font-size: 28px;
234 | }
235 | .page-subtitle{
236 | 	font-size: 14px;
237 | 	margin-top: 0;
238 | 	position: relative;
239 | 	top: -28px;
240 | 	color: #838383;
241 | }
242 | .page-contents img{
243 | 	max-width: 100%;
244 | }
245 | 
246 | /*blog
247 |  **************************************************/
248 | .post-item{
249 | 	padding: 100px;
250 | 	/*padding: 100px;*/
251 | 	background: #f5f5f5;
252 | 	margin-bottom: 50px;
253 | 	border-bottom: 2px solid #d16b19;
254 | }
255 | 
256 | .post-item .post-header img{
257 | 	width: 100%;
258 | }
259 | .post-item .post-header iframe{
260 | 	width: 100%;
261 | }
262 | .post-item .post-header .video-wrapper {
263 | 	position: relative;
264 | 	padding-bottom: 56.25%; /* 16:9 */
265 | 	padding-top: 25px;
266 | 	height: 0;
267 | }
268 | .post-item .post-header .video-wrapper iframe {
269 | 	position: absolute;
270 | 	top: 0;
271 | 	left: 0;
272 | 	width: 100%;
273 | 	height: 100%;
274 | }
275 | .post-item .post-header .audio-wrapper iframe {
276 | 	width: 100%;
277 | }
278 | .post-item.quote-post{
279 | 	padding: 0;
280 | }
281 | .post-item  .quote-wrapper {
282 | 	position: relative;
283 | 	overflow: hidden;
284 | }
285 | .post-item  .quote-wrapper img{
286 | 	width: 100%;
287 | 	position: absolute;
288 | 	top: 0;
289 | 	left: 0;
290 | }
291 | .post-item  .quote-wrapper .overlay {
292 | 	position: relative;
293 | 	width: 100%;
294 | 	height: 100%;
295 | 	background: rgba(209,107,25,0.95);
296 | 	color:#434343;
297 | }
298 | .post-item  .quote-wrapper .overlay{
299 | 	padding: 50px 80px 50px 100px;
300 | }
301 | .post-item .quote-wrapper  .overlay i{
302 | 	float: right;
303 | 	font-size: 40px;
304 | 	position: relative;
305 | 	top: 27px;
306 | 	opacity: 0.7;
307 | 
308 | }
309 | .post-item  .quote-wrapper  .overlay .name{
310 | 	text-transform: uppercase;
311 | 	font-size: 16px;
312 | 	font-weight: 300;
313 | 	margin-bottom: 5px;
314 | 	display: block;
315 | }
316 | .post-item  .quote-wrapper  .overlay .text{
317 | 	color: #fff;
318 | 	font-size: 18px;
319 | 	margin: 0;
320 | }
321 | 
322 | .post-item .post-body{
323 | 	padding: 40px 0;
324 | 	/*padding: 40px;*/
325 | }
326 | .post-item .post-body .meta .date{
327 | 	color:#d16b19;
328 | 	font-weight: 300;
329 | 	text-transform: uppercase;
330 | }
331 | .post-item .post-body .title{
332 | 	color:#404040;
333 | 	font-weight: 700;
334 | 	font-size: 23px;
335 | 	margin-top: 10px;
336 | 	margin-bottom: 20px;
337 | }
338 | .post-item .post-body .content{
339 | 	color: #303030;
340 | 	padding: 10px 0;
341 | }
342 | .post-item .post-body .content p:last-child{
343 | 	margin-bottom: 0;
344 | }
345 | 
346 | .post-item .post-more{
347 | 	background: #fdfdfd;
348 | 	color:#494949;
349 | 	padding: 7px 20px;
350 | 	box-shadow: 0px 0px 1px 0px #494949;
351 | 	font-size: 13px;
352 | 	display: inline-block;
353 | 	float: left;
354 | 
355 | 	-webkit-transition: all .25s ease;
356 | 	   -moz-transition: all .25s ease;
357 | 	    -ms-transition: all .25s ease;
358 | 	     -o-transition: all .25s ease;
359 | 	        transition: all .25s ease;
360 | }
361 | 
362 | 
363 | .post-item .post-more:hover{
364 | 	background: #ddd;
365 | }
366 | .post-item.no-header .post-body{
367 | 	padding-top: 0;
368 | }
369 | 
370 | 
371 | 
372 | #blog-pagination{
373 | 	width: 100%;
374 | 	padding: 20px;
375 | 	background: #dedede;
376 | 	text-align: center;
377 | }
378 | #blog-pagination ul{
379 | 	margin: 0;
380 | 	padding: 0;
381 | 	list-style: none;
382 | }
383 | #blog-pagination ul li{
384 | 	display: inline-block;
385 | }
386 | #blog-pagination ul li a{
387 | 	color:#303030;
388 | 	font-size: 15px;
389 | 	padding: 10px;
390 | }
391 | #blog-pagination ul li a:hover{
392 | 	color:#d16b19;
393 | }
394 | #blog-pagination ul li a i{
395 | 	font-size: 18px;
396 | 	position: relative;
397 | 	top: 1px;
398 | }
399 | #blog-pagination ul .separator{
400 | 	width: 1px;
401 | 	height: 20px;
402 | 	position: relative;
403 | 	margin:0 10px;
404 | 	top: 5px;
405 | 	border-right: 2px dotted #828282;
406 | 	border-left: 2px dotted #828282;
407 | }
408 | #blog-pagination ul .prev i{
409 | 	padding-right: 10px;
410 | }
411 | #blog-pagination ul .next i{
412 | 	padding-left: 10px;
413 | }
414 | 
415 | .post-socials{
416 | 	float: right;
417 | 	margin: 0;
418 | 	padding: 0;
419 | 	list-style: none;
420 | }
421 | 
422 | 
423 | .post-socials li{
424 | 	display: inline-block;
425 | 	margin-right: 5px;
426 | }
427 | 
428 | .post-socials li:last-child{
429 | 	margin-right: 0;
430 | }
431 | 
432 | .post-socials li a{
433 | 	display: block;
434 | 	background: #fdfdfd;
435 | 	color: #494949;
436 | 	width: 39px;
437 | 	height: 39px;
438 | 	text-align: center;
439 | 	line-height: 38px;
440 | 	box-shadow: 0px 0px 1px 0px #494949;
441 | 	-webkit-transition: all .25s ease;
442 | 	-moz-transition: all .25s ease;
443 | 	-ms-transition: all .25s ease;
444 | 	-o-transition: all .25s ease;
445 | 	transition: all .25s ease;
446 | 	font-size: 16px;
447 | }
448 | 
449 | .post-socials li a:hover{
450 | 	background: #ddd;
451 | }
452 | .post-tags{
453 | 	float:left;
454 | 	padding-top: 8px;
455 | }
456 | .post-tags i{
457 | 	margin-right: 5px;
458 | }
459 | .post-tags .seperator:last-child{
460 | 	display: none;
461 | }
462 | 
463 | #ptitle-list{
464 | 	margin:0;
465 | 	padding: 0;
466 | 	list-style: none;
467 | }
468 | #ptitle-list li{
469 | 
470 | }
471 | #ptitle-list li a{
472 | 	color:#222;
473 | }
474 | #ptitle-list li .title{
475 | 	font-size: 20px;
476 | 	color: #636363;
477 | }
478 | #ptitle-list li .date{
479 | 	color: #d16b19;
480 | 	font-size: 14px;
481 | }
482 | #ptitle-list li>*{
483 | 	display: inline-block;
484 | }
485 | /*Footer
486 |  **************************************************/
487 | 
488 |  #footer-quote{
489 |  	padding:80px 0;
490 |  	background: url('../img/parallax-bg.jpg') no-repeat;
491 |  	background-attachment: fixed;
492 |  	background-position: 50% 50%;
493 |  	text-align: center;
494 |  	position: relative;
495 | }
496 |  #footer-quote:after{
497 |  	content: '';
498 |  	position: absolute;
499 |  	top: 0;
500 |  	left: 0;
501 |  	width: 100%;
502 |  	height:100%;
503 |  	background: #000;
504 |  	opacity:0;
505 |  }
506 | #footer-quote>.container{
507 | 	position:relative;
508 | 	z-index: 2;
509 | }
510 | #footer-quote .contents{
511 | 	width: 80%;
512 | 	margin: 0 auto;
513 | }
514 | #footer-quote .quote-icon{
515 | color:#d16b19;
516 | font-size: 38px;
517 | margin-bottom: 10px;
518 | }
519 | #footer-quote .quote-name{
520 | 	color: #dadada;
521 | 	font-size: 13px;
522 | 	text-transform: uppercase;
523 | 	font-weight: 300;
524 | 
525 | }
526 | #footer-quote .quote-text{
527 | 	font-size: 16px;
528 | 	color: #dadada;
529 | 	margin-top: 35px;
530 | 	margin-bottom: 20px;
531 | 
532 | }
533 | 
534 | /*---Bottom section---*/
535 | #bottom{
536 | 	padding:100px 10% 80px 10%;
537 | 	text-align: center;
538 | 	background: #222222;
539 | 	position: relative;
540 | }
541 | #social-icons{
542 | 	margin:0;
543 | 	padding: 0;
544 | 	list-style: none;
545 | 	margin-bottom: 15px;
546 | }
547 | #social-icons li{
548 | 	display: inline-block;
549 | 	margin-right: 7px;
550 | 
551 | }
552 | #social-icons li:last-child{
553 | 	margin-right: 0;
554 | }
555 | #social-icons li a{
556 | 	color:#c1c1c1;
557 | 	font-size: 18px;
558 | 	padding: 5px;
559 | 
560 | 	-webkit-transition: all .25s ease;
561 | 	   -moz-transition: all .25s ease;
562 | 	    -ms-transition: all .25s ease;
563 | 	     -o-transition: all .25s ease;
564 | 	        transition: all .25s ease;
565 | }
566 | 
567 | #social-icons li a:hover{
568 | 	color:#d16b19;
569 | }
570 | 
571 | #copyright{
572 | 	text-transform: uppercase;
573 | 	font-size: 12px;
574 | 	color: #444;
575 | }
576 | 
577 | #home-circle{
578 | 	display: block;
579 | 	position: absolute;
580 | 	top: 0;
581 | 	left: 50%;
582 | 	margin-left: -50px;
583 | 	margin-top: -50px;
584 | 	width:100px;
585 | 	height:100px;
586 | 	border-radius: 50%;
587 | 	background: #222;
588 | 	color:#d16b19;
589 | 	font-size: 28px;
590 | 	text-align: center;
591 | 	line-height: 90px;
592 | 	z-index: 1;
593 | 
594 | 	-webkit-transition: all .5s ease;
595 | 	   -moz-transition: all .5s ease;
596 | 	    -ms-transition: all .5s ease;
597 | 	     -o-transition: all .5s ease;
598 | 	        transition: all .5s ease;
599 | }
600 | #home-circle:after{
601 | 	content: '';
602 | 	width: 84px;
603 | 	height: 84px;
604 | 	position: absolute;
605 | 	top: 8px;
606 | 	left: 8px;
607 | 	border: 2px solid #d16b19;
608 | 	border-radius: 50%;
609 | 	z-index:0;
610 | 
611 | 	-webkit-transition: all .25s ease;
612 | 	   -moz-transition: all .25s ease;
613 | 	    -ms-transition: all .25s ease;
614 | 	     -o-transition: all .25s ease;
615 | 	        transition: all .25s ease;
616 | 
617 | }
618 | 
619 | #home-circle:hover:after{
620 | 	background: #d16b19;
621 | }
622 | 
623 | #home-circle:hover{
624 | 	color: #222;
625 | }
626 | #home-circle i{
627 | 	position: relative;
628 | 	z-index: 1;
629 | }
630 | /* Shortcodes
631 |  **************************************************/
632 | blockquote{
633 | 	color:#4d4d4d;
634 | 	font-size: 14px;
635 | 	padding: 15px 20px;
636 | 	margin: 20px;
637 | 	font-weight: 300;
638 | 	border-left: 4px solid #d16b19;
639 | 	background-color: #f1f1f1;
640 | }
641 | 
642 | .light-text{
643 | 	color: #969696;
644 | 	font-weight: 300;
645 | }
646 | 
647 | .colored-text{
648 | 	color:#d16b19;
649 | }
650 | /*
651 | .highlight{
652 | 	background: #d16b19;
653 | 	color: #f3f3f3;
654 | } */
655 | 
656 | @media screen and (max-width: 768px) {
657 | 
658 | .post-item,.page-contents{
659 | 	padding: 50px;
660 | 	padding-bottom: 75px;
661 | }
662 | 
663 | }
664 | 
665 | @media screen and (max-width: 480px) {
666 | 
667 | .post-item,.page-contents{
668 | 	padding: 30px;
669 | 	padding-bottom: 75px;
670 | }
671 | 
672 | }
673 | 
674 | #cloud {
675 |     text-align: center; /*justify;*/
676 |     line-height: 2em;
677 | }
678 | 
679 | #cloud .small {
680 |     font-size: .6em
681 | }
682 | 
683 | #cloud .large {
684 |     font-size: 1.4em
685 | }
686 | 
687 | #cloud .huge {
688 |     font-size: 1.8em
689 | }
690 | 
691 | .page-tags h2 {
692 |     text-align: center;
693 | }
694 | 


--------------------------------------------------------------------------------
/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 |  */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.0.3');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}


--------------------------------------------------------------------------------
/_posts/2016-01-03-pixi-deferred-lighting.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | layout: post_canvas
  3 | title:  Deferred Lighting with Pixi.js
  4 | date:   2016-01-03 12:00:00
  5 | 
  6 | image_file: blog/pixi-lights.jpg
  7 | 
  8 | tags:
  9 | - pixi.js
 10 | - javascript
 11 | - programming
 12 | - rendering
 13 | ---
 14 | 
 15 | ## Introduction
 16 | 
 17 | You can find the pixi-lights plugin [on github][code].
 18 | 
 19 | Some of you may be aware that I recently did an experiment with Pixi.js to see if I could write efficient normal-mapped
 20 | lighting. Well I had no idea where to start, how to do lighting, or what the best way to do it would be. So, I did a
 21 | bunch of research on how drawing normal-mapped lighting works, and came up with a way to get it drawing correctly using
 22 | this tutorial (thanks Matt DesLauriers):
 23 | 
 24 | https://github.com/mattdesl/lwjgl-basics/wiki/ShaderLesson6#IlluminationModel
 25 | 
 26 | It was pretty dirty. Basically I wrote a filter that did N-lighting that was forward-rendered. For those who don't know,
 27 | the normal renderer in Pixi.js is a *forward-renderer*. That means it iterates "forward" through the scene list and draws
 28 | each object entirely as it goes along. Anyway, the idea behind the filter I wrote was that by adding this filter to a
 29 | container it would add lighting to that container. Problem was that since it was forward rendered each light had to be
 30 | shaded for each object in the container. In the few projects I wanted to use the effect in, it wasn't performant enough
 31 | for the amount of lights I wanted to have. So I started looking for a better way.
 32 | 
 33 | <!--more-->
 34 | 
 35 | ## Deferred Rendering
 36 | 
 37 | Eventually I found the concept of deferred rendering. We will talk more about how it works, but the goal of deferred
 38 | rendering is to *defer* the lighting until the scene is done drawing. With forward-rendered lighting you draw an object,
 39 | then light it, then go to the next object. What that means is that the number of draws you have are `(numLights * numObjectDraws)`.
 40 | With lighting in a deferred-renderer you draw all the objects, then apply lighting to them all at once. What that means
 41 | is that the number of draws you have are `(numLights + numObjectDraws)`. So the efficiency of your rendering increases
 42 | linearly instead of exponentially. As you add more and more lights that fact becomes more and more important.
 43 | 
 44 | ### Challenge #1: I knew nothing about deferred rendering
 45 | 
 46 | The first challenge was just learning how deferred rendering works, and how it is implemented in other rendering systems.
 47 | One of the most useful articles I read was by Casey Carlin with Whole Hog Games:
 48 | 
 49 | http://www.wholehog-games.com/devblog/2013/06/07/lighting-in-a-2d-game/
 50 | 
 51 | I highly recommend reading it, but to summarize it was a great explanation of how deferred rendering works in 2D. The
 52 | basic methodology involves rendering different representations of objects to multiple output framebuffers, then combining
 53 | that information in a pass of lighting to output the final rendered view. It looks something like this:
 54 | 
 55 | ![gbuffer](/img/blog/deferred_overview.png)
 56 | 
 57 | Like you can see in the image above, objects draw themselves to multiple render targets. Each render target holds information
 58 | about the object. One each for normals, depth, specular, diffuse, self-illumination, and anything else your lighting
 59 | algorithms will need. This series of framebuffers are often referred to as the G-Buffer. The trick that makes this mechasim
 60 | performant is the ability to draw to multiple render targets in a single shader simultaneously. The code can look a little
 61 | like this:
 62 | 
 63 | ```glsl
 64 | #extension GL_EXT_draw_buffers : require
 65 | precision mediump float;
 66 | void main() {
 67 |     gl_FragData[0] = vec4(1.0, 0.0, 0.0, 1.0);
 68 |     gl_FragData[1] = vec4(0.0, 1.0, 0.0, 1.0);
 69 |     gl_FragData[2] = vec4(0.0, 0.0, 1.0, 1.0);
 70 |     gl_FragData[3] = vec4(1.0, 1.0, 1.0, 1.0);
 71 | }
 72 | ```
 73 | 
 74 | Note the first line of the shader there, `#extension GL_EXT_draw_buffers : require`. WebGL 1.0 (OpenGL ES 2.0) doesn't
 75 | have support for Multiple Render Targets (MRT). Support for MRT is implemented in WebGL 2.0 (OpenGL ES 3.0), and exposed
 76 | in WebGL 1 via the extension shown above. Unfortunately the support penatration for the extension and/or WebGL is really
 77 | low. According to [WebGL Stats][wglstats] less than 50% of the visitors to the monitored sites have browsers that suport
 78 | the `GL_EXT_draw_buffers` extension. I knew that if I wanted the plugin to have any kind of usage I couldn't use this
 79 | feature. Which brings us to challenge #2.
 80 | 
 81 | ### Challenge #2: WebGL has no MRT support
 82 | 
 83 | How do I draw the multiple framebuffers of data that my lighting shaders will need without support for MRTs? The answer
 84 | is, unfortunately, to draw each of the buffers in sequence as separate passes. To reduce the number of render passes I
 85 | decided to only use the diffuse and normal buffers. We get a pretty good effect and it only will take 3 passes (diffuse
 86 | pass, normal pass, lighting pass). In 2D these buffers are sufficient to give some good effects.
 87 | 
 88 | Unfortunately this means that for simple applications with only a few lights, the renderer I built will likely be much
 89 | slower than the normal renderer in pixi. Once you get to a complex application, with many lights, that is when you will
 90 | see the performance benefits of using this deferred renderer over an implementation in the forward renderer.
 91 | 
 92 | ## Implementation
 93 | 
 94 | Alright, that is enough prologue, let's look at some code. Lets first talk about how we solve the most basic problem
 95 | preventing efficient deferred rendering: No MRT support in WebGL 1.0 (OpenGL ES 2.0). Like we mentioned before, we have
 96 | to do a pass per buffer instead of filling all the buffers at once. This means that the more information we want to use,
 97 | the longer our render cycle will be (significantly) because we have to do multiple shader passes.
 98 | 
 99 | So lets talk about how we would build the deferred renderer. Lets start with just 3 passes, one for the diffuse texture,
100 | one for the normal texture, and finally a composite pass that applies lighting. So lets create a renderer that extends
101 | the built in WebGLRenderer, and has a flag for which pass we are on:
102 | 
103 | ```js
104 | function WebGLDeferredRenderer(width, height, options)
105 | {
106 |     options = options || {};
107 | 
108 |     // state for if we are in the normal texture pass
109 |     this.renderingNormals = false;
110 | 
111 |     // call the base constructor
112 |     PIXI.WebGLRenderer.call(this, width, height, options);
113 | }
114 | 
115 | WebGLDeferredRenderer.prototype = Object.create(PIXI.WebGLRenderer.prototype);
116 | WebGLDeferredRenderer.prototype.constructor = WebGLDeferredRenderer;
117 | ```
118 | 
119 | Pretty standard.
120 | 
121 | Next up we need to create the framebuffers that the passes will draw to. The final composite phase will draw to the
122 | screen so it doesn't need one. But the diffuse and normal passes do. It just so happens that pixi provides an abstraction
123 | for easily using framebuffers called [`PIXI.RenderTexture`][docs-RenderTexture]. But when do we create these buffers? Well,
124 | the WebGLRenderer has a method for initializing objects when the context is ready. It is called on construction, but also
125 | when the context is restored (if there is a context loss). Lets extend that with our own initialization:
126 | 
127 | ```js
128 | /**
129 |  * Initializes the context and necessary framebuffers.
130 |  */
131 | WebGLDeferredRenderer.prototype._initContext = function ()
132 | {
133 |     // call parent init
134 |     PIXI.WebGLRenderer.prototype._initContext.call(this);
135 | 
136 |     // first create our render targets.
137 |     this.diffuseTexture = new PIXI.RenderTexture(this, this.width, this.height, null, this.resolution);
138 |     this.normalsTexture = new PIXI.RenderTexture(this, this.width, this.height, null, this.resolution);
139 | };
140 | ```
141 | 
142 | Awesome, we are rolling now. Pretty simple so far as well! Next up we need to override the `.render` method to do
143 | our multi-pass rendering instead. Here is where we will render the scene normally to the `diffuseTexture` and the normal
144 | textures to the `normalsTexture`:
145 | 
146 | ```js
147 | /**
148 |  * Renders the scene to the screen.
149 |  */
150 | WebGLDeferredRenderer.prototype.render = function (object)
151 | {
152 |     // no point rendering if our context has been blown up!
153 |     if (this.gl.isContextLost())
154 |     {
155 |         return;
156 |     }
157 | 
158 |     // reset the draw count
159 |     this.drawCount = 0;
160 | 
161 |     // set the last object rendered
162 |     this._lastObjectRendered = object;
163 | 
164 |     /////////////
165 |     //  Rendering
166 | 
167 |     // render diffuse pass
168 |     this.renderingNormals = false;
169 |     this.diffuseTexture.render(object);
170 | 
171 |     // render normals pass
172 |     this.renderingNormals = true;
173 |     this.normalsTexture.render(object);
174 | 
175 |     // render lights/composite pass
176 |     this.setRenderTarget(this.renderTarget);
177 |     this.setObjectRenderer(this.plugins.lights);
178 |     this.plugins.lights.flush();
179 | };
180 | ```
181 | 
182 | And that is about all for the deferred renderer. There is still a few things missing before our renderer works
183 | though. First of all, notice anything kind of magic going on? Anyone familiar with pixi is likely wondering
184 | how the hell setting `this.renderingNormals = true;` suddenly makes a sprite draw as a normal texture and not
185 | the regular texture everyone is used to. Honestly, I cheated a bit here.
186 | 
187 | For those unfamiliar with the pixi.js source code, when drawing an object the `_renderWebGL` method gets called.
188 | Here is what it looks like for `PIXI.Sprite`:
189 | 
190 | ```js
191 | Sprite.prototype._renderWebGL = function (renderer)
192 | {
193 |     renderer.setObjectRenderer(renderer.plugins.sprite);
194 |     renderer.plugins.sprite.render(this);
195 | };
196 | ```
197 | 
198 | The magic comes from me patching the `PIXI.Sprite.prototype._renderWebGL` method with a different one:
199 | 
200 | ```js
201 | PIXI.Sprite.prototype._renderWebGL = function (renderer)
202 | {
203 |     if (!this._originalTexture) {
204 |         this._originalTexture = this._texture;
205 |     }
206 | 
207 |     // normals render pass
208 |     if (renderer.renderingNormals)
209 |     {
210 |         // if it has no normal texture it is considered "unlit", so skip it
211 |         if (!this.normalTexture)
212 |         {
213 |             return;
214 |         }
215 |         else
216 |         {
217 |             this._texture = this.normalTexture;
218 |         }
219 |     }
220 |     // diffuse render pass, always just draw the texture
221 |     else
222 |     {
223 |         this._texture = this._originalTexture;
224 |     }
225 | 
226 |     renderer.setObjectRenderer(renderer.plugins.sprite);
227 |     renderer.plugins.sprite.render(this);
228 | };
229 | ```
230 | 
231 | This new method first checks which pass we are on, normal or diffuse. Then it changes the internal `_texture` property
232 | to that texture and only then does it call the normal rendering methods. The result of this is that the normal rendering
233 | path is used for sprites which preserves batching and the like for both passes. The downside of this hack is that it
234 | can introduce some really strange behavior. For example, imagine reading `sprite.texture` after rendering it. You might
235 | be suprised to see it is the normal texture, not the diffuse. Basically, because of this change once you create a sprite
236 | and render it once, the texture cannot be changed like you would expect. There are better ways of doing this instead of
237 | this hack, but for the purposes of a PoC it was fine.
238 | 
239 | At this point we have a renderer that will do the passes properly, and we have a sprite that will draw the right texture
240 | based on which pass we are doing. The only things left are to build the renderer for the lights that outputs the final lit
241 | scene, and the different light objects someone would want to put into their scene.
242 | 
243 | The `LightRenderer` is pretty simple, and not super relevant to this post so I won't go through all the code here. But you
244 | can checkout the source for it on GitHub if you wish:
245 | 
246 | https://github.com/pixijs/pixi-lights/blob/master/src/renderers/LightRenderer.js
247 | 
248 | The Light objects are bit more complex than what we have gone over so far, but I will try to explain the best I can.
249 | If you are familiar with how the Mesh class works, the lights are pretty similar. In the most basic sense a `Light` object
250 | is just a container of some geometry, and a shader that describes how to draw that geometry. For example, the `PointLight`
251 | vertex shader looks something like this:
252 | 
253 | ```glsl
254 | precision lowp float;
255 | 
256 | attribute vec2 aVertexPosition;
257 | 
258 | uniform mat3 translationMatrix;
259 | uniform mat3 projectionMatrix;
260 | 
261 | void main(void) {
262 |     gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);
263 | }
264 | ```
265 | 
266 | Just a basic pixi vertex shader. The fragment shader is a bit more interesting:
267 | 
268 | ```glsl
269 | precision lowp float;
270 | 
271 | uniform sampler2D uSampler;
272 | uniform sampler2D uNormalSampler;
273 | 
274 | uniform mat3 translationMatrix;
275 | 
276 | uniform vec2 uViewSize;     // size of the viewport
277 | 
278 | uniform vec4 uLightColor;   // light color, alpha channel used for intensity.
279 | uniform vec3 uLightFalloff; // light attenuation coefficients (constant, linear, quadratic)
280 | uniform float uLightHeight; // light height above the viewport
281 | 
282 | uniform float uLightRadius;
283 | 
284 | void main()
285 | {
286 |     // first calculate the vertex position
287 |     vec2 texCoord = gl_FragCoord.xy / uViewSize;
288 |     texCoord.y = 1.0 - texCoord.y; // FBOs use opposite Y coord system
289 | 
290 |     // next load the normal texel
291 |     vec4 normalColor = texture2D(uNormalSampler, texCoord);
292 |     normalColor.g = 1.0 - normalColor.g; // FBOs use opposite Y coord system (.g == .y)
293 | 
294 |     // bail out early when normal has no data
295 |     if (normalColor.a == 0.0) discard;
296 | 
297 |     // translate the normalize the position of the light to the viewport
298 |     vec2 lightPosition = translationMatrix[2].xy / uViewSize;
299 | 
300 |     // calculate the directional vector of the light at this texel
301 |     vec3 lightVector = vec3(lightPosition - texCoord, uLightHeight);
302 | 
303 |     // correct for aspect ratio
304 |     lightVector.x *= uViewSize.x / uViewSize.y;
305 | 
306 |     ////////////
307 |     // Lambertian Illumination:
308 | 
309 |     // compute Distance
310 |     float D = length(lightVector);
311 | 
312 |     // bail out early when pixel outside of light sphere
313 |     if (D > uLightRadius) discard;
314 | 
315 |     // normalize vectors
316 |     vec3 N = normalize(normalColor.xyz * 2.0 - 1.0);
317 |     vec3 L = normalize(lightVector);
318 | 
319 |     // pre-multiply light color with intensity
320 |     // then perform "N dot L" to determine our diffuse
321 |     vec3 diffuse = (uLightColor.rgb * uLightColor.a) * max(dot(N, L), 0.0);
322 | 
323 |     // calculate attenuation
324 |     float attenuation = 1.0 / (uLightFalloff.x + (uLightFalloff.y * D) + (uLightFalloff.z * D * D));
325 | 
326 |     // calculate final intesity and color, then combine
327 |     vec3 intensity = diffuse * attenuation;
328 |     vec4 diffuseColor = texture2D(uSampler, texCoord);
329 |     vec3 finalColor = diffuseColor.rgb * intensity;
330 | 
331 |     gl_FragColor = vec4(finalColor, diffuseColor.a);
332 | }
333 | ```
334 | 
335 | I tried to heavily comment the source here so that it should be easier to follow. he basic idea is that it will color
336 | the lit pixels based on their distance from the light source and other factors liek falloff of the light, etc. It also
337 | takes into account the normal data to give a "shadowed" effect. The purpose of a normal texture is to tell the shader
338 | what the contours of an object are so that it can light it properly. The `LightRenderer`s job is to run the shader for
339 | each light in the scene to create the final lit scene.
340 | 
341 | ## The Future
342 | 
343 | For this plugin to be something that makes sense to use in "real projects" it needs to have robust support for
344 | self-illuminating objects, and potentially specular mapping. In order to do those things I will need MRT support.
345 | This likely means rewritting the plugin to only work on browsers with either `GL_EXT_draw_buffers` or WebGL 2
346 | support. When I write v2 of this plugin it will likely have those restrictions, and worked best for packaged apps
347 | and other controlled environments.
348 | 
349 | There are also a lot of things this renderer doesn't support:
350 | 
351 | - anything other than PIXI.Sprite
352 | - unlit objects
353 | - emissive objects
354 | - z-position of objects
355 | - casting shadows
356 | 
357 | There's more, this was just an experiment on how it could be done and learning experience for me. I hope if you read
358 | this far that you also learned something!
359 | 
360 | [code]: https://github.com/pixijs/pixi-lights
361 | [wglstats]: http://webglstats.com/
362 | [docs-RenderTexture]: http://pixijs.github.io/docs/PIXI.RenderTexture.html
363 | 
364 | <!-- Control code for the top post canvas -->
365 | 
366 | <script src="//cdn.rawgit.com/pixijs/pixi.js/962f5bdff1ed2d96cfeaef22897ed83b7cce79bd/bin/pixi.min.js"></script>
367 | <script src="//cdn.rawgit.com/pixijs/pixi-lights/b7fd7924fdf4e6a6b913ff29161402e7b36f0c0f/bin/pixi-lights.js"></script>
368 | 
369 | <pre>
370 | <script>
371 |     (function () {
372 |         var view = document.getElementById('post-canvas');
373 |         var renderer = new PIXI.lights.WebGLDeferredRenderer(view.width, view.height, { view: view });
374 |         var stage = new PIXI.Container();
375 |         var light = new PIXI.lights.PointLight(0xffffff, 1);
376 | 
377 |         PIXI.loader.baseUrl = 'https://cdn.rawgit.com/pixijs/pixi-lights/b7fd7924fdf4e6a6b913ff29161402e7b36f0c0f/';
378 | 
379 |         PIXI.loader
380 |             .add('bg_diffuse', 'test/BGTextureTest.jpg')
381 |             .add('bg_normal', 'test/BGTextureNORM.jpg')
382 |             .add('block_diffuse', 'test/block.png')
383 |             .add('block_normal', 'test/blockNormalMap.png')
384 |             .load(onAssetsLoaded);
385 | 
386 |         function onAssetsLoaded(loader, res) {
387 |             var bg = new PIXI.Sprite(res.bg_diffuse.texture);
388 |             var block = new PIXI.Sprite(res.block_diffuse.texture);
389 |             var block1 = new PIXI.Sprite(res.block_diffuse.texture);
390 |             var block2 = new PIXI.Sprite(res.block_diffuse.texture);
391 | 
392 |             bg.normalTexture = res.bg_normal.texture;
393 |             block.normalTexture = res.block_normal.texture;
394 |             block1.normalTexture = res.block_normal.texture;
395 |             block2.normalTexture = res.block_normal.texture;
396 | 
397 |             block.position.set(100, 100);
398 |             block1.position.set(500, 100);
399 |             block2.position.set(300, 400);
400 | 
401 |             light.position.set(525, 160);
402 |             stage.addChild(bg);
403 |             stage.addChild(block);
404 |             stage.addChild(block1);
405 |             stage.addChild(block2);
406 | 
407 |             stage.addChild(new PIXI.lights.AmbientLight(null, 0.4));
408 |             stage.addChild(new PIXI.lights.DirectionalLight(null, 1, block1));
409 |             stage.addChild(light);
410 | 
411 |             renderer.view.addEventListener('mousemove', function (e) {
412 |                 var rect = e.target.getBoundingClientRect();
413 |                 light.position.x = e.clientX - rect.left;
414 |                 light.position.y = e.clientY - rect.top;
415 |             });
416 | 
417 |             renderer.view.addEventListener('click', function (e) {
418 |                 var rect = e.target.getBoundingClientRect();
419 |                 var clickLight = new PIXI.lights.PointLight(0xffffff);
420 |                 clickLight.position.x = e.clientX - rect.left;
421 |                 clickLight.position.y = e.clientY - rect.top;
422 |                 stage.addChild(clickLight);
423 |             });
424 | 
425 |             animate();
426 |         }
427 | 
428 |         function animate() {
429 |             requestAnimationFrame(animate);
430 |             renderer.render(stage);
431 |         }
432 | 
433 |         function resize() {
434 |             renderer.resize(view.width, view.height);
435 |         }
436 | 
437 |         window.addEventListener('resize', resize);
438 |     })();
439 | </script>
440 | </pre>
441 | 


--------------------------------------------------------------------------------
/js/jquery-1.11.0.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v1.11.0 | (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="".trim,l={},m="1.11.0",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!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(n.isPlainObject(c)||(b=n.isArray(c)))?(b?(b=!1,f=a&&n.isArray(a)?a:[]):f=a&&n.isPlainObject(a)?a:{},g[d]=n.extend(j,f,c)):void 0!==c&&(g[d]=c));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||function(a){return"array"===n.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(l.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&n.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},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:k&&!k.call("\ufeff\xa0")?function(a){return null==a?"":k.call(a)}: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){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[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&&(f=a[b],b=a,a=f),n.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||n.guid++,e):void 0},now:function(){return+new Date},support:l}),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="sizzle"+-new Date,t=a.document,u=0,v=0,w=eb(),x=eb(),y=eb(),z=function(a,b){return a===b&&(j=!0),0},A="undefined",B=1<<31,C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=D.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},J="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",K="[\\x20\\t\\r\\n\\f]",L="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",M=L.replace("w","w#"),N="\\["+K+"*("+L+")"+K+"*(?:([*^$|!~]?=)"+K+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+M+")|)|)"+K+"*\\]",O=":("+L+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+N.replace(3,8)+")*)|.*)\\)|)",P=new RegExp("^"+K+"+|((?:^|[^\\\\])(?:\\\\.)*)"+K+"+$","g"),Q=new RegExp("^"+K+"*,"+K+"*"),R=new RegExp("^"+K+"*([>+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(O),U=new RegExp("^"+M+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L.replace("w","w*")+")"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=/'|\\/g,ab=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),bb=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)};try{G.apply(D=H.call(t.childNodes),t.childNodes),D[t.childNodes.length].nodeType}catch(cb){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function db(a,b,d,e){var f,g,h,i,j,m,p,q,u,v;if((b?b.ownerDocument||b:t)!==l&&k(b),b=b||l,d=d||[],!a||"string"!=typeof a)return d;if(1!==(i=b.nodeType)&&9!==i)return[];if(n&&!e){if(f=Z.exec(a))if(h=f[1]){if(9===i){if(g=b.getElementById(h),!g||!g.parentNode)return d;if(g.id===h)return d.push(g),d}else if(b.ownerDocument&&(g=b.ownerDocument.getElementById(h))&&r(b,g)&&g.id===h)return d.push(g),d}else{if(f[2])return G.apply(d,b.getElementsByTagName(a)),d;if((h=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(h)),d}if(c.qsa&&(!o||!o.test(a))){if(q=p=s,u=b,v=9===i&&a,1===i&&"object"!==b.nodeName.toLowerCase()){m=ob(a),(p=b.getAttribute("id"))?q=p.replace(_,"\\$&"):b.setAttribute("id",q),q="[id='"+q+"'] ",j=m.length;while(j--)m[j]=q+pb(m[j]);u=$.test(a)&&mb(b.parentNode)||b,v=m.join(",")}if(v)try{return G.apply(d,u.querySelectorAll(v)),d}catch(w){}finally{p||b.removeAttribute("id")}}}return xb(a.replace(P,"$1"),b,d,e)}function eb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function fb(a){return a[s]=!0,a}function gb(a){var b=l.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function hb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function ib(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||B)-(~a.sourceIndex||B);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function jb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function kb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function lb(a){return fb(function(b){return b=+b,fb(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 mb(a){return a&&typeof a.getElementsByTagName!==A&&a}c=db.support={},f=db.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},k=db.setDocument=function(a){var b,e=a?a.ownerDocument||a:t,g=e.defaultView;return e!==l&&9===e.nodeType&&e.documentElement?(l=e,m=e.documentElement,n=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){k()},!1):g.attachEvent&&g.attachEvent("onunload",function(){k()})),c.attributes=gb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=gb(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(e.getElementsByClassName)&&gb(function(a){return a.innerHTML="<div class='a'></div><div class='a i'></div>",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=gb(function(a){return m.appendChild(a).id=s,!e.getElementsByName||!e.getElementsByName(s).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==A&&n){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){var c=typeof a.getAttributeNode!==A&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==A?b.getElementsByTagName(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 typeof b.getElementsByClassName!==A&&n?b.getElementsByClassName(a):void 0},p=[],o=[],(c.qsa=Y.test(e.querySelectorAll))&&(gb(function(a){a.innerHTML="<select t=''><option selected=''></option></select>",a.querySelectorAll("[t^='']").length&&o.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||o.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll(":checked").length||o.push(":checked")}),gb(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&o.push("name"+K+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||o.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),o.push(",.*:")})),(c.matchesSelector=Y.test(q=m.webkitMatchesSelector||m.mozMatchesSelector||m.oMatchesSelector||m.msMatchesSelector))&&gb(function(a){c.disconnectedMatch=q.call(a,"div"),q.call(a,"[s!='']:x"),p.push("!=",O)}),o=o.length&&new RegExp(o.join("|")),p=p.length&&new RegExp(p.join("|")),b=Y.test(m.compareDocumentPosition),r=b||Y.test(m.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},z=b?function(a,b){if(a===b)return j=!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===e||a.ownerDocument===t&&r(t,a)?-1:b===e||b.ownerDocument===t&&r(t,b)?1:i?I.call(i,a)-I.call(i,b):0:4&d?-1:1)}:function(a,b){if(a===b)return j=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],k=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:i?I.call(i,a)-I.call(i,b):0;if(f===g)return ib(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)k.unshift(c);while(h[d]===k[d])d++;return d?ib(h[d],k[d]):h[d]===t?-1:k[d]===t?1:0},e):l},db.matches=function(a,b){return db(a,null,null,b)},db.matchesSelector=function(a,b){if((a.ownerDocument||a)!==l&&k(a),b=b.replace(S,"='$1']"),!(!c.matchesSelector||!n||p&&p.test(b)||o&&o.test(b)))try{var d=q.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return db(b,l,null,[a]).length>0},db.contains=function(a,b){return(a.ownerDocument||a)!==l&&k(a),r(a,b)},db.attr=function(a,b){(a.ownerDocument||a)!==l&&k(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!n):void 0;return void 0!==f?f:c.attributes||!n?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},db.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},db.uniqueSort=function(a){var b,d=[],e=0,f=0;if(j=!c.detectDuplicates,i=!c.sortStable&&a.slice(0),a.sort(z),j){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return i=null,a},e=db.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=db.selectors={cacheLength:50,createPseudo:fb,match:V,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(ab,bb),a[3]=(a[4]||a[5]||"").replace(ab,bb),"~="===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]||db.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]&&db.error(a[0]),a},PSEUDO:function(a){var b,c=!a[5]&&a[2];return V.CHILD.test(a[0])?null:(a[3]&&void 0!==a[4]?a[2]=a[4]:c&&T.test(c)&&(b=ob(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(ab,bb).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=w[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&w(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==A&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=db.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+" ").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(),t=!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&&t){k=q[s]||(q[s]={}),j=k[a]||[],n=j[0]===u&&j[1],m=j[0]===u&&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]=[u,n,m];break}}else if(t&&(j=(b[s]||(b[s]={}))[a])&&j[0]===u)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&&(t&&((l[s]||(l[s]={}))[a]=[u,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()]||db.error("unsupported pseudo: "+a);return e[s]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?fb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:fb(function(a){var b=[],c=[],d=g(a.replace(P,"$1"));return d[s]?fb(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),!c.pop()}}),has:fb(function(a){return function(b){return db(a,b).length>0}}),contains:fb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:fb(function(a){return U.test(a||"")||db.error("unsupported lang: "+a),a=a.replace(ab,bb).toLowerCase(),function(b){var c;do if(c=n?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===m},focus:function(a){return a===l.activeElement&&(!l.hasFocus||l.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 X.test(a.nodeName)},input:function(a){return W.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:lb(function(){return[0]}),last:lb(function(a,b){return[b-1]}),eq:lb(function(a,b,c){return[0>c?c+b:c]}),even:lb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:lb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:lb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:lb(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]=jb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=kb(b);function nb(){}nb.prototype=d.filters=d.pseudos,d.setFilters=new nb;function ob(a,b){var c,e,f,g,h,i,j,k=x[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=Q.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=R.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(P," ")}),h=h.slice(c.length));for(g in d.filter)!(e=V[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?db.error(a):x(a,i).slice(0)}function pb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function qb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=v++;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=[u,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[s]||(b[s]={}),(h=i[d])&&h[0]===u&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function rb(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 sb(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 tb(a,b,c,d,e,f){return d&&!d[s]&&(d=tb(d)),e&&!e[s]&&(e=tb(e,f)),fb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||wb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:sb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=sb(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?I.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=sb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ub(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],i=g||d.relative[" "],j=g?1:0,k=qb(function(a){return a===b},i,!0),l=qb(function(a){return I.call(b,a)>-1},i,!0),m=[function(a,c,d){return!g&&(d||c!==h)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>j;j++)if(c=d.relative[a[j].type])m=[qb(rb(m),c)];else{if(c=d.filter[a[j].type].apply(null,a[j].matches),c[s]){for(e=++j;f>e;e++)if(d.relative[a[e].type])break;return tb(j>1&&rb(m),j>1&&pb(a.slice(0,j-1).concat({value:" "===a[j-2].type?"*":""})).replace(P,"$1"),c,e>j&&ub(a.slice(j,e)),f>e&&ub(a=a.slice(e)),f>e&&pb(a))}m.push(c)}return rb(m)}function vb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,i,j,k){var m,n,o,p=0,q="0",r=f&&[],s=[],t=h,v=f||e&&d.find.TAG("*",k),w=u+=null==t?1:Math.random()||.1,x=v.length;for(k&&(h=g!==l&&g);q!==x&&null!=(m=v[q]);q++){if(e&&m){n=0;while(o=a[n++])if(o(m,g,i)){j.push(m);break}k&&(u=w)}c&&((m=!o&&m)&&p--,f&&r.push(m))}if(p+=q,c&&q!==p){n=0;while(o=b[n++])o(r,s,g,i);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=E.call(j));s=sb(s)}G.apply(j,s),k&&!f&&s.length>0&&p+b.length>1&&db.uniqueSort(j)}return k&&(u=w,h=t),r};return c?fb(f):f}g=db.compile=function(a,b){var c,d=[],e=[],f=y[a+" "];if(!f){b||(b=ob(a)),c=b.length;while(c--)f=ub(b[c]),f[s]?d.push(f):e.push(f);f=y(a,vb(e,d))}return f};function wb(a,b,c){for(var d=0,e=b.length;e>d;d++)db(a,b[d],c);return c}function xb(a,b,e,f){var h,i,j,k,l,m=ob(a);if(!f&&1===m.length){if(i=m[0]=m[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&c.getById&&9===b.nodeType&&n&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(ab,bb),b)||[])[0],!b)return e;a=a.slice(i.shift().value.length)}h=V.needsContext.test(a)?0:i.length;while(h--){if(j=i[h],d.relative[k=j.type])break;if((l=d.find[k])&&(f=l(j.matches[0].replace(ab,bb),$.test(i[0].type)&&mb(b.parentNode)||b))){if(i.splice(h,1),a=f.length&&pb(i),!a)return G.apply(e,f),e;break}}}return g(a,m)(f,b,!n,e,$.test(a)&&mb(b.parentNode)||b),e}return c.sortStable=s.split("").sort(z).join("")===s,c.detectDuplicates=!!j,k(),c.sortDetached=gb(function(a){return 1&a.compareDocumentPosition(l.createElement("div"))}),gb(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||hb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&gb(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||hb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),gb(function(a){return null==a.getAttribute("disabled")})||hb(J,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),db}(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 n.inArray(a,b)>=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=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;e>b;b++)if(n.contains(d[b],this))return!0}));for(b=0;e>b;b++)n.find(a,d[b],c);return c=this.pushStack(e>1?n.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},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=a.document,A=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,B=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:A.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:z,!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}if(d=z.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return y.find(a);this.length=1,this[0]=d}return this.context=z,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))};B.prototype=n.fn,y=n(z);var C=/^(?:parents|prev(?:Until|All))/,D={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!n(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];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,c=n(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(n.contains(this,c[b]))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?n.inArray(this[0],n(a)):n.inArray(a.jquery?a[0]:a,this):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 E(a,b){do a=a[b];while(a&&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 E(a,"nextSibling")},prev:function(a){return E(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 n.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document: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&&(D[a]||(e=n.unique(e)),C.test(a)&&(e=e.reverse())),this.pushStack(e)}});var F=/\S+/g,G={};function H(a){var b=G[a]={};return n.each(a.match(F)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?G[a]||H(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(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&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&n.each(arguments,function(a,c){var d;while((d=n.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};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 I;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){if(a===!0?!--n.readyWait:!n.isReady){if(!z.body)return setTimeout(n.ready);n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(z,[n]),n.fn.trigger&&n(z).trigger("ready").off("ready"))}}});function J(){z.addEventListener?(z.removeEventListener("DOMContentLoaded",K,!1),a.removeEventListener("load",K,!1)):(z.detachEvent("onreadystatechange",K),a.detachEvent("onload",K))}function K(){(z.addEventListener||"load"===event.type||"complete"===z.readyState)&&(J(),n.ready())}n.ready.promise=function(b){if(!I)if(I=n.Deferred(),"complete"===z.readyState)setTimeout(n.ready);else if(z.addEventListener)z.addEventListener("DOMContentLoaded",K,!1),a.addEventListener("load",K,!1);else{z.attachEvent("onreadystatechange",K),a.attachEvent("onload",K);var c=!1;try{c=null==a.frameElement&&z.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!n.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}J(),n.ready()}}()}return I.promise(b)};var L="undefined",M;for(M in n(l))break;l.ownLast="0"!==M,l.inlineBlockNeedsLayout=!1,n(function(){var a,b,c=z.getElementsByTagName("body")[0];c&&(a=z.createElement("div"),a.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",b=z.createElement("div"),c.appendChild(a).appendChild(b),typeof b.style.zoom!==L&&(b.style.cssText="border:0;margin:0;width:1px;padding:1px;display:inline;zoom:1",(l.inlineBlockNeedsLayout=3===b.offsetWidth)&&(c.style.zoom=1)),c.removeChild(a),a=b=null)}),function(){var a=z.createElement("div");if(null==l.deleteExpando){l.deleteExpando=!0;try{delete a.test}catch(b){l.deleteExpando=!1}}a=null}(),n.acceptData=function(a){var b=n.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(O,"-$1").toLowerCase();if(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){}n.data(a,b,c)}else c=void 0}return c}function Q(a){var b;for(b in a)if(("data"!==b||!n.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function R(a,b,d,e){if(n.acceptData(a)){var f,g,h=n.expando,i=a.nodeType,j=i?n.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||n.guid++:h),j[k]||(j[k]=i?{}:{toJSON:n.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=n.extend(j[k],b):j[k].data=n.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[n.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[n.camelCase(b)])):f=g,f
3 | }}function S(a,b,c){if(n.acceptData(a)){var d,e,f=a.nodeType,g=f?n.cache:a,h=f?a[n.expando]:n.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){n.isArray(b)?b=b.concat(n.map(b,n.camelCase)):b in d?b=[b]:(b=n.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!Q(d):!n.isEmptyObject(d))return}(c||(delete g[h].data,Q(g[h])))&&(f?n.cleanData([a],!0):l.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}n.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?n.cache[a[n.expando]]:a[n.expando],!!a&&!Q(a)},data:function(a,b,c){return R(a,b,c)},removeData:function(a,b){return S(a,b)},_data:function(a,b,c){return R(a,b,c,!0)},_removeData:function(a,b){return S(a,b,!0)}}),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=n.data(f),1===f.nodeType&&!n._data(f,"parsedAttrs"))){c=g.length;while(c--)d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d]));n._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){n.data(this,a)}):arguments.length>1?this.each(function(){n.data(this,a,b)}):f?P(f,a,n.data(f,a)):void 0},removeData:function(a){return this.each(function(){n.removeData(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=n._data(a,b),c&&(!d||n.isArray(c)?d=n._data(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 n._data(a,c)||n._data(a,c,{empty:n.Callbacks("once memory").add(function(){n._removeData(a,b+"queue"),n._removeData(a,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=n._data(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var T=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,U=["Top","Right","Bottom","Left"],V=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},W=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},X=/^(?:checkbox|radio)$/i;!function(){var a=z.createDocumentFragment(),b=z.createElement("div"),c=z.createElement("input");if(b.setAttribute("className","t"),b.innerHTML="  <link/><table></table><a href='/a'>a</a>",l.leadingWhitespace=3===b.firstChild.nodeType,l.tbody=!b.getElementsByTagName("tbody").length,l.htmlSerialize=!!b.getElementsByTagName("link").length,l.html5Clone="<:nav></:nav>"!==z.createElement("nav").cloneNode(!0).outerHTML,c.type="checkbox",c.checked=!0,a.appendChild(c),l.appendChecked=c.checked,b.innerHTML="<textarea>x</textarea>",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,a.appendChild(b),b.innerHTML="<input type='radio' checked='checked' name='t'/>",l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,l.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){l.noCloneEvent=!1}),b.cloneNode(!0).click()),null==l.deleteExpando){l.deleteExpando=!0;try{delete b.test}catch(d){l.deleteExpando=!1}}a=b=c=null}(),function(){var b,c,d=z.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(l[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),l[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var Y=/^(?:input|select|textarea)$/i,Z=/^key/,$=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,ab=/^([^.]*)(?:\.(.+)|)$/;function bb(){return!0}function cb(){return!1}function db(){try{return z.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=n._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=n.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof n===L||a&&n.event.triggered===a.type?void 0:n.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(F)||[""],h=b.length;while(h--)f=ab.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=n.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=n.event.special[o]||{},l=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(".")},i),(m=g[o])||(m=g[o]=[],m.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,l):m.push(l),n.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n.hasData(a)&&n._data(a);if(r&&(k=r.events)){b=(b||"").match(F)||[""],j=b.length;while(j--)if(h=ab.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=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=m.length;while(f--)g=m[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(m.splice(f,1),g.selector&&m.delegateCount--,l.remove&&l.remove.call(a,g));i&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(k)&&(delete r.handle,n._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,m,o=[d||z],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||z,3!==d.nodeType&&8!==d.nodeType&&!_.test(p+n.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[n.expando]?b:new n.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),k=n.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!n.isWindow(d)){for(i=k.delegateType||p,_.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||z)&&o.push(l.defaultView||l.parentWindow||a)}m=0;while((h=o[m++])&&!b.isPropagationStopped())b.type=m>1?i:k.bindType||p,f=(n._data(h,"events")||{})[b.type]&&n._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&n.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&n.acceptData(d)&&g&&d[p]&&!n.isWindow(d)){l=d[g],l&&(d[g]=null),n.event.triggered=p;try{d[p]()}catch(r){}n.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(n._data(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,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((n.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!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(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?n(c,this).index(i)>=0:n.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},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=$.test(e)?this.mouseHooks:Z.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=f.srcElement||z),3===a.target.nodeType&&(a.target=a.target.parentNode),a.metaKey=!!a.metaKey,g.filter?g.filter(a,f):a},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 fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button,g=b.fromElement;return null==a.pageX&&null!=b.clientX&&(d=a.target.ownerDocument||z,e=d.documentElement,c=d.body,a.pageX=b.clientX+(e&&e.scrollLeft||c&&c.scrollLeft||0)-(e&&e.clientLeft||c&&c.clientLeft||0),a.pageY=b.clientY+(e&&e.scrollTop||c&&c.scrollTop||0)-(e&&e.clientTop||c&&c.clientTop||0)),!a.relatedTarget&&g&&(a.relatedTarget=g===a.target?b.toElement:g),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},special:{load:{noBubble:!0},focus:{trigger:function(){if(this!==db()&&this.focus)try{return this.focus(),!1}catch(a){}},delegateType:"focusin"},blur:{trigger:function(){return this===db()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return n.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&(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=z.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){var d="on"+b;a.detachEvent&&(typeof a[d]===L&&(a[d]=null),a.detachEvent(d,c))},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||a.getPreventDefault&&a.getPreventDefault())?bb:cb):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:cb,isPropagationStopped:cb,isImmediatePropagationStopped:cb,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=bb,a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=bb,a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=bb,this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout"},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}}}),l.submitBubbles||(n.event.special.submit={setup:function(){return n.nodeName(this,"form")?!1:void n.event.add(this,"click._submit keypress._submit",function(a){var b=a.target,c=n.nodeName(b,"input")||n.nodeName(b,"button")?b.form:void 0;c&&!n._data(c,"submitBubbles")&&(n.event.add(c,"submit._submit",function(a){a._submit_bubble=!0}),n._data(c,"submitBubbles",!0))})},postDispatch:function(a){a._submit_bubble&&(delete a._submit_bubble,this.parentNode&&!a.isTrigger&&n.event.simulate("submit",this.parentNode,a,!0))},teardown:function(){return n.nodeName(this,"form")?!1:void n.event.remove(this,"._submit")}}),l.changeBubbles||(n.event.special.change={setup:function(){return Y.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(n.event.add(this,"propertychange._change",function(a){"checked"===a.originalEvent.propertyName&&(this._just_changed=!0)}),n.event.add(this,"click._change",function(a){this._just_changed&&!a.isTrigger&&(this._just_changed=!1),n.event.simulate("change",this,a,!0)})),!1):void n.event.add(this,"beforeactivate._change",function(a){var b=a.target;Y.test(b.nodeName)&&!n._data(b,"changeBubbles")&&(n.event.add(b,"change._change",function(a){!this.parentNode||a.isSimulated||a.isTrigger||n.event.simulate("change",this.parentNode,a,!0)}),n._data(b,"changeBubbles",!0))})},handle:function(a){var b=a.target;return this!==b||a.isSimulated||a.isTrigger||"radio"!==b.type&&"checkbox"!==b.type?a.handleObj.handler.apply(this,arguments):void 0},teardown:function(){return n.event.remove(this,"._change"),!Y.test(this.nodeName)}}),l.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=n._data(d,b);e||d.addEventListener(a,c,!0),n._data(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=n._data(d,b)-1;e?n._data(d,b,e):(d.removeEventListener(a,c,!0),n._removeData(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(f in a)this.on(f,b,c,a[f],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=cb;else if(!d)return this;return 1===e&&(g=d,d=function(a){return n().off(a),g.apply(this,arguments)},d.guid=g.guid||(g.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=cb),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}});function eb(a){var b=fb.split("|"),c=a.createDocumentFragment();if(c.createElement)while(b.length)c.createElement(b.pop());return c}var fb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gb=/ jQuery\d+="(?:null|\d+)"/g,hb=new RegExp("<(?:"+fb+")[\\s/>]","i"),ib=/^\s+/,jb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,kb=/<([\w:]+)/,lb=/<tbody/i,mb=/<|&#?\w+;/,nb=/<(?:script|style|link)/i,ob=/checked\s*(?:[^=]|=\s*.checked.)/i,pb=/^$|\/(?:java|ecma)script/i,qb=/^true\/(.*)/,rb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,sb={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:l.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},tb=eb(z),ub=tb.appendChild(z.createElement("div"));sb.optgroup=sb.option,sb.tbody=sb.tfoot=sb.colgroup=sb.caption=sb.thead,sb.th=sb.td;function vb(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==L?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==L?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,vb(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function wb(a){X.test(a.type)&&(a.defaultChecked=a.checked)}function xb(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 yb(a){return a.type=(null!==n.find.attr(a,"type"))+"/"+a.type,a}function zb(a){var b=qb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ab(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,"globalEval",!b||n._data(b[d],"globalEval"))}function Bb(a,b){if(1===b.nodeType&&n.hasData(a)){var c,d,e,f=n._data(a),g=n._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)n.event.add(b,c,h[c][d])}g.data&&(g.data=n.extend({},g.data))}}function Cb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!l.noCloneEvent&&b[n.expando]){e=n._data(b);for(d in e.events)n.removeEvent(b,d,e.handle);b.removeAttribute(n.expando)}"script"===c&&b.text!==a.text?(yb(b).text=a.text,zb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),l.html5Clone&&a.innerHTML&&!n.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&X.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}n.extend({clone:function(a,b,c){var d,e,f,g,h,i=n.contains(a.ownerDocument,a);if(l.html5Clone||n.isXMLDoc(a)||!hb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ub.innerHTML=a.outerHTML,ub.removeChild(f=ub.firstChild)),!(l.noCloneEvent&&l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(d=vb(f),h=vb(a),g=0;null!=(e=h[g]);++g)d[g]&&Cb(e,d[g]);if(b)if(c)for(h=h||vb(a),d=d||vb(f),g=0;null!=(e=h[g]);g++)Bb(e,d[g]);else Bb(a,f);return d=vb(f,"script"),d.length>0&&Ab(d,!i&&vb(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k,m=a.length,o=eb(b),p=[],q=0;m>q;q++)if(f=a[q],f||0===f)if("object"===n.type(f))n.merge(p,f.nodeType?[f]:f);else if(mb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(kb.exec(f)||["",""])[1].toLowerCase(),k=sb[i]||sb._default,h.innerHTML=k[1]+f.replace(jb,"<$1></$2>")+k[2],e=k[0];while(e--)h=h.lastChild;if(!l.leadingWhitespace&&ib.test(f)&&p.push(b.createTextNode(ib.exec(f)[0])),!l.tbody){f="table"!==i||lb.test(f)?"<table>"!==k[1]||lb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)n.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}n.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),l.appendChecked||n.grep(vb(p,"input"),wb),q=0;while(f=p[q++])if((!d||-1===n.inArray(f,d))&&(g=n.contains(f.ownerDocument,f),h=vb(o.appendChild(f),"script"),g&&Ab(h),c)){e=0;while(f=h[e++])pb.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=n.expando,j=n.cache,k=l.deleteExpando,m=n.event.special;null!=(d=a[h]);h++)if((b||n.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)m[e]?n.event.remove(d,e):n.removeEvent(d,e,g.handle);j[f]&&(delete j[f],k?delete d[i]:typeof d.removeAttribute!==L?d.removeAttribute(i):d[i]=null,c.push(f))}}}),n.fn.extend({text:function(a){return W(this,function(a){return void 0===a?n.text(this):this.empty().append((this[0]&&this[0].ownerDocument||z).createTextNode(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=xb(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=xb(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(vb(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&Ab(vb(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(vb(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&n.nodeName(a,"select")&&(a.options.length=0)}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 W(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(gb,""):void 0;if(!("string"!=typeof a||nb.test(a)||!l.htmlSerialize&&hb.test(a)||!l.leadingWhitespace&&ib.test(a)||sb[(kb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(jb,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(vb(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(vb(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,k=this.length,m=this,o=k-1,p=a[0],q=n.isFunction(p);if(q||k>1&&"string"==typeof p&&!l.checkClone&&ob.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(k&&(i=n.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=n.map(vb(i,"script"),yb),f=g.length;k>j;j++)d=i,j!==o&&(d=n.clone(d,!0,!0),f&&n.merge(g,vb(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,n.map(g,zb),j=0;f>j;j++)d=g[j],pb.test(d.type||"")&&!n._data(d,"globalEval")&&n.contains(h,d)&&(d.src?n._evalUrl&&n._evalUrl(d.src):n.globalEval((d.text||d.textContent||d.innerHTML||"").replace(rb,"")));i=c=null}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=0,e=[],g=n(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),n(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Db,Eb={};function Fb(b,c){var d=n(c.createElement(b)).appendTo(c.body),e=a.getDefaultComputedStyle?a.getDefaultComputedStyle(d[0]).display:n.css(d[0],"display");return d.detach(),e}function Gb(a){var b=z,c=Eb[a];return c||(c=Fb(a,b),"none"!==c&&c||(Db=(Db||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=(Db[0].contentWindow||Db[0].contentDocument).document,b.write(),b.close(),c=Fb(a,b),Db.detach()),Eb[a]=c),c}!function(){var a,b,c=z.createElement("div"),d="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;padding:0;margin:0;border:0";c.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=c.getElementsByTagName("a")[0],a.style.cssText="float:left;opacity:.5",l.opacity=/^0.5/.test(a.style.opacity),l.cssFloat=!!a.style.cssFloat,c.style.backgroundClip="content-box",c.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===c.style.backgroundClip,a=c=null,l.shrinkWrapBlocks=function(){var a,c,e,f;if(null==b){if(a=z.getElementsByTagName("body")[0],!a)return;f="border:0;width:0;height:0;position:absolute;top:0;left:-9999px",c=z.createElement("div"),e=z.createElement("div"),a.appendChild(c).appendChild(e),b=!1,typeof e.style.zoom!==L&&(e.style.cssText=d+";width:1px;padding:1px;zoom:1",e.innerHTML="<div></div>",e.firstChild.style.width="5px",b=3!==e.offsetWidth),a.removeChild(c),a=c=e=null}return b}}();var Hb=/^margin/,Ib=new RegExp("^("+T+")(?!px)[a-z%]+$","i"),Jb,Kb,Lb=/^(top|right|bottom|left)$/;a.getComputedStyle?(Jb=function(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)},Kb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Jb(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),Ib.test(g)&&Hb.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+""}):z.documentElement.currentStyle&&(Jb=function(a){return a.currentStyle},Kb=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Jb(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ib.test(g)&&!Lb.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function Mb(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h=z.createElement("div"),i="border:0;width:0;height:0;position:absolute;top:0;left:-9999px",j="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;padding:0;margin:0;border:0";h.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",b=h.getElementsByTagName("a")[0],b.style.cssText="float:left;opacity:.5",l.opacity=/^0.5/.test(b.style.opacity),l.cssFloat=!!b.style.cssFloat,h.style.backgroundClip="content-box",h.cloneNode(!0).style.backgroundClip="",l.clearCloneStyle="content-box"===h.style.backgroundClip,b=h=null,n.extend(l,{reliableHiddenOffsets:function(){if(null!=c)return c;var a,b,d,e=z.createElement("div"),f=z.getElementsByTagName("body")[0];if(f)return e.setAttribute("className","t"),e.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=z.createElement("div"),a.style.cssText=i,f.appendChild(a).appendChild(e),e.innerHTML="<table><tr><td></td><td>t</td></tr></table>",b=e.getElementsByTagName("td"),b[0].style.cssText="padding:0;margin:0;border:0;display:none",d=0===b[0].offsetHeight,b[0].style.display="",b[1].style.display="none",c=d&&0===b[0].offsetHeight,f.removeChild(a),e=f=null,c},boxSizing:function(){return null==d&&k(),d},boxSizingReliable:function(){return null==e&&k(),e},pixelPosition:function(){return null==f&&k(),f},reliableMarginRight:function(){var b,c,d,e;if(null==g&&a.getComputedStyle){if(b=z.getElementsByTagName("body")[0],!b)return;c=z.createElement("div"),d=z.createElement("div"),c.style.cssText=i,b.appendChild(c).appendChild(d),e=d.appendChild(z.createElement("div")),e.style.cssText=d.style.cssText=j,e.style.marginRight=e.style.width="0",d.style.width="1px",g=!parseFloat((a.getComputedStyle(e,null)||{}).marginRight),b.removeChild(c)}return g}});function k(){var b,c,h=z.getElementsByTagName("body")[0];h&&(b=z.createElement("div"),c=z.createElement("div"),b.style.cssText=i,h.appendChild(b).appendChild(c),c.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;display:block;padding:1px;border:1px;width:4px;margin-top:1%;top:1%",n.swap(h,null!=h.style.zoom?{zoom:1}:{},function(){d=4===c.offsetWidth}),e=!0,f=!1,g=!0,a.getComputedStyle&&(f="1%"!==(a.getComputedStyle(c,null)||{}).top,e="4px"===(a.getComputedStyle(c,null)||{width:"4px"}).width),h.removeChild(b),c=h=null)}}(),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 Nb=/alpha\([^)]*\)/i,Ob=/opacity\s*=\s*([^)]*)/,Pb=/^(none|table(?!-c[ea]).+)/,Qb=new RegExp("^("+T+")(.*)$","i"),Rb=new RegExp("^([+-])=("+T+")","i"),Sb={position:"absolute",visibility:"hidden",display:"block"},Tb={letterSpacing:0,fontWeight:400},Ub=["Webkit","O","Moz","ms"];function Vb(a,b){if(b in a)return b;var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=Ub.length;while(e--)if(b=Ub[e]+c,b in a)return b;return d}function Wb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=n._data(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&V(d)&&(f[g]=n._data(d,"olddisplay",Gb(d.nodeName)))):f[g]||(e=V(d),(c&&"none"!==c||!e)&&n._data(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}function Xb(a,b,c){var d=Qb.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Yb(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+U[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+U[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+U[f]+"Width",!0,e))):(g+=n.css(a,"padding"+U[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+U[f]+"Width",!0,e)));return g}function Zb(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=Jb(a),g=l.boxSizing()&&"border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=Kb(a,b,f),(0>e||null==e)&&(e=a.style[b]),Ib.test(e))return e;d=g&&(l.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Yb(a,b,c||(g?"border":"content"),d,f)+"px"}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=Kb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":l.cssFloat?"cssFloat":"styleFloat"},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;if(b=n.cssProps[h]||(n.cssProps[h]=Vb(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c)return g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b];if(f=typeof c,"string"===f&&(e=Rb.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"),l.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),!(g&&"set"in g&&void 0===(c=g.set(a,c,d)))))try{i[b]="",i[b]=c}catch(j){}}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Vb(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(f=g.get(a,!0,c)),void 0===f&&(f=Kb(a,b,d)),"normal"===f&&b in Tb&&(f=Tb[b]),""===c||c?(e=parseFloat(f),c===!0||n.isNumeric(e)?e||0:f):f}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?0===a.offsetWidth&&Pb.test(n.css(a,"display"))?n.swap(a,Sb,function(){return Zb(a,b,d)}):Zb(a,b,d):void 0},set:function(a,c,d){var e=d&&Jb(a);return Xb(a,c,d?Yb(a,b,d,l.boxSizing()&&"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),l.opacity||(n.cssHooks.opacity={get:function(a,b){return Ob.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=n.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,(b>=1||""===b)&&""===n.trim(f.replace(Nb,""))&&c.removeAttribute&&(c.removeAttribute("filter"),""===b||d&&!d.filter)||(c.filter=Nb.test(f)?f.replace(Nb,e):f+" "+e)}}),n.cssHooks.marginRight=Mb(l.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},Kb,[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+U[d]+b]=f[d]||f[d-2]||f[0];return e}},Hb.test(a)||(n.cssHooks[a+b].set=Xb)}),n.fn.extend({css:function(a,b){return W(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=Jb(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)
4 | },a,b,arguments.length>1)},show:function(){return Wb(this,!0)},hide:function(){return Wb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){V(this)?n(this).show():n(this).hide()})}});function $b(a,b,c,d,e){return new $b.prototype.init(a,b,c,d,e)}n.Tween=$b,$b.prototype={constructor:$b,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=$b.propHooks[this.prop];return a&&a.get?a.get(this):$b.propHooks._default.get(this)},run:function(a){var b,c=$b.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):$b.propHooks._default.set(this),this}},$b.prototype.init.prototype=$b.prototype,$b.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}}},$b.propHooks.scrollTop=$b.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=$b.prototype.init,n.fx.step={};var _b,ac,bc=/^(?:toggle|show|hide)$/,cc=new RegExp("^(?:([+-])=|)("+T+")([a-z%]*)$","i"),dc=/queueHooks$/,ec=[jc],fc={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=cc.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&cc.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 gc(){return setTimeout(function(){_b=void 0}),_b=n.now()}function hc(a,b){var c,d={height:a},e=0;for(b=b?1:0;4>e;e+=2-b)c=U[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function ic(a,b,c){for(var d,e=(fc[b]||[]).concat(fc["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function jc(a,b,c){var d,e,f,g,h,i,j,k,m=this,o={},p=a.style,q=a.nodeType&&V(a),r=n._data(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++,m.always(function(){m.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[p.overflow,p.overflowX,p.overflowY],j=n.css(a,"display"),k=Gb(a.nodeName),"none"===j&&(j=k),"inline"===j&&"none"===n.css(a,"float")&&(l.inlineBlockNeedsLayout&&"inline"!==k?p.zoom=1:p.display="inline-block")),c.overflow&&(p.overflow="hidden",l.shrinkWrapBlocks()||m.always(function(){p.overflow=c.overflow[0],p.overflowX=c.overflow[1],p.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],bc.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(q?"hide":"show")){if("show"!==e||!r||void 0===r[d])continue;q=!0}o[d]=r&&r[d]||n.style(a,d)}if(!n.isEmptyObject(o)){r?"hidden"in r&&(q=r.hidden):r=n._data(a,"fxshow",{}),f&&(r.hidden=!q),q?n(a).show():m.done(function(){n(a).hide()}),m.done(function(){var b;n._removeData(a,"fxshow");for(b in o)n.style(a,b,o[b])});for(d in o)g=ic(q?r[d]:0,d,m),d in r||(r[d]=g.start,q&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function kc(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 lc(a,b,c){var d,e,f=0,g=ec.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=_b||gc(),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:_b||gc(),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(kc(k,j.opts.specialEasing);g>f;f++)if(d=ec[f].call(j,a,k,j.opts))return d;return n.map(k,ic,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(lc,{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],fc[c]=fc[c]||[],fc[c].unshift(b)},prefilter:function(a,b){b?ec.unshift(a):ec.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(V).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=lc(this,n.extend({},a),f);(e||n._data(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=n._data(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&dc.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=n._data(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(hc(b,!0),a,d,e)}}),n.each({slideDown:hc("show"),slideUp:hc("hide"),slideToggle:hc("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=n.timers,c=0;for(_b=n.now();c<b.length;c++)a=b[c],a()||b[c]!==a||b.splice(c--,1);b.length||n.fx.stop(),_b=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(){ac||(ac=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(ac),ac=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,b,c,d,e=z.createElement("div");e.setAttribute("className","t"),e.innerHTML="  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>",a=e.getElementsByTagName("a")[0],c=z.createElement("select"),d=c.appendChild(z.createElement("option")),b=e.getElementsByTagName("input")[0],a.style.cssText="top:1px",l.getSetAttribute="t"!==e.className,l.style=/top/.test(a.getAttribute("style")),l.hrefNormalized="/a"===a.getAttribute("href"),l.checkOn=!!b.value,l.optSelected=d.selected,l.enctype=!!z.createElement("form").enctype,c.disabled=!0,l.optDisabled=!d.disabled,b=z.createElement("input"),b.setAttribute("value",""),l.input=""===b.getAttribute("value"),b.value="t",b.setAttribute("type","radio"),l.radioValue="t"===b.value,a=b=c=d=e=null}();var mc=/\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(mc,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b: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||(l.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--)if(d=e[g],n.inArray(n.valHooks.option.get(d),f)>=0)try{d.selected=c=!0}catch(h){d.scrollHeight}else d.selected=!1;return c||(a.selectedIndex=-1),e}}}}),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}},l.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var nc,oc,pc=n.expr.attrHandle,qc=/^(?:checked|selected)$/i,rc=l.getSetAttribute,sc=l.input;n.fn.extend({attr:function(a,b){return W(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===L?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?oc:nc)),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))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(F);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)?sc&&rc||!qc.test(c)?a[d]=!1:a[n.camelCase("default-"+c)]=a[d]=!1:n.attr(a,c,""),a.removeAttribute(rc?c:d)},attrHooks:{type:{set:function(a,b){if(!l.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),oc={set:function(a,b,c){return b===!1?n.removeAttr(a,c):sc&&rc||!qc.test(c)?a.setAttribute(!rc&&n.propFix[c]||c,c):a[n.camelCase("default-"+c)]=a[c]=!0,c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=pc[b]||n.find.attr;pc[b]=sc&&rc||!qc.test(b)?function(a,b,d){var e,f;return d||(f=pc[b],pc[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,pc[b]=f),e}:function(a,b,c){return c?void 0:a[n.camelCase("default-"+b)]?b.toLowerCase():null}}),sc&&rc||(n.attrHooks.value={set:function(a,b,c){return n.nodeName(a,"input")?void(a.defaultValue=b):nc&&nc.set(a,b,c)}}),rc||(nc={set:function(a,b,c){var d=a.getAttributeNode(c);return d||a.setAttributeNode(d=a.ownerDocument.createAttribute(c)),d.value=b+="","value"===c||b===a.getAttribute(c)?b:void 0}},pc.id=pc.name=pc.coords=function(a,b,c){var d;return c?void 0:(d=a.getAttributeNode(b))&&""!==d.value?d.value:null},n.valHooks.button={get:function(a,b){var c=a.getAttributeNode(b);return c&&c.specified?c.value:void 0},set:nc.set},n.attrHooks.contenteditable={set:function(a,b,c){nc.set(a,""===b?!1:b,c)}},n.each(["width","height"],function(a,b){n.attrHooks[b]={set:function(a,c){return""===c?(a.setAttribute(b,"auto"),c):void 0}}})),l.style||(n.attrHooks.style={get:function(a){return a.style.cssText||void 0},set:function(a,b){return a.style.cssText=b+""}});var tc=/^(?:input|select|textarea|button|object)$/i,uc=/^(?:a|area)$/i;n.fn.extend({prop:function(a,b){return W(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return a=n.propFix[a]||a,this.each(function(){try{this[a]=void 0,delete this[a]}catch(b){}})}}),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){var b=n.find.attr(a,"tabindex");return b?parseInt(b,10):tc.test(a.nodeName)||uc.test(a.nodeName)&&a.href?0:-1}}}}),l.hrefNormalized||n.each(["href","src"],function(a,b){n.propHooks[b]={get:function(a){return a.getAttribute(b,4)}}}),l.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex),null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this}),l.enctype||(n.propFix.enctype="encoding");var vc=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=0,i=this.length,j="string"==typeof a&&a;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(F)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(vc," "):" ")){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,i=this.length,j=0===arguments.length||"string"==typeof a&&a;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(j)for(b=(a||"").match(F)||[];i>h;h++)if(c=this[h],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(vc," "):"")){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(F)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===L||"boolean"===c)&&(this.className&&n._data(this,"__className__",this.className),this.className=this.className||a===!1?"":n._data(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(vc," ").indexOf(b)>=0)return!0;return!1}}),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 wc=n.now(),xc=/\?/,yc=/(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;n.parseJSON=function(b){if(a.JSON&&a.JSON.parse)return a.JSON.parse(b+"");var c,d=null,e=n.trim(b+"");return e&&!n.trim(e.replace(yc,function(a,b,e,f){return c&&b&&(d=0),0===d?a:(c=e||b,d+=!f-!e,"")}))?Function("return "+e)():n.error("Invalid JSON: "+b)},n.parseXML=function(b){var c,d;if(!b||"string"!=typeof b)return null;try{a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b))}catch(e){c=void 0}return c&&c.documentElement&&!c.getElementsByTagName("parsererror").length||n.error("Invalid XML: "+b),c};var zc,Ac,Bc=/#.*$/,Cc=/([?&])_=[^&]*/,Dc=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Ec=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Fc=/^(?:GET|HEAD)$/,Gc=/^\/\//,Hc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,Ic={},Jc={},Kc="*/".concat("*");try{Ac=location.href}catch(Lc){Ac=z.createElement("a"),Ac.href="",Ac=Ac.href}zc=Hc.exec(Ac.toLowerCase())||[];function Mc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(F)||[];if(n.isFunction(c))while(d=f[e++])"+"===d.charAt(0)?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Nc(a,b,c,d){var e={},f=a===Jc;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 Oc(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(d in b)void 0!==b[d]&&((e[d]?a:c||(c={}))[d]=b[d]);return c&&n.extend(!0,a,c),a}function Pc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===e&&(e=a.mimeType||b.getResponseHeader("Content-Type"));if(e)for(g in h)if(h[g]&&h[g].test(e)){i.unshift(g);break}if(i[0]in c)f=i[0];else{for(g in c){if(!i[0]||a.converters[g+" "+i[0]]){f=g;break}d||(d=g)}f=f||d}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function Qc(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:Ac,type:"GET",isLocal:Ec.test(zc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Kc,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?Oc(Oc(a,n.ajaxSettings),b):Oc(n.ajaxSettings,a)},ajaxPrefilter:Mc(Ic),ajaxTransport:Mc(Jc),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(!j){j={};while(b=Dc.exec(f))j[b[1].toLowerCase()]=b[2]}b=j[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?f: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 i&&i.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||Ac)+"").replace(Bc,"").replace(Gc,zc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(F)||[""],null==k.crossDomain&&(c=Hc.exec(k.url.toLowerCase()),k.crossDomain=!(!c||c[1]===zc[1]&&c[2]===zc[2]&&(c[3]||("http:"===c[1]?"80":"443"))===(zc[3]||("http:"===zc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),Nc(Ic,k,b,v),2===t)return v;h=k.global,h&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!Fc.test(k.type),e=k.url,k.hasContent||(k.data&&(e=k.url+=(xc.test(e)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=Cc.test(e)?e.replace(Cc,"$1_="+wc++):e+(xc.test(e)?"&":"?")+"_="+wc++)),k.ifModified&&(n.lastModified[e]&&v.setRequestHeader("If-Modified-Since",n.lastModified[e]),n.etag[e]&&v.setRequestHeader("If-None-Match",n.etag[e])),(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]?", "+Kc+"; q=0.01":""):k.accepts["*"]);for(d in k.headers)v.setRequestHeader(d,k.headers[d]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(d in{success:1,error:1,complete:1})v[d](k[d]);if(i=Nc(Jc,k,b,v)){v.readyState=1,h&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,i.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,c,d){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),i=void 0,f=d||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,c&&(u=Pc(k,v,c)),u=Qc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[e]=w),w=v.getResponseHeader("etag"),w&&(n.etag[e]=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,h&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),h&&(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.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),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){if(n.isFunction(a))return this.each(function(b){n(this).wrapAll(a.call(this,b))});if(this[0]){var 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.firstChild&&1===a.firstChild.nodeType)a=a.firstChild;return a}).append(this)}return 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||!l.reliableHiddenOffsets()&&"none"===(a.style&&a.style.display||n.css(a,"display"))},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var Rc=/%20/g,Sc=/\[\]$/,Tc=/\r?\n/g,Uc=/^(?:submit|button|image|reset|file)$/i,Vc=/^(?:input|select|textarea|keygen)/i;function Wc(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||Sc.test(a)?d(a,e):Wc(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Wc(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)Wc(c,a[c],b,e);return d.join("&").replace(Rc,"+")},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")&&Vc.test(this.nodeName)&&!Uc.test(a)&&(this.checked||!X.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(Tc,"\r\n")}}):{name:b.name,value:c.replace(Tc,"\r\n")}}).get()}}),n.ajaxSettings.xhr=void 0!==a.ActiveXObject?function(){return!this.isLocal&&/^(get|post|head|put|delete|options)$/i.test(this.type)&&$c()||_c()}:$c;var Xc=0,Yc={},Zc=n.ajaxSettings.xhr();a.ActiveXObject&&n(a).on("unload",function(){for(var a in Yc)Yc[a](void 0,!0)}),l.cors=!!Zc&&"withCredentials"in Zc,Zc=l.ajax=!!Zc,Zc&&n.ajaxTransport(function(a){if(!a.crossDomain||l.cors){var b;return{send:function(c,d){var e,f=a.xhr(),g=++Xc;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)void 0!==c[e]&&f.setRequestHeader(e,c[e]+"");f.send(a.hasContent&&a.data||null),b=function(c,e){var h,i,j;if(b&&(e||4===f.readyState))if(delete Yc[g],b=void 0,f.onreadystatechange=n.noop,e)4!==f.readyState&&f.abort();else{j={},h=f.status,"string"==typeof f.responseText&&(j.text=f.responseText);try{i=f.statusText}catch(k){i=""}h||!a.isLocal||a.crossDomain?1223===h&&(h=204):h=j.text?200:404}j&&d(h,i,j,f.getAllResponseHeaders())},a.async?4===f.readyState?setTimeout(b):f.onreadystatechange=Yc[g]=b:b()},abort:function(){b&&b(void 0,!0)}}}});function $c(){try{return new a.XMLHttpRequest}catch(b){}}function _c(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}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",a.global=!1)}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c=z.head||n("head")[0]||z.documentElement;return{send:function(d,e){b=z.createElement("script"),b.async=!0,a.scriptCharset&&(b.charset=a.scriptCharset),b.src=a.url,b.onload=b.onreadystatechange=function(a,c){(c||!b.readyState||/loaded|complete/.test(b.readyState))&&(b.onload=b.onreadystatechange=null,b.parentNode&&b.parentNode.removeChild(b),b=null,c||e(200,"success"))},c.insertBefore(b,c.firstChild)},abort:function(){b&&b.onload(void 0,!0)}}}});var ad=[],bd=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=ad.pop()||n.expando+"_"+wc++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(bd.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&bd.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(bd,"$1"+e):b.jsonp!==!1&&(b.url+=(xc.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,ad.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||z;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 cd=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&cd)return cd.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=a.slice(h,a.length),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(f="POST"),g.length>0&&n.ajax({url:a,type:f,dataType:"html",data:b}).done(function(a){e=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var dd=a.document.documentElement;function ed(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}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)&&n.inArray("auto",[f,i])>-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={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(typeof e.getBoundingClientRect!==L&&(d=e.getBoundingClientRect()),c=ed(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||dd;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||dd})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return W(this,function(a,d,e){var f=ed(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Mb(l.pixelPosition,function(a,c){return c?(c=Kb(a,b),Ib.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 W(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 fd=a.jQuery,gd=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=gd),b&&a.jQuery===n&&(a.jQuery=fd),n},typeof b===L&&(a.jQuery=a.$=n),n});


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